找回密码
 立即注册
Qt开源社区 门户 查看内容

开源工具|QT跨平台工具之Qml的基础概念

2019-6-27 13:24| 发布者: admin| 查看: 844| 评论: 0

摘要: 一、概括QT是一个免费的开发平台,跨平台既可以在windows下开发,也可以在linux下开发。QT开发也越来越方便,越来越快捷了。在qt开发环境下,也开始向xhtml语言靠近,QML应运而生,以前可以做嵌入式移动端产品的部分 ...

一、概括


QT是一个免费的开发平台,跨平台既可以在windows下开发,也可以在linux下开发。QT开发也越来越方便,越来越快捷了。在qt开发环境下,也开始向xhtml语言靠近,QML应运而生,以前可以做嵌入式移动端产品的部分,现在也支持pc应用的开发了。

今天收集一些QML资料详细回顾一下这门不老不新的技术。

关于qml,笔者以为就是以qt开发规范的QtScript。配套的还有QuicK这样的概念。与qt一起,QML也遵从开源免费开发体系,实在值得大家一起学习开发使用。

二、效果预览


   下面是从网络上取得的4张效果图,分别是4个示例,展示了QML的应用示例。



图:qml示例:转动



图:QML的红绿灯



图:QML红绿灯之二



图:QML的多语言支持( GridView使用)

三、学习qml需要的知识


  1. 基本元素

  2. 组件,基本元素的复合

  3. 定位器(布局)

  4. 元素布局,锚

  5. 输入元素,一行和多行

  6. quick现有组件

  7. 模型和视图

  8. Canvas元素

1、基本元素

QML 基本元素可以分为可视元素和不可视元素两类。可视元素:

Item、Rectangle、Text、Image;不可见元素:MouseArea。    理解这些基本元素,你可以认为他们是一个个被封装好的类,而且他们有非常之多的属性。当 然要达到编程水平,那多学几年是必然的!

2、组件

组件其实就是基本元素的组合体,放到一个单独的文件,可在以后重用。

3、定位器

定位器主要有 Row、Column、Grid和Flow等,纯粹的一个html体系。

4、元素布局

除了定位器,我们还可以使用锚(anchor)来布局元素,这也是html中的东西。

5、输入元素

键盘输入的两个元素:TextInput和TextEdit。TextInput为单行输入,TextEdit为多行输入

6、quick组件

这个组件正在不断发展中,Qt Quick Controls 1.1之后有了v2.0,以后还没不了新的功能出现,提供的新的组件。



表: Qt Quick Controls 1.1组件

7、模型和视图

模型和视图其实属于qml的高级使用部分了。

8、canvas画布

在早些qt4时代,qml只提供了几种基础元素,到了qt5,官方提供了canvas画布,这个画布可以实现复杂的绘图操作,并且画布元素是基于HTML5的画布元素来完成的。支持画笔,填充,渐变,文本和绘制路径创建命令。



再到以后,QT的qml也许还会提供QT的所有组件,那样就会带来更为高效的开发效率了。


----------------------------------------------------------------------------------------------------------------------
我们尊重原创,也注重分享,文章来源于微信公众号:创新炎黄,建议关注公众号查看原文。如若侵权请联系qter@qter.org。
----------------------------------------------------------------------------------------------------------------------

鲜花

握手

雷人

路过

鸡蛋

公告
可以关注我们的微信公众号yafeilinux_friends获取最新动态,或者加入QQ会员群进行交流:190741849、186601429(已满) 我知道了