基本概念

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种例子）相关推荐

QML笔记：QML基本概念及使用
QML笔记:QML基本概念及使用 Qt5中的Qt Qml和Qt Quick架构 Qt Qml模块本身并没有涉及图形显示,所有的图形处理都由Qt Quick模块完成. Qt Quick 以QPA(Qt ...
StackExchange.Redis学习笔记(二) Redis查询五种数据类型的应用
StackExchange.Redis学习笔记(二) Redis查询五种数据类型的应用原文: StackExchange.Redis学习笔记(二) Redis查询五种数据类型的应用 Connec ...
QML笔记-自定义控件的2种点击方式（推荐第二种）
目录基本概念代码及演示基本概念自定义的时候,可以使用信号进行响应,也可以使用自带的onClicked进行操作. 代码及演示运行截图都如下: 程序结构都如下: 第一种方法: main.qml ...
QML笔记(三)之QML中的几种布局
一.前言先前了解了QML的添加控件与绑定信号槽,那么控件的摆放就是一个问题,虽然可以手动去设置控件的位置,但是有些时候还是需要自动对齐啥的,这时候就需要用到布局,该篇文章先简单了解QML提供的布局方 ...
QML笔记-2种方式实现心脏跳动
程序运行截图如下: 随着时间,心脏会放大和缩小: 这里大逻辑如下: 把心图片先放大,然后在缩小. 先放大又分为使用Sacle进行放缩,或者使用transform进行放缩关键代码如下: import ...
QML笔记-在背景图中添加NumberAnimation使得界面效果更佳（小技巧）
目录背景代码及演示要注意的问题背景最近在读官方的QML的例子,发现这个小技巧,可以带来更多的用户体验.真的很有用,在此记录下! 代码及演示先来张静态图吧: 程序运行截图如下: 这里让背景旋 ...
QML笔记-QML中SpriteSequence及Sprite的基本使用
目录背景基本概念博主例子源码打包下载背景最近在研究一个稍微复杂的QML官方例子,里面有个SpriteSequence及Sprite知识点,我从来没有用过,这次特意花时间提取了出来,方便以后 ...
C/C++编程笔记：详解三种指针（悬空指针、空指针和野指针）
悬空指针指向已删除(或释放)的内存位置的指针称为悬空指针.指针用作悬空指针有三种不同的方式 ①内存分配: ②函数调用: 如果x是静态变量,则不会出现问题(或p不会悬空). 输出:5 变量超出范围无 ...
【Android笔记】Activity的四种启动模式
在多Activity开发中,有可能是自己应用之间的Activity跳转,或者夹带其他应用的可复用Activity. 可能会希望一个Activity跳转到原来某个Activity实例,而不是产生大量重复 ...

QML笔记-KeyNavigation的使用（2种例子）

基本概念

代码与实例

QML笔记-KeyNavigation的使用（2种例子）相关推荐

最新文章

热门文章