QML学习例子一

dofaster dofaster 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.5k累计阅读 2.6k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄11年
关注
原创 最新推荐文章于 2026-03-23 16:20:52 发布 2.5k 阅读 AI 写同款· GEO 优化 ›
QML 仿ElementUI的基础控件库 本篇记录一下自己写的一些QML控件 阅读详情

心血来潮，在公司学习了几天的QML，于是乎周末回家后写个小例子练练手，于是就有了下面的QML页面.该页面还算比较简单，实现了滚动切换，希望对初学者学习QML有点帮助。
在这里插入图片描述
运行：在QT的bin目录下找到qml.exe，运行以下命令即可:

qml.exe MainWndView.qml

代码以及资源链接:https://download.youkuaiyun.com/download/llmys/10735562

收录于
qt

当前文章被收录于：

qt
14 篇文章 1 人学习
订阅专栏 查看详情
标签
#QT #QML #界面 #学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
QML学习【一】QML语言基础 QML语言基础 阅读详情

相关推荐

Qml 拖拽例子

ListView实现拖拽Item

Dean Chen的专栏 1万+

[QML]事无巨细开始实践QML开发（一）什么是QML，为什么学习QML，先写一个简单的页面

然后比较重要的一点是，QML本身可能对中文的支持有点问题，也就是说QML中如果出现了中文，可能就会出现乱码。当然了，Qt也考虑到了这个问题，当你需要调试这个程序的时候，请右键项目-》属性-》Qt Project Settings->QML->Enable QMl Debugging->改为是，这样之后你在qml文件中打上的断点就可以被命中了，当然了这也带来一个问题，就是当你在之后删掉这个断点后，每次调试或者启动这个程序都会告诉你程序命中了断点但是找不到这个断点，不过这并不是什么首要的问题，不是吗？

Gefangenes的博客 1万+

QML与C++通信例子

myclass.h #ifndef MYCLASS_H #define MYCLASS_H #include #include class MyClass : public QObject { Q_OBJECT //暴露给QML 属性 Q_PROPERTY(QString mystring READ getString WRITE setString NOTIFY m

Han 4871

QML了解

QMl是一种高效的开发UI 的语言。QML（Qt Meta-Object Language，Qt元对象语言）是一种用于描述应用程序用户界面的声明式编程语言，可以使组件以动态方式进行交互，并且允许组件在用户界面中很容易地实现复用和自定义 # view.qml import QtQuick 2.0 Rectangle { width: 200 height: 200 color: "green" Text { text: "Hello World"

weixin_43956958的博客 2万+

C++与QML交互1：在C++中调用QML对象

一、C++中调用QML对象 所有的QML对象类型，包括QML引擎内部实现或者实现第三方库，都是QObject子类，都允许QML引擎使用Qt元对象系统动态实例化任何QML对象类型。 在启动QML时，会初始化一个QQmlEngine作为QML引擎，然后使用QQmlComponent对象加载QML文档，QML引擎会提供一个默认的QQmlContext对象作为顶层执行的上下文，用来执行QML文档中

xi_gua_gua的博客 1万+

QML学习笔记

QML是与HTML类似的一种标记语言。QML文件采用.qml作为文件格式后缀。作为一种标记语言（类似HTML）一个QML文档有且只有一个根元素。示例：在这个例子中使用Image元素作为根元素，这个元素的宽度、高度与"images/background.png"图像相同。QML中不限制根元素类型，在上面这段代码中我们设置了Image元素的source属性作为我们的背景图像，它也是我们的根元素。

fangqi20170515的博客 2493

Qt之QML学习（一）——初步认识QML

市面上书籍不多，我推荐《qt quick核心编程》，需要电子档可以私信我。前后我看了好几篇，手头工具书，说的还是很全.

记录一些平时工作或者学习中的瞬间 1万+

QML入门教程之——QML入门简介（一）

