QML学习 —— 9、ComboBox、RadioButton的组合示例（附完整源码）

信必诺

已于 2025-03-28 10:52:16 修改

阅读量750

点赞数 7

CC 4.0 BY-SA版权

分类专栏： QML 文章标签： Qt QML

于 2023-12-28 11:17:02 首次发布

automoblie0

本文链接：https://blog.youkuaiyun.com/automoblie0/article/details/135264748

QML 专栏收录该内容

38 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

🔔 QML 相关技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中…）

示例 - 效果

在这里插入图片描述

实例 - 源码

import QtQuick 2.12
import QtQuick.Window 2.12

import QtQuick.Layouts 1.12
import QtQuick.Controls 2.5<

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

信必诺

关注关注

7
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

使用QML创建ComboBox的示例代码

James_CODER的博客

09-04

343

点击ComboBox时，将显示下拉列表中的选项，你可以选择其中的一个选项。ComboBox的宽度设置为200，模型（model）属性定义了ComboBox的选项列表。在这个示例中，我们使用ListModel来定义选项列表，包括三个选项：“选项1”，“选项2"和"选项3”。在这个示例中，我们创建了一个QML应用程序窗口（ApplicationWindow），并在其中添加了一个ComboBox组件。在这个示例中，我们在控制台上输出当前选择的选项文本。在这个示例中，我们将其设置为0，即默认选择第一个选项。

Quick QML-ComboBox Qt 的使用

04-12

552

在这个例子中，我们的 ComboBox 就包含了三个选项：Option 1、Option 2 和一个红色的矩形。总的来说，ComboBox 是一个非常实用的控件，它可以帮助用户从预定义的选项中进行选择，同时也提供了很多自定义选项的方式。在这个例子中，当我们改变 ComboBox 的选中项时，onCurrentIndexChanged 信号会被触发，并将新的 currentIndex 打印到控制台上。在 Qt 中，ComboBox 是一个很方便的控件，它可以让用户从一组可能的值中进行选择。

参与评论您还未登录，请先登录后发表或查看评论

QML自定义ComboBox组件，支持动态筛选

zjgo007的专栏

02-01

2034

QtQuick.Controls提供了ComboBox组件，该组件能够满足日常的下拉选择框的需求，但当需要用户在ComboBox中通过输入关键字进行自动匹配时，原生的组件虽然提供了editable属性用于输入关键字，但是匹配内容不弹出下拉框，无法动态筛选。

QML学习笔记（三十五）QML的ComboBox

最新发布

Larry_Yanan的博客

10-13

818

本文介绍了QML中ComboBox控件的基本用法和特性。ComboBox是下拉选择框，结合了单行输入框和下拉列表的功能，占用界面空间小。文章详细讲解了两种状态（不可编辑态和可编辑态）的实现方式，并通过代码示例演示了如何添加选项、获取当前文本、动态切换显示属性等操作。重点分析了model数据模型的使用，包括数组、ListModel等不同形式，以及如何通过textRole切换选项显示属性。此外，还介绍了currentTextChanged信号处理和动态添加选项的方法，展示了ComboBox在QML中的灵活应用。

【Qt QML】ComboBox组件

wangyi463295828的博客

08-11

539

ComboBox是一种常用的图形用户界面（GUI）控件，它结合了文本框（TextBox）和下拉列表（DropDownList）的功能。用户可以从下拉列表中选择一个选项，也可以直接在文本框中输入内容。

qml CustomComboBox

嵌入式修炼师的博客

02-11

1082

标准的ComboBox提供了一个下拉列表，让用户选择一个选项。但是，在某些场景下，标准的ComboBox组件可能并不满足需求。自定义下拉框的外观（如添加图标、修改样式等）。响应自定义的信号，处理更多特定的用户交互。增强数据绑定，处理复杂的数据结构。自定义弹出列表的布局和交互方式。为了实现这些需求，我们可以通过 QML 自定义组件的方式，创建一个更灵活的。首先，我们从最基本的ComboBox组件开始，然后逐步扩展其功能。

