Question

我有以下TextInput元素：

TextInput {
    id: textInput
    text: m_init
    anchors.centerIn: parent
    font.family : "Helvetica"
    font.pixelSize: 14
    color: "black"
    maximumLength: 2
    smooth: true
    inputMask: "HH"

    states : [
        State {
            name: "EmptyInputLeft"
            when: !text.length

            PropertyChanges {
                target: textInput
                text : "00"
            }
        }
    ]
}

我希望在退格时从中移除所有内容时显示00。我为此目的编写了一个State，但它没有按预期工作。我做错了什么？

Answer 1

你有一个：＆＃34; QML TextInput：为属性＆＃34; text＆＃34; ＆＃34;检测到绑定循环您上面的代码出错。原因是，当您将文本设置为＆＃34; 00＆＃34;时，长度会发生变化，从而触发＆＃34;当＆＃34;再次使用子句（并再次设置），并导致循环错误。

以下是使用验证器的解决方法：

TextInput {
    id: textInput
    text: m_init
    anchors.centerIn: parent
    font.family : "Helvetica"
    font.pixelSize: 14
    color: "black"
    maximumLength: 2
    smooth: true
    inputMask: "00"
    //validator: RegExpValidator { regExp: /^([0-9]|0[0-9]|1[0-9]|2[0-3])/ } //max 23 hours
    validator: RegExpValidator { 
         regExp: /^([0-9]|[0-9]/ } //any two digits

}

或者可能将文本绑定到函数：

text: myFunction()

与onTextChanged事件一起，可以产生更好的结果：

onTextChanged: {
 //some code
 myFunction()
}
function myFunction(){
//some validation
    return "00"  
}

Answer 2

对于TextField，有placeholderText这样的属性 - 像这样使用它：

TextField {
    id: textInput
    text: m_init
    placeholderText: "00"
    ...
}

Qt4.7 QML TextInput空状态检测

2 个答案: