- 博客(28)
- 收藏
- 关注
RSS订阅原创 QML教程20 - CheckBox：多选功能的王者
QML CheckBox控件实战指南 本文详细介绍了QML中CheckBox控件的核心用法和常见问题解决方案。主要内容包括： CheckBox特点：多选功能王者，适合功能开关、选项设置场景 常见踩坑点：三态CheckBox必须启用tristate属性，文本换行需自定义contentItem 控件对比：CheckBox（多选）vs RadioButton（单选）的使用场景区分 实战案例：设置面板实现，包含级联启用等实用技巧 性能优化：使用Repeater处理大量CheckBox的解决方案
2025-12-12 09:00:00
716
原创 QML教程19 - TextArea：多行文本编辑的终极指南
本文是QML教程系列第19篇，全面介绍TextArea控件的使用方法和实战场景。TextArea是处理多行文本输入的核心组件，文章对比了TextArea、TextField和Text的区别，强调TextArea必须配合ScrollView使用才能实现滚动效果。教程详细讲解了TextArea的核心属性，包括wrapMode换行模式、readOnly只读设置和文本操作方法，并提供了三个典型应用场景的代码示例：评论输入框、文章编辑器和聊天消息输入框。文章还附有完整源码和练习答案，帮助开发者快速掌握TextArea
2025-12-11 09:00:00
633
原创 QML教程18 - TextField：文本输入的艺术
摘要：QML TextField控件实战指南 本文深入讲解了QML中TextField控件的核心用法与常见问题解决方案。主要内容包括： 基础对比：区分TextField（单行输入）、TextArea（多行输入）和Label（纯显示）的使用场景 核心属性： text属性实现双向数据绑定 placeholderText提供输入提示 echoMode控制密码显示方式 validator实现输入验证（需注意仅标记不阻止输入） inputMask预设输入格式
2025-12-10 09:00:00
989
原创 QML教程17 - ToolButton：工具栏的轻量级按钮
QML ToolButton教程摘要 ToolButton是QML中专为工具栏设计的轻量级按钮控件，具有以下特点： 默认扁平化设计，视觉干扰小 支持四种显示模式(仅图标/仅文本/文本旁/文本下) 适合工具栏、标题栏、侧边栏等场景 常配合ToolTip、ButtonGroup使用 可设置checkable实现状态切换 典型应用包括： 应用顶部工具栏(新建/保存等操作) 移动端标题栏(菜单/搜索按钮) 侧边栏导航菜单 格式工具栏(加粗/斜体等) ToolButton比普通Button更适合工具栏场景。
2025-12-09 09:00:00
1347
原创 QML教程16 - RoundButton：现代UI必备的圆形按钮
本文是QML教程系列第十六篇，重点讲解RoundButton控件的使用方法。RoundButton专为圆形按钮设计，具有自动保持圆形、内置交互效果等优势，特别适合浮动操作按钮(FAB)、媒体控制等场景。文章对比了RoundButton与Button、ToolButton的区别，详细介绍了text、width/height、checkable等核心属性的使用技巧，并提供了浮动按钮、播放器控制、工具按钮组等典型应用示例。
2025-12-08 09:00:00
843
原创 QML教程15 - Button：所有按钮操作的基础
本文是QML Button控件的实战教程，详细讲解了Button的核心用法和常见问题。文章首先强调了Button在QML开发中的重要性，然后通过对比介绍了Button与其他按钮控件的区别。重点讲解了Button的text、enabled、highlighted、checkable等核心属性，并提供了登录表单、确认对话框等典型应用场景的代码示例。此外还分享了渐变按钮、描边按钮等自定义样式技巧，以及开发中常见的三个"坑"和解决方案。最后给出5条实战建议，帮助开发者更好地使用Button控件。
2025-12-06 09:00:00
13
原创 QML教程14 - Page：完整页面的最佳选择
本文介绍了QML中Page控件的使用方法。Page提供了标准的header+content+footer三段式页面布局，非常适合移动应用开发。文章详细讲解了Page的核心属性(title、header、footer)及其应用场景，包括如何创建带标题栏的页面、底部导航栏以及自定义页眉页脚。通过多个代码示例展示了Page在实际项目中的应用，如移动应用主页、设置页面等。Page控件可与StackView等导航组件完美配合，是构建完整页面的最佳选择。
2025-12-05 09:00:00
7
原创 QML教程13 - GroupBox：带标题的分组神器
本文介绍了QML中GroupBox控件的使用方法和应用场景。GroupBox是一个带标题的分组容器，比普通Frame更适合做设置面板分组。文章重点讲解了GroupBox的核心功能：1）通过title属性设置分组标题；2）使用checkable和checked属性实现可选中的分组功能；3）通过label属性自定义标题样式。还展示了GroupBox在设置面板分组和表单分组中的实际应用示例，包括如何动态更新标题、监听选中状态变化等实用技巧。该控件特别适合用于创建清晰分组的用户界面。
2025-12-04 09:00:00
19
原创 QML教程12 - Frame：突出显示的框架容器
本文介绍了QML中Frame控件的核心用法，重点讲解其与Pane的区别及适用场景。Frame作为带明显边框的容器，适合用于强调边界和分组内容。文章展示了Frame的基本用法、自定义边框样式（包括双边框效果）、内边距设置等核心属性，并通过表单分组、重要通知面板和代码展示框三个实战案例，演示了Frame在UI设计中的典型应用场景。最后提供了完整的可运行源码获取方式。
2025-12-03 09:00:00
17
原创 QML教程11 - Pane：最实用的面板容器
摘要 本文是QML系列教程第11篇，重点讲解Pane控件的实用功能。Pane作为内容容器比Rectangle更具优势，提供内边距、主题适配和语义化特性。文章演示了Pane的基础用法，包括padding属性设置内边距、background自定义背景样式，并展示了3个实战场景：信息卡片、表单容器和数据展示卡片。通过代码示例，读者可以快速掌握Pane在UI开发中的应用技巧，创建美观且功能完善的界面容器。
2025-12-02 11:39:31
708
原创 QML教程10 - StackLayout：页面切换神器
本文介绍了QML中StackLayout控件的使用方法，它是一种高效的页面切换解决方案。StackLayout通过currentIndex属性控制显示哪个子页面，同时只加载当前页面，节省内存资源。文章展示了StackLayout的基本用法、核心属性（currentIndex和count）以及两种常见应用场景：标签页切换和向导流程实现。与手动控制visible属性相比，StackLayout提供了更简洁、高效的页面管理方式，特别适合需要多页面切换的应用程序开发。
2025-11-28 14:48:57
846
原创 QML教程09 - Flow：自适应流式布局
本文介绍了QML中Flow流式布局控件的使用方法。Flow适合制作标签云、自适应按钮组等需要自动换行的界面。文章讲解了Flow的核心属性（流动方向、容器尺寸、间距）和常见应用场景，包括标签云、按钮组和图标列表的实现。同时指出了使用Flow时容易遇到的坑点，如未设置容器尺寸、子元素使用anchors等问题。最后提供了两个实战练习（技能标签云和图片画廊）并附上完整代码获取方式。通过本文可以掌握Flow的基本用法和实际应用技巧。
2025-11-28 14:43:22
20
原创 QML教程08 - Grid：网格布局就这么简单
本文介绍QML中Grid控件的使用方法，适合创建规则网格布局。Grid通过columns和rows属性控制布局，支持间距调整和流动方向设置。文中展示了三种实战场景：图标网格、商品列表和计算器按钮，并提供代码示例。同时指出了常见错误：未指定行列数及子元素大小不一致。Grid相比Row/Column更适合规则的网格布局。
2025-11-25 09:00:00
22
原创 QML教程07 - Column：垂直布局就这么简单
本文是QML教程系列第七篇，重点介绍了Column控件的使用方法。Column用于垂直布局，与Row水平布局形成互补，是QML中最常用的布局方式之一。 文先对比了Column和Row的区别，指出Column更适合表单、菜单、列表等垂直排列场景。随后详细讲解了Column的核心属性，包括spacing（间距）、layoutDirection（布局方向）和padding（内边距），并通过示例代码演示了子元素对齐方式。 在实战部分，提供了垂直菜单、表单布局和信息卡片列表三种典型应用场景的代码实现。
2025-11-23 09:00:00
13
原创 QML教程06 - Row：水平布局就这么简单
本文介绍了QML中的Row控件使用方法，主要包含以下内容： Row的基本用法：自动水平排列子元素，通过spacing设置间距 核心属性：spacing控制间距、layoutDirection改变排列方向、padding设置内边距 子元素对齐方式：默认顶部对齐，可使用锚点实现垂直居中 常见应用场景：工具栏、按钮组、表单布局的实现示例 常见问题解决方案：子元素溢出、spacing失效等问题 提供两个实战练习和完整源码获取方式 Row是QML基础布局控件，可简化水平排列元素的开发工作。
2025-11-21 09:00:00
29
原创 QML教程05 - MouseArea：搞定所有鼠标交互
本文是《QML从入门到实战》系列第五篇，全面讲解MouseArea控件的核心用法和实战技巧。MouseArea是QML中处理鼠标交互的唯一控件，通过自身踩坑经验，详细介绍了其关键属性（如hoverEnabled、drag）、各类鼠标事件处理（点击、双击、拖拽等）以及常见问题的解决方法。文中包含多个实用案例代码片段，如自定义按钮、右键菜单实现等，并提供了两个实战练习题目。
2025-11-19 09:00:00
1370
原创 QML教程04 - Image：搞定界面上的所有图片
本文是QML教程系列的第四篇，重点讲解Image控件的实战用法。文章从图片显示常见的变形、卡顿等问题入手，详细介绍了Image的核心属性和使用技巧。主要内容包括：图片路径的三种写法（相对路径、qrc资源、网络URL）、最重要的fillMode属性解析（PreserveAspectFit、PreserveAspectCrop、Stretch的适用场景）、性能优化方法（sourceSize设置）、异步加载（asynchronous）以及圆形头像的实现方案。
2025-11-17 09:00:00
1390
原创 QML教程03 - Label：表单标签的最佳选择
本文介绍了QML中Label控件的使用场景及与Text控件的区别。Label适用于表单标签设计，能自动继承应用主题风格，与TextField、Button等控件搭配时样式一致。文章通过典型案例展示了Label在表单布局、分组标题、状态标签等场景的应用，并总结了常见问题（如对齐、模块导入、颜色设置等）的解决方案。最后给出了产品信息卡片的完整实现示例，帮助读者快速掌握Label的实际应用技巧。
2025-11-14 10:07:42
37
原创 QML教程02 - Text：搞定界面上的所有文字
本文是《QML从入门到实战》系列教程的第二篇，重点讲解QML中Text控件的使用技巧和常见问题解决方案。文章首先介绍了Text的基本用法，包括字体大小、样式、粗细等设置；然后详细讲解了文本对齐、换行和省略显示的处理方法；最后分享了作者在实际开发中遇到的典型问题和解决方案，并以新闻卡片为例展示了Text控件的综合应用。教程配有完整源码，帮助读者快速掌握QML文本处理的关键技术，避免常见的排版问题。
2025-11-14 09:00:00
33
原创 QML教程01 - Rectangle：从零开始学界面布局
Rectangle可以做什么？- 画背景色- 画边框- 做容器布局- 做圆角矩形、圆形- 做渐变效果可以说，掌握了Rectangle，你就掌握了QML界面的基本功。
2025-11-12 21:22:10
113
1
原创 QML从入门到实战 - 完整学习路线
想入门 QML 开发？来 “从零开始学 QML” 专栏，海量源码 + 实战案例 + 大型项目拆解，手把手教你搞定跨平台 UI 设计，小白也能轻松掌握！
2025-11-12 21:13:37
304
2
原创 【QML初学者文档】一问读懂QML基础开发（内附大量简单源码）
QML是Qt的一大特色，拥有强大的UI制作能力。但是想要学好QML，还需要一些细节和技巧的掌握。本篇文章将为你提供完整的QML知识体系，让你成为Qt的UI魔法师！
2023-04-29 08:00:00
25687
6
原创 【QT报错解决】--warning: The build directory is not at the same level as the source directory
【QT报错解决】--warning: The build directory is not at the same level as the source directory
2023-04-28 11:19:40
2480
1
原创 QT Android 环境搭建（小白详细版）
小白研究QT的Android环境搭建，折腾了两天。写了一个流程，还有一些常见的坑，希望对大家有所帮助。
2022-09-24 09:14:25
9550
1
空空如也
粘贴代码突然变为横向粘贴
2023-03-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人