QML基础教程
QML基础教程
我是唐
这个作者很懒,什么都没留下…
展开
-
QML配置启用 QML编译
qml 配置编译为 C++原创 2023-09-04 14:09:41 · 389 阅读 · 0 评论 -
QML 实现九宫格图案解锁
图案解锁,支持自定义图案行数列数。原创 2023-03-27 11:36:55 · 404 阅读 · 1 评论 -
QML 组件抖动效果实现
解锁失败抖动动画原创 2023-03-22 11:25:58 · 254 阅读 · 0 评论 -
QML Item属性Dump UI调试利器
调试UI经常需要打印组件属性,尤其是没上手过的组件,对内部工作机制不了解,导致显示效果达不到目标。所以有一个实时显示Object属性的组件就很方便。原创 2022-12-13 15:50:48 · 249 阅读 · 0 评论 -
QML 自定义QMenu
【代码】QML 自定义QMenu。原创 2022-11-29 22:45:00 · 365 阅读 · 0 评论 -
QML 实现圆形加载中指示器 Loading动画
QML 加载中动画实现原创 2022-11-04 22:00:00 · 639 阅读 · 0 评论 -
QML ListView 实现下拉刷新 上拉加载
QML ListView实现下拉刷新和上拉加载。原创 2022-11-02 09:55:00 · 1273 阅读 · 2 评论 -
QML 遍历QtObject的所有属性
QObject属性遍历原创 2022-08-25 15:26:05 · 1398 阅读 · 0 评论 -
QML 实现帧率显示组件
QML 实现帧率显示控件原创 2022-06-06 18:48:02 · 677 阅读 · 2 评论 -
QML 常见错误qml:123: TypeError: Cannot read property ‘xxx‘ of null
qml:123 TypeError: Cannot read property 'xxx' of null原创 2022-06-04 22:31:50 · 2114 阅读 · 1 评论 -
《QML 基础教程》
QML基础知识语法基础知识QML Math详解 随机数、取整、大小比较、四舍五入QML 获取时间戳字符串 yyyy-MM-ddQML 基础组件QML Item 核心元素QML Rectangle矩形QML Text 文字元素QML Item定位器 AnchorQML ComponentQML 自定义组件QML 自定义鼠标光标QML 自定义环形进度条 canvasQML 自定义圆角进度条 圆角剪切实现QML 其他QML 插件开发 Plugin封装...原创 2022-04-12 10:00:06 · 1635 阅读 · 0 评论 -
QML Component
1 简述Component是什么?翻译过来就是组件,如Button、Label,都是组件,通常由一个.qml文件实现,而文件名就是组件的名称。在C++中,我们实现一个由多个组件构成的复杂的组件,可以在一个cpp文件中实现,一个cpp可是写多个类的实现。但qml文件中只允许存在一个根节点,可以理解为只能实现一个类。但借助Component,你可以在qml文件中定义内联组件,达到代码复用目的。可以理解为类种类。Component可以做什么?在qml文件中实现组件的子组件,而不必新建qml文件。支持信原创 2022-04-07 11:48:40 · 2828 阅读 · 0 评论 -
QML 获取当前时间戳 yyyy-MM-dd hh:mm:ss.zzz
代码qml打印时间戳如下console.log("time:" + Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss.zzz ddd"))输出qml: time:2022-03-16 18:07:54.955 Wed原创 2022-03-16 18:14:18 · 1739 阅读 · 1 评论 -
QML Parameter “mouse“ is not declared. Injection of parameters into signal handlers is deprecated.
错误提示Parameter “mouse” is not declared. Injection of parameters into signal handlers is deprecated. Use JavaScript functions with formal parameters instead解决自Qt6开始,QML中使用信号处理函数参数时,需要显式捕获参数,写法如下onPositionChanged: function(mouse){ ...}...原创 2022-02-08 10:32:00 · 1885 阅读 · 0 评论 -
QML Logical value dose not depend on actual values(M325)
错误描述属性类型是point解决方法加上括号就没警告了,不知道为啥赋值的时候可以直接.xif(0 === moveBegin.x() && moveBegin.y() === 0){ ...}原创 2022-02-08 10:06:20 · 1585 阅读 · 0 评论 -
QML 插件开发 Plugin封装
1.简述QML中的各个模块都封装的很好用,仅需import就可以直接使用了,非常方便,所以研究一下怎么把自己常用的几个控件封装成插件试试。我们示例把一个Switch控件封装到Controls库里2.步骤2.1创建工程MyControls2.2 创建插件子项目Controls 并实现Switch控件新建工程肯定都是手到擒来了,找到这个入口,一路下一步就行了。这个工程文件就一个pro文件,接着创建子项目。创建一个插件项目叫Controls又是一路下一步,得到一个插件项目,工程目录就是这样的原创 2022-01-29 15:31:26 · 2687 阅读 · 15 评论 -
Qt 编译完成拷贝文件 INSTALL
1.简述有时候编译的是lib工程,希望将指定的文件,比如生成的库或者配置文件,图片资源等拷贝到指定的目录。qmake提供了INSTALLS的变量,支持make install时拷贝文件2.代码pro文件qml.files+=$$PWD/Flip.qmlqml.path=$$PWD/../Bin/Plugins/$$TARGET/qmlINSTALLS += qml只写这个是不会执行的,还需要在编译完成执行make install才可。再做一个设置这个时候再构建,结束之后就可以看到文原创 2022-01-28 15:34:59 · 1223 阅读 · 0 评论 -
QML Text 文字元素
1 简述Text ,文本元素可以显示普通文本,也能渲染富文本。支持很多属性,十分强大。字体属性:字体名、像素大小、点大小、字宽、字重、粗体、下划线、斜体等文本属性:自动大小、自动换行、显示不全显示省略号等2 示例2.1 文本显示Text { font.family: "微软雅黑" text:"打开"}3 属性属性类型描述advancesizeantialiasingbool抗锯齿开关,默认开启baseUrlurlbot原创 2022-01-17 22:48:22 · 2641 阅读 · 0 评论 -
QML Rectangle矩形
QML Rectangle用法介绍和属性原创 2022-01-17 22:28:22 · 1004 阅读 · 0 评论 -
QML Item 核心元素
核心元素元素可以分为可视元素和非可视元素。可视元素(如 )具有几何图形,通常在屏幕上显示一个区域。非可视元素。比如定时器Timer、获取鼠标事件的MouseArea目前,我们将重点介绍基本的视觉元素,例如 、 、 和 。但是,通过使用Qt Quick Controls 2模块,可以创建从标准平台组件(如按钮,标签和滑块)构建的用户界面。Item、Rectangle、Text、Image、MouseArea项目元素Item是所有可视元素的基本元素,其他可见元素都是从Item继承 。它本身不会显示任何内原创 2022-01-17 17:24:18 · 591 阅读 · 0 评论 -
QML Item定位器 Anchor
1. 项目(Item)定位器定位器项是管理声明性用户界面中项位置的容器项。定位器的行为方式与标准Qt小部件使用的布局管理器类似,只是它们本身也是容器。定位器使许多项目在需要以常规布局排列时更容易处理它们。Qt Quick Layouts还可用于在用户界面中排列Qt Quick items 。它们管理声明性用户界面上项目的位置和大小,非常适合可调整大小的用户界面。注:熟悉QWidget的可能有疑惑,布局器和定位器有何区别,为啥QML里有定位器还有布局器?QML里的定位器管理位置(x,y属性),而布局原创 2022-01-05 10:00:05 · 824 阅读 · 0 评论 -
QML语法基础
QML 语法基础知识QML是一种多范式语言,它允许根据对象的属性以及它们如何关联和响应其他对象中的更改来定义对象。与纯粹的命令式代码相比,在纯粹的命令式代码中,属性和行为的更改是通过一系列逐步处理的语句来表达的,而QML的声明性语法将属性和行为更改直接集成到单个对象的定义中。然后,在需要复杂的自定义应用程序行为的情况下,这些属性定义可以包含命令性代码。QML源代码一般由引擎通过QML文档加载,QML文档是QML代码的独立文档。这些可用于定义QML 对象类型,然后可以在整个应用程序中重用这些对象类型。请注原创 2021-12-30 10:57:54 · 1054 阅读 · 0 评论 -
QML 圆角进度条实现 圆角剪切
1. 效果2. 简述如果简单直接的给背景设置一个矩形,内容区域设置一个矩形,设置同样的圆角会出现一个bug,当前景宽度小于圆角大小式,会出现如下bug,因此需要实现背景对前景的剪切,让前景的显示不能超出背景区域,见代码实现3.代码 ProgressBar{ id:bar value: 0.1 width: 300 height: 50 contentItem: Rectangle { //内容项原创 2021-12-29 17:20:53 · 657 阅读 · 0 评论 -
QML Math详解 生成随机数
简述在QML中,各种数学运算使用JavaScript中的Math,其中包含很多常用函数,如下返回一组数中的最大数console.log(Math.max(1,3,4,5,-1)); // 5返回一组数中的最小数console.log(Math.min(1,3,4,5,-1)); // -1对一个数向上舍入console.log(Math.ceil(0.95)); // 1console.log(Math.ceil(-1.9)); // -1console.log(Math.ceil(1原创 2021-12-29 10:34:01 · 2321 阅读 · 0 评论 -
QML 自定义鼠标光标
圣诞魔棒原创 2021-12-23 15:33:31 · 1006 阅读 · 0 评论 -
QML 环形进度条canvas 98行代码实现
源码1.效果2.源码3.用法1.效果2.源码import QtQuick 2.0Item { anchors.fill: parent property int min: 0 property int max: 100 property int value: 70 property int rangeLineWidth: 20 property color rangeLineColor: "#f2f2f2" property int原创 2021-11-30 10:12:22 · 863 阅读 · 0 评论