Qt Quick - 输入控件综述

一、概述

Qt Quick Controls为数字和文本输入提供了各种输入控件。每种类型的输入控件都有自己特定的目标用例。下面即是这些控件的一些最好实践,也是一个用法的概述。

控件 含义
ComboBox 下拉框,用组合按钮和弹出列表来选择选项
Dial 用旋转来设置值的圆形表盘
RangeSlider 通过沿着轨道滑动两个手柄来选择一个范围内的值
Slider 通过沿轨道滑动块来选择一个值
TextArea 多行文本输入区
TextField 单行文本输入字段
Tumbler 可旋转的物品轮,可以选择

二、ComboBox 控件

ComboBox用于从静态多行下拉列表中选择一个值。也就是一个下拉列表框。一般不能添加新值,只能选择一个选项,但是我们也可以使用 modelview 的模式来添加新值。
在这里插入图片描述
在这里插入图片描述

使用建议:

  • 如果值的数量非常大,请考虑应用过滤器。
  • 如果列表非常有限,可以考虑使用RadioButton。这样做的好处是用户可以同时看到所有选项。
  • 选择一个默认值,即最常被选择的值。

三、 Dial 控件

Dial 控件类似于传统的表盘旋钮,很容易就可以在立体音响或工业设备上找到。
在这里插入图片描述

通过点击和拖动旋转转盘,然后手柄指示转盘的值。
对于需要快速输入的应用程序,圆形输入模式很有用,因为点击表盘将直接移动到该位置,然后再和一个text绑定一下看看具体是是多少。

对于精确输入很重要的应用,推荐 水平 和 垂直 输入模式,因为这些允许相对于拨号盘点击的地方进行小的调整。
这些模式也更适合于数值大幅跳跃可能不安全的表盘,例如控制音频音量的表盘。

四、TextArea 控件

TextArea是一个多行文本编辑器。支持placeholder 设置之类的。

在这里插入图片描述

五、TextField 控件

TextField是一个单行文本编辑器。和Qt 里面的 QLineEdit很像哇。

在这里插入图片描述

六、Slider 控件

滑块是通过沿着轨道滑动一个滑块来选择一个值。经常用,也叫滑动条

在这里插入图片描述

七、RangeSlider 控件

RangeSlider通过沿着轨道滑动每个滑块来选择由两个值指定的范围。区域值嘛,我没怎么见到过这个

在这里插入图片描述

八、Tumbler 控件

Tumbler是一个可旋转的物品轮子,可以选择对应的值,很像手机里面的日期选择器,这个也经常是用这个使用的。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43680827/article/details/129718956