QML创建一个带多个下拉输入框的窗口(ComboBox)
来源:互联网 发布:电工电子技术网络课 编辑:程序博客网 时间:2024/06/07 17:17
在网上搜了很多资料,用QML怎么实现下拉框的方法很少,并且都很复杂,我按照他们的方法实现的下拉框效果并不是很好,在问了公司的老司机后,他告诉我一个很好用的QML类:ComboBox,下面直接看代码和效果图
import QtQuick 2.5import QtQuick.Window 2.2import QtQuick.Controls 1.4 //使用 Button 控件必须包含import QtQuick.Layouts 1.1 //使用 GridLayout 控件必须包含Window { visible: true width: 610 height: 75 title: qsTr("ComboBox") GridLayout { //使其内部的所有控件以表格形式排列 Repeater { //复制控件,model 为复制的控件数 id: repeater model: 3 Item { width: 200 ComboBox { id:combox currentIndex: 2 model: ListModel { id: cbItems ListElement { text: "Banana"; color: "Yellow" } ListElement { text: "Apple"; color: "Green" } ListElement { text: "Coconut"; color: "Brown" } } width: 200 onCurrentIndexChanged: { console.debug(cbItems.get(currentIndex).text + ", " + cbItems.get(currentIndex).color) } } Layout.row: 1 //控件所在的行号 Layout.column: index //控件所在的列号 } } }}
2 0
- QML创建一个带多个下拉输入框的窗口(ComboBox)
- easyui combobox 输入下拉框不存在的值校验
- easyui combobox 输入下拉框不存在的值校验
- JQuery EasyUI+Struts2自动匹配输入下拉框(combobox)
- 使用easyUI的combobox下拉框控件实现输入提示功能(google suggest)
- 动态创建下拉列表框ComboBox
- ExtJs ComboBox 动态创建下拉框
- 下拉框 ComboBox 的使用
- ComboBox 下拉框的应用
- 下拉框 ComboBox 的使用
- qml构建一个渐变色的窗口
- 一个关于combobox中的下拉框问题
- 怎样禁止ComboBox的text从外部输入,即使ComboBox.text的值只能从下拉框中选择?
- 一个可以输入的下拉框
- 一个可输入的下拉框插件
- 一个包含comboBox的grid,将comboBox中的value显示在输入框中
- 关于Qml ComboBox的问题
- MFC 控件下拉选择和输入的 ComboBox使用
- android-支持多种屏幕[分组资源类型] 十
- Android Debug Database
- 常用页面布局技术
- Map按照Key排序和Map按照Value排序
- .net中的序列化
- QML创建一个带多个下拉输入框的窗口(ComboBox)
- exception handling of Python
- PHP内核探索之变量(5)- session的基本原理
- 解决:Dropzone.js的图片拖拽上传保存本地文件夹
- Eclipse CDT中出现 Nothing to build for XXX 的问题
- PHP 全局变量 局部变量 静态变量 常量
- 书写规则
- Android设计模式(十)-命令模式
- nyoj ACM:士兵杀敌(二)(树状数组)