QML Lesson
QML是一种描述性的脚本语言,文件格式以.qml结尾。QML可以在脚本里创建图形对象,并且支持各种图形特效,以及状态机等,同时又能跟Qt写的C++代码进行方便的交互,使用起来非常方便。
本专栏为QML入门者提供学习路径
lxmuyu
这个作者很懒,什么都没留下…
展开
-
QT QML Lesson1:使用QtCreator创建QML Project
目的能够通过创建helloworld界面了解QML基本概念主要内容创建一个Hello World界面选择创建合适的工程的意义(本次使用 QmlProject 做纯UML界面开发)创建自己的Button.qml,并加载到主qml中Rectangle、Text、MouseArea三个类型的使用anchors的使用onClicked槽的使用,了解UML的信号机制项目...原创 2018-06-23 18:03:41 · 1883 阅读 · 0 评论 -
QT QML Lesson2:使用QtCreator创建QML Plugin
QT QML Lesson2:使用QtCreator创建QML Plugin目的以插件的方式提供C++封装主要内容创建一人个插件项目明白.pro中,编译文件输出的控制明白插件的命名空间、UML引用名称、C++类名明白QML如何使用插件项目源码https://gitee.com/lxmuyu/QML_Lesson.git...原创 2018-06-25 22:45:25 · 520 阅读 · 0 评论 -
QT QML Lesson3:使用QtCreator创建QML Plugin
目的以插件的方式提供C++封装,通过UML动态加载运行主要内容将插件与QML Project放置到一个工程中,通过UML调用Plugin明白如何配置qmlproject(注意:importPaths配置到插件动态库文件夹的上一层),使QML可以加载插件明白UML中添加哪些内容以加载插件项目源码https://gitee.com/lxmuyu/QML_Lesson...原创 2018-06-25 22:47:40 · 656 阅读 · 0 评论 -
QT QML Lesson4:QML image类型加载图片
目的通过使用QML image类型加载图片主要内容明白image类型的使用明白image加载图片的状态项目源码https://gitee.com/lxmuyu/QML_Lesson.git原创 2018-06-28 23:00:20 · 1394 阅读 · 0 评论 -
QT QML Lesson5:仿界面开发之QML SplitView
目的1 掌握QML SplitView 对窗口进行布局 2 逐步仿制以下界面 主要内容明白SplitView类型的主要属性掌握QML的编码规范项目源码https://gitee.com/lxmuyu/QML_Lesson.git...原创 2018-07-01 18:25:36 · 3011 阅读 · 0 评论 -
QT QML Lesson6:仿界面开发之搜索框(QML Row、TextInput、SplitView)
目的1 掌握UML中使用其他UML类型 2 掌握Row 3 掌握TextInput 4 逐步仿制以下界面 5 仿制效果 主要内容SplitView类型使用,注意Layout.fillWidth的说明Row使用,在Row有元素宽度不变时的处理(width: parent.width-searchButton.width)TextInput的使用,onActiveFoc...原创 2018-07-01 22:02:03 · 1905 阅读 · 0 评论 -
QT QML Lesson7:仿界面开发之树状列表(TreeView)
目的掌握QML中使用Model/View框架掌握TreeView逐步仿制以下界面 5 仿制效果 未实现主要内容项目源码https://gitee.com/lxmuyu/QML_Lesson.git原创 2018-07-08 22:46:25 · 5073 阅读 · 0 评论 -
QT QML Lesson8:仿界面开发之QML Button ButtonStyle Row Column
目的掌握QML中Button的使用逐步仿制以下界面 仿制效果 主要内容Button的使用ButtonStyle的使用Row、Column的使用项目源码https://gitee.com/lxmuyu/QML_Lesson.git...原创 2018-07-12 23:24:09 · 636 阅读 · 0 评论 -
QT QML Lesson9:仿界面开发之QML动态按钮 State、Transition、PropertyAnimation、Connections、Canvas、Context2D
目的在QML中实现动态按钮逐步仿制以下界面 仿制效果 主要内容动态按钮的思想:核心内容为属性变换PropertyAnimation,通过设置不同的State,切换不同的效果(点击,再次点击等),State由Connections进行连接,State切换过程中,通过Transition实现连续的动态效果,使用Canvas实现背景效果的显示;当前的背景显示中,中心按钮与环...原创 2018-07-24 22:53:11 · 900 阅读 · 0 评论 -
QT QML Lesson10:搭建Android环境
1 引用文档:利用Qt开发跨平台APP(一)(Android)首先按照链接内容完成环境的搭建,本文选择了最新的QT版本 5.12.0。其中,没有安装Apache Ant,其他内容一致,即可搭建好环境,编译示例程序,也可以在手机上跑,效果如下:2 搭建可调试环境在手机端开启开发者选项,如果出现:User rejected permissions的信息,换下手机的USB连接方式...原创 2019-01-04 21:15:21 · 521 阅读 · 4 评论