分享
三行代码  ›  专栏  ›  技术社区  ›  Евгений Дружинин

如果QML TextInput中的文本超出界限,如何隐藏它

  •  1
  • Евгений Дружинин  · 技术社区  · 1 周前

    Screenshot

    如果文本宽度大于Rectangle id:field,我会尝试隐藏它。但它不能“从盒子里”工作。如果文本的宽度大于矩形(where TextInput location)的宽度,如何隐藏文本?

        Rectangle {
            id: field
            border.color: "green"
            border.width: 2
            anchors.centerIn: parent
            width:  root.width / 2
            height: 30
    
            TextInput {
                id: textEdit1
    
                anchors.verticalCenter: parent.verticalCenter
                anchors.right: okButton.left
                width: field.width - okButton.width
                height: field.height
                text: "Entered"
                padding: 3
                verticalAlignment: TextInput.AlignVCenter
                horizontalAlignment: TextInput.AlignLeft
            }
    
            Button {
                id: okButton
    
                width: field.width * 0.15
                height: parent.height
                anchors.right: field.right
                anchors.verticalCenter: field.verticalCenter
                text: "Ok"
            }
    
    1 回复  |  直到 1 周前
        1
  •  2
  •   eyllanesc    1 周前

    您可以启用 clip

    Rectangle {
        id: field
        clip: true
        // ...
    

    enter image description here