
Qt6 QML学习之路
文章平均质量分 94
专栏基于Qt 6.8,系统讲解QML开发,从基础控件到高级应用,涵盖核心控件、动态交互、C++混合编程及3D开发。以实战案例贯穿,解析界面设计、性能优化与复杂业务逻辑实现,助你快速构建高颜值、高性能的现代应用。适合Qt新手、C++开发者及跨平台应用探索者,零基础进阶QML全栈开发。
Quz
这个作者很懒,什么都没留下…
展开
-
QML输入控件: TextArea的应用(文本搜索、自动保存)
通过以上两个示例,我们看到了 QMLTextArea控件的灵活性和强大功能。无论是结合其他控件实现复杂的交互(如文本搜索高亮),还是利用 QML 内建的机制(如Timer、属性绑定、信号和槽)实现自动化功能(如自动保存),TextArea都能够很好地满足需求。掌握TextArea的常用属性和信号,并结合 QML 的其他特性,您可以构建出更加丰富和用户友好的文本处理界面。原创 2025-04-04 15:18:56 · 543 阅读 · 0 评论 -
QML输入控件: TextArea的样式定制
在Qt Quick/QML应用程序开发中,TextArea是一个非常重要的多行文本输入控件。与TextField相比,TextArea更适合处理大段文本的输入和显示。本文将详细介绍如何通过自定义样式来美化TextArea控件,使其更好地融入您的应用程序设计。原创 2025-04-04 08:00:00 · 600 阅读 · 0 评论 -
QML输入控件: TextArea的基础用法
TextArea是QML中非常实用的多行文本输入控件,它提供了丰富的功能和灵活的自定义选项。本文介绍了TextArea的基础属性和四个实用示例,展示了基本用法、换行模式、富文本支持以及字体颜色定制。原创 2025-04-03 21:27:15 · 601 阅读 · 0 评论 -
QML输入控件: RangeSlider的基础用法与样式
基础用法:如何创建和配置RangeSlider控件,设置值范围、步进值和初始位置样式定制:如何自定义RangeSlider的背景、滑块和选中范围的视觉外观与Slider的差异:理解了RangeSlider和Slider在功能、属性和使用场景上的区别RangeSlider控件在需要用户选择值范围的场景中非常实用,例如价格筛选、日期区间选择等。通过合理的样式定制,我们可以使RangeSlider更加符合应用程序的整体设计风格,提升用户体验。原创 2025-04-02 19:37:03 · 597 阅读 · 0 评论 -
QML输入控件: Slider的高级外观定制(音视频控制条)
基础样式定制:展示了如何从零开始定制Slider的外观音量控制:结合实际应用场景,实现了完整的音量控制功能视频进度条:展示了复杂业务场景下的综合应用这些示例不仅展示了控件的定制方法,更重要的是展示了如何将控件与实际业务需求相结合,打造出既美观又实用的用户界面。原创 2025-04-02 19:28:48 · 690 阅读 · 0 评论 -
QML输入控件: Slider的基础用法与样式
本文将详细介绍QML中Slider控件的基础用法和样式定制方法,通过5个具体示例帮助开发者快速掌握这一控件的使用技巧。原创 2025-04-01 21:19:45 · 762 阅读 · 0 评论 -
QML输入控件: TextField(文本框)的应用案例
本文将通过3个实用的示例,展示如何利用 QML 的 TextField 控件实现自动补全、表单验证以及美化的登录表单等常见功能,帮助开发者打造更具交互性和用户友好的界面。原创 2025-04-01 20:00:00 · 741 阅读 · 0 评论 -
QML输入控件: TextField(文本框)的样式定制
在Qt Quick应用程序开发中,文本输入是最常见的用户交互方式之一。TextField控件提供了基础的文本输入功能,但默认样式往往不能满足现代应用的设计需求。本文将详细介绍如何通过QML自定义TextField的样式,使其更加美观且符合应用的设计语言。原创 2025-03-31 20:42:11 · 1065 阅读 · 0 评论 -
QML输入控件: TextField(文本框)的基础用法
TextField控件提供了一个单行文本编辑器,支持文本输入、选择和基本编辑操作。它是构建交互式用户界面的基础组件之一。原创 2025-03-31 20:20:26 · 829 阅读 · 0 评论 -
QML输入控件:Tumbler应用案例(2)
本文侧重介绍Tumbler控件的实际应用场景。包括日期选择器、颜色选择器、设置选择器,以及额外完善了日期选择器,实现了完整的功能以及对外观进行了样式优化。原创 2025-03-30 09:00:00 · 875 阅读 · 0 评论 -
QML输入控件:Tumbler 基础用法与样式(1)
在现代用户界面设计中,滚轮式选择器(又称"旋转器"或"拨轮选择器")因其直观的交互方式和节省空间的特性,被广泛应用于日期选择、时间设置、数值调整等场景。Qt Quick Controls 2提供的Tumbler控件,为开发者提供了一种高效实现这类交互的解决方案。本文介绍Tumbler控件的使用方法、核心特性以及定制技巧。原创 2025-03-30 08:00:00 · 1784 阅读 · 0 评论 -
QML输入控件:Dial外观深度定制(4)
本文使用QML实现一个带数字刻度的旋钮控件。该控件支持主/子刻度显示、动态数值反馈和美观的视觉指示。通过本案例,展示了如何深度定制Dial外观,使用Canvas绘图技巧以及组件封装方法。原创 2025-03-29 08:00:00 · 1261 阅读 · 0 评论 -
QML输入控件:Dial联动、音频均衡器的实现 (3)
在上篇中介绍了Dial控件与鼠标事件的应用,本文主要介绍Dial与其它控件的联动,以及音频均衡器界面的实现。原创 2025-03-28 20:00:00 · 930 阅读 · 0 评论 -
QML输入控件: Dial与事件 (2)
接上篇,Dial控件是Qt Quick中用于实现旋钮式交互的重要组件,本文将全面介绍Dial控件的事件处理机制。原创 2025-03-28 08:00:00 · 566 阅读 · 0 评论 -
QML输入控件: Dial基本用法与样式定制(1)
Dial(旋钮)控件是Qt Quick Controls模块中一个独特的圆形交互元素,它模拟了物理旋钮的行为,允许用户通过旋转手势来调整数值。这种控件在音频处理、参数调整、仪表盘等场景中非常有用。本文主要介绍Dial控件的基础用法与样式定制。原创 2025-03-26 20:24:27 · 885 阅读 · 0 评论 -
QML输入控件:ComboBox(3)
接上篇,继续介绍ComboBox示例,包括:表单数据收集、性能优化(加载大量列表)、自定义文本、部分选项禁用等。原创 2025-03-26 08:00:00 · 681 阅读 · 0 评论 -
QML输入控件:ComboBox(2)
接上篇, 本文将继续介绍ComboBox示例, 包括:动态更新模型、带分组的ComboBox、以及带多列的ComboBox。原创 2025-03-25 19:51:22 · 966 阅读 · 0 评论 -
QML输入控件:ComboBox(1)
ComboBox(组合框)是Qt Quick Controls模块中一个极其实用的控件,它结合了按钮和下拉列表的功能,为用户提供了一种从多个选项中选择一个值的便捷方式。本文将介绍ComboBox的基本属性、数据模型的使用、自定义外观以及编辑功能。原创 2025-03-25 08:00:00 · 592 阅读 · 0 评论 -
QML指示控件:ScrollBar与ScrollIndicator
在Qt Quick应用程序中,滚动条(ScrollBar)和滚动指示器(ScrollIndicator)是用于处理内容滚动的常用控件。它们为用户提供了直观的视觉反馈,帮助用户浏览超出可见区域的内容。本文将详细介绍ScrollBar和ScrollIndicator的使用方法、区别以及如何在实际项目中应用它们。原创 2025-03-24 21:03:48 · 845 阅读 · 0 评论 -
QML指示控件: ProgressBar
ProgressBar是Qt Quick Controls模块中常用的控件之一,用于显示任务的进度。它广泛应用于文件下载、数据处理、加载动画等场景。本文将详细介绍如何在QML中使用ProgressBar控件,并结合示例帮助您更好地理解其用法。原创 2025-03-24 08:00:00 · 565 阅读 · 0 评论 -
QML指示控件:PageIndicator
在现代移动应用和桌面软件中,分页式界面设计已成为主流的交互范式。Qt Quick Controls 2提供的PageIndicator控件,通过与SwipeView或TabBar的无缝集成,为开发者提供了开箱即用的分页指示解决方案。本文将深度解析该控件的使用技巧以及定制化实践方案。原创 2025-03-20 21:07:25 · 1142 阅读 · 0 评论 -
QML指示控件: BusyIndicator
在现代应用程序开发中,加载状态指示是一个不可或缺的UI元素。无论是网络请求、数据处理还是复杂的计算任务,用户都需要明确的视觉反馈来了解当前的操作状态。Qt Quick Controls 2提供了一个简单而强大的控件——BusyIndicator,用于在应用程序中显示加载状态。本文将深入探讨BusyIndicator的使用方法、属性以及在实际项目中的应用场景,帮助开发者更好地理解和利用这一控件。原创 2025-03-20 20:01:15 · 1369 阅读 · 0 评论 -
QML 委托控件:SwipeDelegate(附带滑动操作的列表示例)
SwipeDelegate是Qt Quick Controls 2 提供的特殊委托控件,专为列表视图(如ListView)中的滑动交互场景设计。继承自ItemDelegate和AbstractButton,它既保留了按钮的点击交互特性,又新增了左右滑动触发附加操作的核心能力。开发者可通过滑动方向控制显示的自定义组件(如删除按钮、快捷菜单等),实现类似移动端应用常见的"滑动删除"、"滑动归档"等交互模式。原创 2025-03-19 19:23:14 · 908 阅读 · 0 评论 -
QML 委托控件:TreeViewDelegate (下)
在Qt Quick Controls中,TreeViewDelegate是一个专为树形视图设计的委托控件,它能够高效地渲染树状数据结构,并提供丰富的交互功能。在上篇中借用了Qt官方的demo,介绍了在c++中实现树模型,本篇继续介绍在qml中如何使用c++中的treemodel。原创 2025-03-19 08:00:00 · 855 阅读 · 0 评论 -
QML 委托控件:TreeViewDelegate (上)
在Qt Quick Controls中,TreeViewDelegate是一个专为树形视图设计的委托控件,它能够高效地渲染树状数据结构,并提供丰富的交互功能。本文将从控件简介、属性说明、应用示例来解析这一组件的特性与使用方法。原创 2025-03-18 20:37:56 · 588 阅读 · 0 评论 -
QML 委托控件:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
在QML的QtQuick.Controls模块中,委托(Delegate)控件是构建动态列表和交互式UI的关键组件。本文将深入解析四种常用委托控件:ItemDelegate、CheckDelegate、RadioDelegate和SwitchDelegate,帮助开发者快速掌握其特性与使用场景。原创 2025-03-17 08:00:00 · 857 阅读 · 0 评论 -
QML StackView 分文件加载页面以及通信
QML中的StackView组件是一种用于管理多个页面(或视图)的组件。它允许用户在栈结构中推入(push)和弹出(pop)不同的页面,从而实现应用程序中的导航和视图切换功能。本文主要是说明 StackView 如何分文件加载页面,以及信号槽、属性、方法的跨页面访问。原创 2025-03-15 10:50:07 · 1269 阅读 · 0 评论 -
QML 容器控件:ScrollView
ScrollView是一个用于显示可滚动内容的控件。它提供了滚动条,并支持触摸和鼠标交互。与 Flickable不同,ScrollView提供了更丰富的功能。原创 2025-03-07 08:15:00 · 1071 阅读 · 0 评论 -
QML 容器控件:SplitView
SplitView 是一个功能强大的布局控件,适用于创建多面板的用户界面。它支持可拖动的分隔条、子项大小控制、填充项以及状态保存与恢复等功能。通过自定义分隔条的外观和行为,可以进一步增强其灵活性和用户体验。原创 2025-03-10 08:00:00 · 764 阅读 · 0 评论 -
QML 容器控件:QApplicationWindow 与 Window
Window:适合简单的窗口或弹出窗口,需要手动定义窗口的外观和功能。ApplicationWindow:适合复杂的应用程序窗口,自带菜单栏、工具栏等功能,支持样式化。原创 2025-03-06 08:15:00 · 1858 阅读 · 0 评论 -
QML 容器控件:Page
Page 控件是一个功能强大的容器控件,适用于构建多页面应用。它支持页眉和页脚的自定义、标题显示以及与导航控件(如 SwipeView 和 StackView)的无缝集成。原创 2025-03-06 08:00:00 · 1796 阅读 · 0 评论 -
QML 容器控件:Container、Frame 和 Pane
在 QML 中,Container、Frame 和 Pane 是三种常见的控件,它们都用于布局和组织其他控件,但它们在功能、用途和默认行为上有一些区别。本文将对它们进行详细对比和介绍。原创 2025-03-05 08:15:00 · 763 阅读 · 0 评论 -
QML 导航控件:TabBar、TabButton
在Qt Quick应用开发中,创建直观的导航界面是构建现代应用程序的重要环节。本文将深入探讨QML中两个关键的导航控件:TabBar 和 TabButton,通过代码示例和最佳实践助您快速掌握它们的用法。原创 2025-03-05 08:00:00 · 801 阅读 · 0 评论 -
QML 导航控件:SwipeView之滑动手势导航
在移动应用开发中,手势驱动的界面交互已成为现代用户体验的核心要素。Qt Quick Controls提供的 SwipeView 控件,通过原生支持的滑动手势,让开发者能够轻松创建类移动端的页面导航效果。原创 2025-03-04 08:15:00 · 1049 阅读 · 0 评论 -
QML 导航控件:使用StackView实现页面栈式管理
在 QML 中,StackView 是一个用于管理多个页面的容器组件。它允许你在不同的页面之间进行导航(如推入新页面、弹出页面等),类似于移动应用中的页面堆栈。StackView 是构建多页面应用的常用工具。原创 2025-03-04 08:00:00 · 727 阅读 · 1 评论 -
QML 按钮控件(二)
在 Qt Quick Controls 2 框架中,选择控件是构建用户交互的核心组件。CheckBox、RadioButton 和 Switch 分别服务于不同的选择场景,理解它们的接口设计、行为逻辑和适用场景,是开发高效、直观用户界面的关键。本文将深入剖析这三种控件的技术细节,通过对比分析、示例代码,帮助开发者精准选择并合理应用这些控件。原创 2025-03-03 08:15:00 · 876 阅读 · 0 评论 -
QML 按钮控件(一)
在 Qt Quick Controls 框架中,按钮控件是构建交互式用户界面的核心组件。除了基础的 Button 控件外,Qt 还提供了 DelayButton、RoundButton 和 ToolButton 等特殊用途的按钮类型。本文将深入剖析这四种按钮的接口设计、典型用法、核心差异,并通过实际示例展示它们在不同场景下的应用技巧。原创 2025-03-03 08:00:00 · 1624 阅读 · 0 评论 -
QML 导航控件:使用Drawer实现抽屉效果
Drawer 是 Qt Quick Controls 提供的一个用于实现侧边导航栏的 QML 类型。它是一个可以通过滑动手势打开和关闭的侧边面板,通常用于触控界面上,提供一个中央位置用于导航。原创 2025-03-01 08:15:00 · 803 阅读 · 0 评论 -
QML 实现背景模糊效果
在 Qt6 中,可以通过 QML 实现背景模糊效果。通常,背景模糊效果用于创建现代 UI 设计中的毛玻璃效果(如 macOS 的模糊背景)。实现背景模糊的方式有以下几种:FastBlur、GaussianBlur、Layer.effect、OpacityMask、ShaderEffect等,本文选取部分方式进行实现。原创 2025-03-01 08:00:00 · 1035 阅读 · 0 评论 -
Qt 综合布局实战:导航窗口布局
QML作为一种强大的声明式编程语言,为我们提供了丰富的布局方式,能够轻松实现各种复杂的界面设计。本文将带你深入了解 QML 综合布局实战,实现导航窗口布局。原创 2025-02-28 08:15:00 · 874 阅读 · 0 评论