![](https://img-blog.csdnimg.cn/20201029100811623.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
QT Quick QML
文章平均质量分 85
QT Quick QML 相关学习笔记和应用开发
火山上的企鹅
所有的热爱都要不遗余力
展开
-
Qt 国际化翻译,函数外部字符串、Map 翻译(QT_TRANSLATE_NOOP)
介绍了 Qt 国际化翻译,利用 QT_TRANSLATE_NOOP 翻译 Map和函数外部的字符串,每一个流程都很详细,github 上也有免费源码可供下载!原创 2022-07-09 22:26:36 · 3208 阅读 · 4 评论 -
QT Quick QML 实例之 Popup 弹出界面
在 QML 文件中,不论子文件有多少层,只需在根节点文件中添加 Popup 组件,都可以在界面中弹出置顶。原创 2022-03-12 15:06:59 · 6740 阅读 · 0 评论 -
Qt QML 在Map中使用实现二维螺旋曲线(螺旋曲线二)
文章目录一、演示二、核心代码三、完整代码 GitHub 源码: QmlLearningProQT 其它文章请点击这里: QT 学习笔记姊妹篇: xxx 一、演示可输入半径和间距来调整螺旋曲线的圈数和大小,其中的距离为真实的地理距离,会随着缩放等级而变化的具体公式可参考,上一篇的文章。二、核心代码● 前端核心代码:FermatSpiralPath { id: fsPat原创 2021-11-29 23:19:13 · 1590 阅读 · 1 评论 -
Qt Quick QML 实例之疯狂数字游戏(QML C++混合编程、翻译、QSetting )【建议收藏】
1)跨平台程序,Windows 和 Android 下都能运行;2)C++ 与 QML 相结合,在 QML 文件中使用了两种方法调用 C++ 类;3)自定义不同的基础控件,如悬浮按钮CCHoverHorzButton、文本CCLabel,方便移植;4)QML 中不同控件的使用,column、SpringAnimation、transitions、State 等等;5)数据可持久化,利用 QSettings 可以把内存中的数据保存到地电脑的磁盘中;原创 2021-10-03 13:09:11 · 3272 阅读 · 12 评论 -
QGC 地面站中获取电压完整教程(QGC中无法获取APM电压)
文章目录一、演示二、简介三、代码修改1. 后台数据获取2. json 文件3. 前台显示4. APM 中电压校准5. 工程文件部分四、其它方法介绍(PX4) 关于QGC地面站其它文章请点击这里: QGC地面站 一、演示老规先演示,看效果:PX4 中:数据列表中的 voltage 为电池组中获取的,PX4 中可以获取到APM 中:数据列表中的 voltage 为电池组中获取的,APM 中获取不到二、简介起因是在 APM 中无法在B原创 2021-09-13 10:26:04 · 3083 阅读 · 8 评论 -
QT Quick QML 实例之虚拟操作杆
文章目录一、演示二、实现思路三、代码四、Android 配置1. 创建 AndroidManifest.xml2. 添加 icon3. 修改为全屏一、演示本文参考 QGroundControl 地面站的虚拟操作杆部分,它使用了左右两个遥控共四通道,实现无人机的横滚、俯仰、航向和油门的控制。而在本文中,左右遥控分别控制一个小狗狗和小猫咪的移动,而且确保拇指放下的地方为操作杆的中心, 如下演示Android 平台下:Windows 平台下:二、实现思路核心思路如下:其中核心控件为 MultiP原创 2021-08-02 12:19:55 · 3027 阅读 · 22 评论 -
windows下 QT 的 Android 环境搭建(附软件测试和ADB调试工具)
win10下QGC地面站Android环境搭建全面攻略1. QT环境搭建NDK 安装 所有的热爱都要不遗余力,真正喜欢它便给它更高的优先级,和更多的时间吧!关于QGC地面站其它文章请点击这里: QGC地面站 姊妹篇: win10下新版QGC地面站环境搭建全面攻略(v4.x.x QGroundControl地面站搭建) 1. QT环境搭建Qt 5.12.6安装的时候注意 添加 “Android ARMv7”注意JDK一定是JDK原创 2021-06-22 11:33:53 · 4594 阅读 · 27 评论 -
Qt QML 基于画布的扇形的进度条(Canvas)
Qt QML 基于画布的扇形的进度条1. 演示2. 实现过程 所有的热爱都要不遗余力,真正喜欢它便给它更高的优先级,和更多的时间吧!GIT工程文件在这里: QmlLearningPro ,编译选择 CanvasSectorQML其它文章请点击这里: QT QUICK QML 学习笔记 1. 演示效果如下:2. 实现过程1. 先看下静态的扇形如何显示:画板提供了arc() 函数来实现扇原创 2021-05-18 08:53:01 · 2363 阅读 · 4 评论 -
QT、QML、C++中常用功能整理(持续更新...)
● 说明: 把一些QML中常用到的,做一个简单的总结,目前未分类,未细化,未添gif图和实例,想到什么写什么,后续再补…1、将一个数字转化成16进制字符串形式function toHex(num){ return num<16? "0x0"+num.toString(16).toUpperCase() : "0x"+num.toString(16).toUpperCase();}2、小数点位数 xxx.toFixed(x),如:property real _pi:原创 2021-05-11 21:43:01 · 3673 阅读 · 10 评论 -
Qt QML 基于平行四边形的进度条(Matrix4x4、drag)
先上gif图思路:先实现平行四边形: 通过 Rectangle 的矩阵变化来实现 (transform: Matrix4x4):Rectangle { id: rect anchors.fill: parent color: "lightblue" // 切变矩阵 transform: Matrix4x4 { matrix: Qt.matrix4x4(1, xs, 0, 0, // xs平方向切变 +表示朝右原创 2021-03-20 23:27:52 · 5530 阅读 · 10 评论 -
QGC地面站手把手教你改——如何添加qmldir模块文件
QGC中手把手教你添加qmldir模块1. 添加qmldir文件 所有的热爱都要不遗余力,真正喜欢它便给它更高的优先级,和更多的时间吧!QGC其它文章请点击这里: QT QUICK QML 学习笔记 姊妹篇:QT QML 模块化管理(一)——添加工程组(文件组)QT QML 模块化管理(二)——前缀(Prefix)和别名管理 1. 添加qmldir文件src下新建QmldirTest文件夹,然后在该文件夹下新增 “TestQml1原创 2020-12-01 23:56:35 · 7872 阅读 · 23 评论 -
Qt QML 模块化管理(三)—— qmldir的化繁为简
当然仅用别名相对路径的管理是不够的,当项目越大的时候,就得看qmldir的管理管理了,具体使用流程如下原创 2020-11-26 19:53:47 · 5298 阅读 · 12 评论 -
QT QML 模块化管理(二)——前缀(Prefix)和别名管理
当工程逐渐变大的时候,模块化的管理就显得很重要了工程下添加images文件然后直接编辑 .qrc文件然后在qrc中添加文件,可一次性添加多个,(录制视频)修改别名,并保存后:原创 2020-11-25 12:01:55 · 4173 阅读 · 4 评论 -
QT QML 模块化管理(一)——添加工程组(文件组)
如下为前一篇文章的工程组 [Qt QML 菜单/目录/工具栏的全面攻略,你可以选择一个进行编译,这样管理起来相当舒服~原创 2020-11-24 18:49:51 · 3316 阅读 · 4 评论 -
Qt QML 菜单/目录/工具栏的全面攻略(TabBar、MenuBar、ToolBar、Button定制、Listview、Repeater)
文章目录1. TabBar的工具栏/目录1.1 演示1.2 关键控件1.3 源码2 MenuBar 菜单2.1 演示2.2 关键控件2.3 源码3 ToolBar 工具栏/目录3.1 演示3.2 关键控件3.3 源码4. 基于Button定制的工具栏/目录4.1 演示4.2 关键控件4.3 源码5. 基于Listview的侧边目录/工具栏5.1 演示5.2 控件5.3 核心源码5.4 源码6. 基于Repeater的目录/工具栏6.1 演示6.2 关键控件6.3 关键源码6.4 源码7. 总结1. Tab原创 2020-11-09 09:21:51 · 14134 阅读 · 48 评论 -
QML Map中测量面积——QtLocation轻量级地图应用学习
文章目录1.实现思路2. 实现代码及git链接本文转载于:QML QtLocation轻量级地图应用学习:实现面积测量1.实现思路参照网上的测面积功能,界面效果和测距差不多,在点和线的基础上多了一个填充区域。点和线参照上一篇博客:QML Map中测距——QtLocation轻量级地图应用学习填充区域使用 MapPolygon ,但是这个类接口很少,大部分操作还是借住折线 MapPolyline 来完成。这个功能最主要的是根据坐标点的集合求面积,在网上找了很多参考代码,大部分思路是球面多边形面积转载 2020-10-30 10:06:05 · 1625 阅读 · 2 评论 -
QML Map中测距——QtLocation轻量级地图应用学习
文章目录1. 实现思路2. 实现代码及git链接本文转载于:QML QtLocation轻量级地图应用学习:实现测距功能1. 实现思路参照百度or高德地图的测距功能,主要由两种元素组成,标记点和连线。其中连线很好解决,Qt 提供了 MapPolyline 类型,可以用来绘制折线,并且提供了增删的便捷函数:对于标记点,我们可以用 MapQuickItem 来实现,里面包含一个标记圆圈、长度Text、删除按钮。对于一组 MapQuickItem,我使用 MapItemView 来管理。而求两个坐转载 2020-10-30 09:55:23 · 2752 阅读 · 5 评论 -
QML 图像颜色渐变和颜色覆盖(LinearGradient和ColorOverlay)
文章目录1. LinearGradient 图像线性渐变2. ColorOverlay 颜色覆盖接着上一篇 QML 矩形颜色横向渐变(gradient和LinearGradient) 继续,今要说的是图像的颜色的些小技巧。1. LinearGradient 图像线性渐变图像颜色渐变也是用 LinearGradient 实现的,闲话不说,先上效果:完整代码如下:import QtQuick 2.7import QtQuick.Controls 2.0import QtGraphicalEffe原创 2020-09-12 20:13:32 · 4073 阅读 · 18 评论 -
QML 矩形颜色横向渐变(gradient和LinearGradient)
常用 gradient 来实现渐变,如下import QtQuick 2.7import QtQuick.Controls 2.0ApplicationWindow{ id: root visible: true width: 300 height: 200 title: qsTr("颜色渐变"); Rectangle { id:原创 2020-09-12 19:29:24 · 6412 阅读 · 11 评论 -
QT Quick QML 之Setting状态保存
文章目录1. 运行效果2. 代码 有时候关闭界面后,是不是需要保存上一次关闭前的屏幕拉伸状态?是不是觉得用Sqlite又麻烦了点?别急QT Quick 提供了Setting,可以保存一些简单的信息,如用户名,密码,窗口位置,大小,还有控件的属性等,既简单又实用。我们先来看运行效果:1. 运行效果运行软件后,改变了三处状态:改变了滑动的状态,从默认蓝色右侧移动到中间绿色改变软件位置,中间——>左侧原创 2020-05-27 23:01:42 · 2681 阅读 · 0 评论 -
QT Quick QML 之 states和transitions介绍
文章目录1. 运行结果2. 代码3. 关键词详解● state和states● transitions:1. 运行结果老规矩,先看运行效果,共有三种状态“左边”、“中间”和“右边”,左边到中间200ms,中间到右边500ms,右边到左边1000ms。2. 代码import QtQuick 2.7import QtQuick.Controls 2.0ApplicationWindow...原创 2020-05-08 13:19:31 · 1946 阅读 · 0 评论 -
QT Quick QML 之 Image介绍
文章目录1. 简介2. 图片填充效果3. 图像mirror属性4. 加载网络图片本文转载自QML之Image, 并稍作整理增加了目录。1. 简介Image控件可以用来显示图片,当然必须是qt支持的图片格式,比如Jpg,Png等等。当然,这里说的图片是静态图片,如果你要显示gif这种格式的图片,那么只能将gif的第一帧显示出来。Image { id: name width: 120 //...转载 2020-05-06 10:55:54 · 2265 阅读 · 0 评论 -
QT Quick Qml 实例——滑块拖动颜色框的平移(Gradient、drag、clip、transform、antialiasing)
文章目录1. 简介2. 详解1. 简介 今天弄了一个实例,当我们拖动滑块的时候,黄绿颜色也会随着拖动而变化。在此中用到了 Gradient颜色渐变、用矩形模拟了滑块、transform的平移、ITem属性的clip,最难处理的是,当长宽变化后,如何去保持滑块和颜色比列不变(小菜鸟的自以为)当然再怎么描...原创 2020-04-25 20:11:10 · 2718 阅读 · 1 评论 -
QT Quick Qml 之property alias别名使用(Column和Repeater升级版本)
文章目录简单介绍实例一实例二简单介绍alias别名,一般用在实例化其它控件,而需要修改实例化后的子控件属性时候使用。比如A.qml中实例化了B(来源B.qml),又想改其子控件的具体属性,这个时候就可以用“alias”。服务员上菜:实例一B 中 AliasBase.qml文件中:import QtQuick 2.0import QtQuick.Window 2.2import QtQ...原创 2020-04-16 22:24:45 · 8022 阅读 · 3 评论 -
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. ...转载 2020-04-10 14:28:56 · 1687 阅读 · 0 评论 -
QT Quick QML 布局——定位置布局(Row、Column、Grid、Flow和Repeater)
目录QT Quick中布局一般有如下四种方式,①. 绝对坐标:x、y、z、width、height、②. 锚(anchors) 布局③. 定位器(Row、Column、Grid、Flow)④. 布局管理器(GridLayout、RowLayout、ColumnLayout)绝对布局很好理解,给值就显示,但是不灵活;锚布局已经学完(QT Quick QML入门笔记(四)锚(anchors...原创 2020-04-07 20:40:27 · 10032 阅读 · 18 评论 -
QT Quick QML入门笔记(五)处理鼠标和键盘事件
上一章笔记链接:QT Quick QML入门笔记(四)锚(anchors)布局目录1. 鼠标事件MouseArea2. Keys键盘事件1. 鼠标事件MouseArea鼠标事件MouseArea常用元素:● acceptedButtons 指定处理哪个按键,如LeftButton 、Qt.RightButton等● clicked● doubleClicked● pressed●...原创 2020-03-19 23:21:43 · 1676 阅读 · 2 评论 -
QT Quick QML入门笔记(四)锚(anchors)布局
上一章笔记链接:QT Quick QML入门笔记(三)常见元素目录1. 布局介绍2. 锚(anchors) 布局3. 代码实例4. 运行1. 布局介绍对QT Quick布局一般有四种形式,①. 绝对坐标:x、y、z、width、height、②. 锚(anchors) 布局③. 定位器(Row、Column、Grid、Flow)④. 布局管理器(GridLayout、RowLayo...原创 2020-03-18 23:22:18 · 4505 阅读 · 2 评论 -
QT Quick QML入门笔记(三)常见元素
其它章节文章:QT Quick QML入门笔记(一)应用程序结构分析和“hello world!”QT Quick QML入门笔记(二)信号与槽目录常见元素代码实例运行结果常见元素● Window/ApplicationWindow● Item 1). Text //文字 2). Button //按键 3). Image ...原创 2020-03-18 21:52:03 · 1046 阅读 · 0 评论 -
QT Quick QML入门笔记(二)信号与槽
上一节笔记: QT Quick 入门笔记(一)应用程序结构分析和QML基础目录1. 信号与槽2. 信号与槽的连接1. 信号与槽介绍两种信号与槽的触发①、控件或元素,触发一个信号,比如按键触发(视频中暂未介绍实例)②、对象属性发生改变,比如window的宽高发生变化新建 “signalslot.qml”文件://对象属性发生改变的实例import QtQuick 2.4impor...原创 2020-03-15 13:34:34 · 1637 阅读 · 1 评论 -
QT Quick QML入门笔记(一)应用程序结构分析和“hello world!”
目录说明1. Qt Quick 应用程序结构分析2、QML基础说明本笔记来源于CSDN安晓辉老师的Qt Quick 4小时入门,实际上只有112分钟,另外两小时是他的JavaScript课程加起来共四小时,我只学习了Qt Quick课程。本篇文章是看完后综合在一起的笔记,没有按顺序记录。具体入门最好是看安晓辉老师的课程,免费的哦。1. Qt Quick 应用程序结构分析一个最简单的hel...原创 2020-03-12 09:56:01 · 2550 阅读 · 2 评论 -
QT Quick QML 事件处理——定时器
先上个实例import QtQuick 2.0import QtQuick.Window 2.12import QtQuick.Controls 1.4Window { id: root; visible: true; width: 400; height: 200; Text { id: cnt; anchor...原创 2020-03-25 00:24:12 · 3101 阅读 · 3 评论 -
QT Quick QML 动画——SpringAnimation弹簧动画、NumberAnimation数字动画和Behavior
允许属性以类似弹簧的动作跟踪值。更多…导入语句:进口QtQuick 2.12继承:NumberAnimation所有成员的列表,包括继承的成员属性阻尼:真正的ε:真正的质量:真正的模量:真正的春天:真正的速度:真正的详细描述SpringAnimation模拟了弹簧的振荡行为,通过适当的弹簧常数来控制加速度和阻尼来控制效果消失的速度。您还可以限制动画的最大速度。当单击...原创 2020-03-29 18:18:14 · 2000 阅读 · 0 评论