QML学习 —— 8、RadioButton的两个经典示例（附完整源码）

12-27

1171

QML —— RadioButton的两个经典示例（附完整源码）

QML学习 —— 15、TabView示例（附完整源码）

01-05

1743

QML —— TabView示例（附完整源码）

QML学习 —— 6、键盘输入示例（附完整源码）

12-27

685

QML —— 键盘输入示例（附完整源码）

QML学习 —— 16、CheckBox示例，嵌入TabView页中（附完整源码）

01-05

883

QML —— CheckBox示例，嵌入TabView页中（附完整源码）

QML ComboBox

caicai_xiaobai的博客

12-25

557

import QtQuick 2.12 import QtQuick.Controls 2.5 import "./ui.js" as UI ComboBox{ property int itemDlgtHeight:24 property string keyText: "" property string valueText: "" id:control editable: true width: parent.width height: par

qml简单示例

11-19

qml完成的小示例，包括旋转的风车、红绿灯和日历界面，具体效果展示可以参看http://www.cnblogs.com/swarmbees/p/6081823.html

QML-自定义ComboBox

06-13

这里实现了一个多功能的ComboBox,具体实现内容可以看我博客http://blog.csdn.net/z609932088/article/details/73196172

Qt-QML-Example:Qt，QML示例集合

03-20

Qt-QML-示例 Qt，QML示例集合。 1.QML-ExpandableListView 用QML中的listview来实现树形二级列表（类似android ExpandableListView控件） 2.QML阴影字体 QML实现阴影字体效果，可定义阴影颜色及阴影大小等 3.QML-Light-Ani-font QML实现发光呼吸动画字体效果 4，QML渐变字体 QML实现渐变色字体 4，QML-Customize-Flipable QML实现页面反转封装，旋转过程中修改页面不透明度，比例，角度 5. QML-ListView-header-Suspension QML实现ListView控件悬浮标题栏 6，QML-Reflection QML实现控件或图片倒影效果 7，QML-PathView-CoverFlow QML实现图片酷炫切换效果 8，QML

QML语法从一个简单的例子说起

05-07

QML语法从一个简单的例子说起，说明见http://www.cnblogs.com/csulennon/p/4485768.html

Qml控件：ComboBox

木牛的博客

02-19

1839

的类型作为代理，这一点是为了确保弹框能够正常的交互工作以及自动关闭，如果使用其他类型作为代理组件，那么一定需要自己关闭弹框。在此我们使用官方推荐的。去定制，因为你的数据是一个数组，并且更有可能是一个动态数组（可以支持增删改等操作）。是一个图片按钮，跟按钮的属性基本一致，只是多了一个图片，可以参考这骗文章：。类型去定义，但它不能使用其他类型定义，毕竟这是一个弹框，不可以用。对于每项的背景色的定制，通上述的定制背景一样，使用一个。，这个和上述的定制背景可以做一样的操作。来说，最重要的是要定制它弹出的内容，及。

在 QML 中，ComboBox 是一种常用的用户界面控件，通常用于提供一个下拉式的选择框，允许用户从预定义的选项列表中选择一个值

m0_46376834的博客

04-01

2675

用于指定 ComboBox 中的选项列表，可以是一个数组、列表、模型或者其他可迭代的数据结构。: 用于指定是否允许用户编辑 ComboBox 中的文本输入框，以便输入非预定义的选项。: 用于获取或设置当前选中项的索引位置。: 用于获取或设置当前选中项的文本内容。: 用于定义当用户选择了下拉框中的某一项时触发的事件处理。ComboBox 提供了一种简单而直观的方式来让用户从一组选项中进行选择，同时也支持用户自定义输入。

QML入门教程：一、QML和QtQuick简介以及QML实例