有2个输入框,默认焦点在第一个输入框,按Tab键可以在两个输入框之间来回切换。
FocusInput.qml
import QtQuick
FocusScope { //显式创建焦点范围
width: 200
height: 40
x: 20
y: 20
property alias text: input.text
property alias input: input
Rectangle {
id: rect
border.color: 'gray'
border.width: 2
radius: 7
anchors.fill: parent
/*TextEdit*/ TextInput { //二者的区别是:TextEdit是多行文本,TextInput是单行文本
id: input
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
anchors.margins: 6
focus: true
// wrapMode: Text.WordWrap //自动换行开启
}
}
}
05.qml
import QtQuick
Window {
width: 640
height: 480
visible: true
title: qsTr("2.9 键盘输入")
FocusInput {
id: input1
text: '你是小黑子吗?'
input.font.pixelSize: 14 //设置字体大小
height: input.font.pixelSize +20 //输入的高度
focus: true //启用焦点
KeyNavigation.tab: input2 //绑定Tab键切换焦点
}
FocusInput {
id: input2
text: '我不是!'
input.font.pixelSize: 14
height: input.font.pixelSize +20
y: input1.y + input1.height +10 //加个间隙
KeyNavigation.tab: input1
}
}