一.QML简介 QML（Qt Meta Language 或者 Qt Modeling Language），从Qt4.7之后，Qt引入了一种声明式脚本语言，类似解释型语言，方便使用，不在是之前C++那样的编译型语言，极大的改变了传统的Qt 使用。将所有界面相关的都写入到一个qml文件中，QML 文件描述了一个对象树。其包含了构造块、图形元素（矩形、图片等）和行为（例如动画、切换等）。这些 QML 元素按照一定的嵌套关系构成复杂的组件，供用户交互，极大的方便了开发的过程，此语法同时具有简单易学的优点。 二

尘海折柳的博客 1万+

QML学习笔记总结

这个博客是我记录我自学Qt5 的QML语言的时候一些总结和个人理解概述，也是这个专栏的置顶文章，主要的帮助链接基本在这个专栏内部，主要的参考资料就是Qt 官方的帮助文档，这个官方的帮助文档相当详细，总的来说，QML 学习的成本不大，学习入门也很简单，语法也很清晰，QML真的更加快速的描述这个界面相关的构建方法。这个博客也会持续更新，也作为学习阶段性总结的一个监督方式吧。

洪源兄 1万+

一套完整的强大的qml自定义控件

一套完整的自定义的qmlGUI控件，功能强大完全可以拿去开发项目而不用重复造轮子。包括Button，Calendar，CheckBox，ComboBox，CtrlDialog，DateEdit，DatePicker，Dialog，FileDialog，ImageButton，Label，LineEdit，ListView，ListViewSelection，MessageBox，NumberEdit，NumberKeyboard，Popup，PopupLoader，Scalability，ScrollBar，SearchBox，SpinBox，Switch，TabBox，TextField，TextInput，TimeBox，TimeEdit，TimePicker，ToggleButton，ToolBox，TopTabBox，TreeView

qmlGUI控件合集 qmlGUI控件合集

qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集qmlGUI控件合集

QML TreeView使用例子

记录QML TreeView 使用 参考链接： QML树控件TreeView的使用（上） QML树控件TreeView的使用（下） 代码如下： TreeNode.h //TreeNode.h #include <QObject> #include <QList> #include <QVariant> #include <QStringList> #include <QModelIndex> class TreeNode.

zottffssent123的博客 3701

ICG cell如何通过Latch结构消除与门clock gating中的glitch？

本文深入解析了ICG Cell如何利用Latch结构解决传统与门时钟门控中的毛刺问题。通过将电平敏感锁存器与门控与门结合，ICG Cell将使能信号的变化严格限制在时钟低电平的安全窗口内采样和锁存，从而在时钟有效沿期间提供稳定的控制信号，从根本上消除了因信号延迟不同步而产生的glitch，确保了门控时钟的纯净与电路功能的可靠性。

weixin_29234423的博客 469

Qt QML学习（一）：Qt Quick 与 QML 简介

Qt QML学习（一）：Qt Quick 与 QML 简介

qq_42994487的博客 4417

基于DFT的scanshift sdc模板（DFT）

摘要：本文详细介绍了DFT测试模式下的SDC约束方法。

murphyrong的博客 887

杭电计算机组成原理课程设计-实验七-寄存器堆设计实验

寄存器堆实验实验原理实验内容模块功能说明模块逻辑引脚图寄存器堆模块代码REG模块测试用例REG-ALU测试用例实验结果记录 寄存器堆实验结果及分析ALU_REG运算器模块实验结果及分析探索与思考 实验原理   32×32位的寄存器堆模块示意图如图所示，含有32个寄存器，每个寄存器32位。该寄存器堆具有A和B两个读端口，分别由 5 位的寄存器编号 R_Addr_A 和 R_Addr_B 来寻址 2 个寄存器，读出的数据则由 R_Data_A（32 位）和R_Data_B（32 位）输出。读访问时，没有使能或者

HDU-整蛊小子-⏰☂️/蚂蚁集团研发工程师 1万+

从零开始学习qml（一）

