目錄

?

?

基本概念

代碼與實例

---

?

基本概念

KeyNavigation，有4個方法，一個是left，一個是down，up和right。分別表示鍵盤的上下左右。可以通過上下按鍵，切換輸入框。

?

代碼與實例

運行截圖如下：

運行截圖如下：

代碼如下：

import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")property int rectWidth: 100property int rectHeigh: 100/*Grid{anchors.centerIn: parentcolumns: 2Rectangle{id: topLeftwidth: rectWidthheight: rectHeighcolor: focus ? "red" : "lightgray"focus: trueKeyNavigation.right: topRightKeyNavigation.down: bottomLeft}Rectangle{id: topRightwidth: rectWidthheight: rectHeighcolor: focus ? "red" : "lightgray"KeyNavigation.left: topLeftKeyNavigation.down: bottomRight}Rectangle{id: bottomLeftwidth: rectWidthheight: rectHeighcolor: focus ? "red" : "lightgray"KeyNavigation.right: bottomRightKeyNavigation.up: topLeft}Rectangle{id: bottomRightwidth: rectWidthheight: rectHeighcolor: focus ? "red" : "lightgray"KeyNavigation.left: bottomLeftKeyNavigation.up: topRight}}*/Column{spacing: 10anchors.centerIn: parentRow{spacing: 10Rectangle{id: nameRectIdwidth: nameId.implicitWidth + 20height: nameId.implicitHeight + 20color: "beige"Text {id: nameIdtext: qsTr("數據一：")anchors.centerIn: parent}}Rectangle{id: lineEditRectIdwidth: textInputId1.implicitWidth + 20height: textInputId1.implicitHeight + 20color: "beige"TextInput{id: textInputId1anchors.centerIn: parenttext: "Type in your first name"focus: trueKeyNavigation.down: textInputId2}}}Row{spacing: 10Rectangle{id: nameRectId2width: nameId2.implicitWidth + 20height: nameId2.implicitHeight + 20color: "beige"Text {id: nameId2text: qsTr("數據二：")anchors.centerIn: parent}}Rectangle{id: lineEditRectId2width: textInputId2.implicitWidth + 20height: textInputId2.implicitHeight + 20color: "beige"TextInput{id: textInputId2anchors.centerIn: parenttext: "Type in your Last name"KeyNavigation.up: textInputId1}}}} }

?

總結

以上是生活随笔為你收集整理的QML笔记-KeyNavigation的使用（2种例子）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。