随笔分类 - qml学习
qml学习，记录
摘要：一、效果展示 客户端程序拖拽是一个很常见的需求，对于QWidget程序来说，需要重写如图1这么几个方法，通过重写这几个方法的逻辑，我们就可以控制鼠标拖拽的逻辑，糟糕的是QDrag执行exec后是一个阻塞主事件循环的操作，这个时候除了拖拽界面外，其他界面不能响应鼠标事件。作者之前就有过这么一个需要主界
阅读全文
摘要：一、关键类说明 qml内置了WorkerScript组件，该组件有一个source属性，可以加载js文件，含有一个名为message的信号，意味着他有一个默认的onMessage槽函数，除此之外他还有一个方法，通过该方法可以给js文件中名为WorkerScript.onMessage的方法(在工作线
阅读全文
摘要：一、效果预览 使用过qml的同学都知道，使用qml做动画效果是非常简单的，再也不需要像QWidget那样，自己模拟一个动画，费时又费力，往往还达不到效果。今天我们就来分析下qml的两种动画实现方式，如图1所示，窗口底部的提示信息文本“This application shows two spinne
阅读全文
摘要：上一篇文章分析了一个小游戏，使用qml编写界面+js进行复杂逻辑控制，算是一个比较完整的qml示例代码了，今天就不那么继续变态啦，来看一个简单的字体示例程序吧，该示例代码比较简单，主要是展示了几个简单的使用场景，下边我将逐个进行分析 1、淡出 如图1所示是一个文本淡出并伴随字母间距增大的效果，该组件
阅读全文
摘要：一、效果展示 相信大家都玩儿过连连看游戏，而且此款游戏也是闲时一款打发时间的趣事，那么接下来我将分析一款类似的游戏，完全使用qml编写界面，复杂逻辑使用js完成。由于此游戏包含4种游戏模式，因此本篇文章可能会比较长，本篇文章我主要是分析该游戏的主题思路和一些比较难理解的模块，文章末尾我会把示例代码的
阅读全文
摘要：一、效果展示 今儿来分析一篇常见的ui布局，完全使用qml编写，ui交互效果友好，如图1所示，是一个常见的客户端新闻展示效果，左侧是一个列表，右侧是新闻详情。 图1 新闻效果图 二、源码分析 首先先来总体分析下该示例代码的工程目录，如图2所示，总共有6个qml文件。其中BusyIndicator和S
阅读全文
摘要：阅读qml示例代码已有一小段时间，也陆续的写了一些自己关于qml示例代码的理解，可能由于自己没有大量的qml开发经验，总感觉复杂的ui交互qml处理起来可能会比较棘手，但事实总是会出人意料，今天我们就来分析一个关于油耗交互的qml代码。从毕业后就一直从事qt的相关开发，一直在使用QWidget窗口做
阅读全文
摘要：一、效果展示 如图1所示，是一个ListView窗口，自定义了文本内容和项背景色。 图1 ListView 二、源码分析 代码比较简单，主要使用了QQmlContext类的setContextProperty方法，在当前context上下文中新增名字为name的属性，并为其赋值，该属性可以在qml系
阅读全文
摘要：一、效果展示 如本文的标题所示，这篇文章分析的demo是一个异形窗口，主要展示鼠标在和异形区域交互的使用，效果如图1所示，当鼠标移动到白云或者月亮上时，相应的物体会高亮，当鼠标按下时，物体会有一个放大的动画效果，鼠标离开时恢复原样。 图1 月亮和云朵 二、源码分析 正式算起来，这是我分析的第五篇qm
阅读全文
摘要：1、效果展示 这篇文章我还是分析一个qt源码中的qml程序，程序运行效果如下图所示。 图1 游戏开始 图2 游戏中 2、源码分析 这个游戏的源码文件比较多，为了能更清楚的了解整个代码，我先整体分析代码，然后再局部分析。 1、源码目录结构 图3 源码目录 如图3所示，是小游戏的源码目录，下边我分别按文
阅读全文
摘要：一、效果展示 本篇文章还是带来一个简单的qt示例分析，且看图1效果。 图1 贝塞尔曲线 二、源码分析 该示例代码所在目录quick\scenegraph\customgeometry，感兴趣的同学可以自己去找，这篇文章我还是主要讲解源码，不涉及其他方面。 废话不多述，下面开始源码剖析。本篇讲解的示例
阅读全文
摘要：一、效果展示 效果如图1所示，时钟列表支持鼠标左右拖动，带有黑色背景的是晚上时钟，无黑色背景的是白天时钟 二、源码分析 1、main.cpp文件中只包含了一个宏，该宏的具体解释请看qml 示例中的关键宏文章 2、时钟项 3、时钟列表
阅读全文
摘要：一、概述 qt5之后qml也可以被用于桌面程序开发，今天我就拿出qt demo中的一个qml示例程序进行分析。这个demo主要是展示了qml数据和展示分离的使用方式，qml只专注于快速高效的绘制界面，而数据存储、数据加工都交由qt来做(也可以认为是C++来实现复杂的逻辑)，这样的话qml和qt关系就
阅读全文
摘要：一、画布元素 自qt4.7发布qml以来，qml也在一直不断的完善中，在qt4时代使用qml时如果需要异形图，那我们只能让设计师来切图，这样的感觉是很不爽的，总感觉开发没有那么犀利。但是到了qt5这一点有所改变，qt引入了canvas画图，我们可以在程序中自定义一个画布来绘制自己想要的图形，然后达到
阅读全文
摘要：一、理解qml模型和视图 qt的发展是迅速的，虽然在每一个release版本中或多或少都有bug，但是作为一个庞大的gui库，no，应该说是一个开发框架开说，qt已经算是做的相当好。qml部分是qt4.7的时候推出的，当时qml只是为了移动端而设计的开发语言，随着it行业的发展，桌面端也产生了一定的
阅读全文
摘要：一、概括 学习qt已有2年多的时间，从qt4.7开始使用直到现在正在使用的qt5.6，基本都在windows机器上做开发。最近有意向看了下qt的qml部分，觉着还是挺不错的，毕竟可以做嵌入式移动端产品的部分，还是值的一学。后来在网上看了一些资料，算是初步了解了下qml，所以想就自己学习的过程做以记录
阅读全文