从零开始学习qml（一） 美好的事情即将发生 文章目录 前言 由于项目比较老的原因，之前一直接触Qt老版本编程，每次看到新东西就觉得难理解。下定决心学习使用qml（纯粹是因为觉得帅） 本教程将会和你从0开始学习qml（多少会点Qt编程），因为作者是真的从0开始弄qml。所以一点没搞过的我们可以一起讨论学习。 版权所有，转载请注明出处。本文链接： 一、今天学什么 废话不多说，第一章就是helloword。如何建立第一个QML程序。 二、上图 1.实现效果 目录 从零开始学习..

程序员的幸福生活的博客 2788

从零到一：KUKA机械臂与ROS的工业级通讯协议深度解析

本文深度解析KUKA机械臂与ROS的工业级通讯协议，重点对比EKI与RSI两种核心接口的技术特点与应用场景。详细介绍了网络架构设计、数据包解析机制及ROS-I集成方法，并提供实时性能优化与故障排除策略，为工程师实现高可靠性工业自动化集成提供完整解决方案。

2a4s6d8f0g的博客 296

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

从 Qt 4.7 开始，Qt 引入了一种声明式脚本语言，称为 QML（Qt Meta Language 或者 Qt Modeling Language），作为 C++ 语言的一种替代。而 Qt Quick 就是使用 QML 构建的一套类库。 QML 是一种基于 JavaScript 的声明式语言。在 Qt 5 中， QML 有了长足进步，并且同 C++ 并列...

左霖风的博客 20万+

Open3D 球旋转算法（BPA）三维建模【2026最新版】

球旋转算法，博客长期更新，本文最新更新时间为：2026年4月11日。

点云侠的博客 37万+

YOLOv11模型压缩技术全面对比：剪枝、量化、蒸馏的原理与实战

YOLOv11模型压缩技术综述 模型压缩技术是解决计算资源受限环境下部署深度学习模型的关键。本文系统介绍了YOLOv11模型压缩的三种核心技术：剪枝、量化和蒸馏。剪枝技术通过移除冗余参数实现模型轻量化，包括结构化剪枝（通道/卷积核剪枝）和非结构化剪枝；量化技术通过降低数值精度（如FP32→INT8）减少存储和计算量；蒸馏技术则利用教师模型指导学生模型训练，在保持精度的同时减小模型规模。三种技术可单独或组合使用，在工业质检、智慧安防等边缘计算场景中发挥重要作用，使YOLOv11在保持80%精度的同时减少70%

本博客聚焦 YOLOv11 全流程落地，涵盖架构优化、数据集处理、训练技巧与多场景部署，兼及国产数据库、Java 开发与 AI 模型应用，内容兼顾理论与工程实践，为开发者提供系统干货，助力高效提升技术能力。 579

Qt Quick Qml 之QML与C++ 混合编程学习

  目录1. 在 QML 中使用 C++ 类和对象2. 导出一个 C++ 对象为 QML 的属性3. 在 C++ 中使用 QML 对象 1. 在 QML 中使用 C++ 类和对象 1). 实现 C++ 类 2). 注册 QML 类型 3). 在 QML 中导入类型 4). 在 QML 创建由 C++ 导出的类型的实例并使用 2. 导出一个 C++ 对象为 QML 的属性 3. ...

火山上的企鹅 2628

爆肝5万字❤️Open3D 点云数据处理基础（Python版）

本文为Open3D 点云数据处理基础教程（Python版），小白也能轻松上手！还等什么呢，学起来！

孙悟空 13万+

QT安装QML环境配置与QML学习指南

QT安装 QML环境配置 QML学习指南

kesohuang的专栏 1万+

基于FPGA的数字信号处理（17）--定点运算的实现实例（饱和Saturate与四舍五入Round）

基于FPGA的数字信号处理（17）--定点运算的实现实例（饱和Saturate与四舍五入Round）

孤独的单刀 2960

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。
上一篇： mocha测试简单使用
下一篇： QML圆角图片
点赞 0
评论 0
书签 书签 3
dofaster
dofaster
博客等级 码龄11年 73粉丝 67原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值