qml之ip地址框的实现

最新推荐文章于 2023-06-18 20:46:31 发布

wty1121

最新推荐文章于 2023-06-18 20:46:31 发布

阅读量499

点赞数 1

文章标签： linux

本文链接：https://blog.csdn.net/wty1121/article/details/125162143

版权

这是一个使用QML实现的矩形组件，包含四个输入框用于输入IPv4地址，每个输入框都有长度限制和正则表达式验证，确保输入合法。当输入达到特定条件时，焦点会自动转移到下一个输入框。此外，组件还支持输入法面板的显示和更新。

摘要由CSDN通过智能技术生成

Rectangle{
id:rectange1
x:101
y:52
width:280
height: 40
border.color: "#000000"

TextField {
id: textinput1
x: 0
y: 0
width: 280
height: 40
font.pointSize: 10
text: setform.ip
onTextChanged: {
if(text.length === 3 || text > 255)
// nextItemInFocusChain().forceActiveFocus()
textinput2.focus = true
}

validator: RegExpValidator{regExp:/(?=(\b|\D))(((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))\.){3}((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))(?=(\b|\D))/}

onActiveFocusChanged: {
if(activeFocus) {
Qt.inputMethod.update(Qt.ImQueryInput)
}
}
onPressed: {
inputPanel1.visible = true
}
}

TextInput {
id: textinput2
x: 70
y: 0
width: 70
height: 40
// text: setform.i2
horizontalAlignment: Text.AlignHCenter
font.pointSize: 10
onTextChanged: {
if(text.length === 3 || text > 255)
// nextItemInFocusChain().forceActiveFocus()
textinput3.focus = true
}
// KeyNavigation.tab: textinput3
validator: RegExpValidator{regExp:/(?=(\b|\D))(((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))\.){3}((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))(?=(\b|\D))/}
}

TextInput {
id: textinput3
x: 140
y: 0
width: 70
height: 40
horizontalAlignment: Text.AlignHCenter
font.pointSize: 10
onTextChanged: {
if(text.length === 3 || text > 255)
// nextItemInFocusChain().forceActiveFocus()
textinput4.focus = true
}

// KeyNavigation.tab: textinput4
validator: RegExpValidator{regExp:/(?=(\b|\D))(((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))\.){3}((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))(?=(\b|\D))/}
}
TextInput {
id: textinput4
x: 210
y: 0
width: 70
height: 40
horizontalAlignment: Text.AlignHCenter
font.pointSize: 10
onTextChanged: {
if(text.length === 3 || text > 255)
nextItemInFocusChain().forceActiveFocus()
// textinput5.focus = true
}
validator: RegExpValidator{regExp:/(?=(\b|\D))(((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))\.){3}((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))(?=(\b|\D))/}
}

Text {
id: text11
x: 68
y: 0
width: 4
height: 40
text: qsTr(".")
font.pointSize: 8
}
Text {
id: text12
x: 138
y: 0
width:4
height: 40
text: qsTr(".")
font.pointSize: 8
}
Text {
id: text13
x: 208
y: 0
width: 4
height: 40
text: qsTr(".")
font.pointSize: 8
}