Qt5 学习之路及嵌入式开发教程21：QML基础

一、启动Qt5.12

1、新建项目文件，进入界面

2、选择后

3、几个下一步后，点击完成：

4、运行，查看结果

二、在窗口中绘制一个矩形

1、在title: qsTr("Hello World")中把内容改成：title: qsTr("矩形示例")

2、添加Rectangle对象

   Rectangle{rotation: 30x: 100y: 100width:  150height: 150color:  "blue"}

运行结果：

3、添加功能：单击正方形窗口，正方形的颜色变红色

添加代码：

运行结果：

4、画一个圆形

添加代码：

    Rectangle{id: ciclex:250y:100width: 100height: 100radius: 100color: "red"
}

运行结果：

在同矩形内增加代码，单击圆，由经色变绿色

        MouseArea{anchors.fill: parentonClicked: parent.color = "green"}

运行程序后：

5、绘制圆角矩形

    Rectangle{id:topRectopacity:0.6x:100y:240width:100height:100radius:30gradient:Gradient{GradientStop{position:0.0;color:"aqua"}GradientStop{position:1.0;color:"teal"}}border{width:3;color:"red"}
}

运行结果：

6、增加一个图片：把图片加到qml.qrc下

步骤：先把图片放入工程文件夹内，然后在qml.qrc下的“/”右击，选择“添加现有文件”，从弹出对话框中选择图片即可。

Rectangle {x:240y:240width: 100height: 100radius:30border.color: "red"border.width: 3Image{source: "delete.png"fillMode: Image.Stretch}}

运行结果：

Qt5 学习之路及嵌入式开发教程21：QML基础相关推荐

Qt5 学习之路及嵌入式开发教程11：Qt5标准输入对话框类及QSlider控件
Qt5 学习之路及嵌入式开发教程11:Qt5标准输入对话框类及QSlider控件这次任务要完成弹出窗口及QSlider控件的界面设计及代码编写一.Qt5弹出窗口 1.界面式布局建立项目工程文件 ...
Qt5 学习之路及嵌入式开发教程4：代码编写实现信号槽例子
Qt5 学习之路及嵌入式开发教程4:代码编写实现信号槽例子整体设计思路: 第一步:先设置整体界面控件的位置及大小: 第二步:添加代码,实现信号槽功能: 第三步:调试运行程序,实现程序功能. 一.整体 ...
Qt5学习之路及嵌入式开发教程1：信号槽例子
1.在开始处找到Qt5.8,打开编辑环境,创建工程 2.下一步 3.下一步 4.下一步 5.完成 6.点开相对应的文件,查看文件结构 7.看原来的代码 8.把上图右侧代码修改:①②为修改或增加部分 9 ...
我的QT5学习之路（目录）
说明:本目录内容为自己学习的心得和记录,参考资料来源于网络,学习过程中多方汲取,如有错误,欢迎指正和批评. Qt开发相关文章目录一.我的Qt学习之路系列 1.[笔记]我的Qt学习之路(一)--浅谈Q ...
2019年最新版嵌入式开发教程大纲免费分享
嵌入式系统是当前热门.具发展前景的IT应用领域之一,很多数字包括手机.电子字典.可视电话.数字相机.数字摄像机.机顶盒.智能玩具医疗仪器和航空航天设备等都是典型的嵌入式系统.嵌入式不管是市场前景还是就 ...
嵌入式开发教程哪家好?云计算培训如何学?
近年来,随着嵌入式系统产业规模的持续增长,作为IT业的重要新兴产业和经济增长点,发展嵌入式系统产业已经成为了制造向创造转变的突破口,可以说现在对嵌入式开发人才的需求是非常大的,因此很多人通过参加嵌入式 ...
android开发教程21篇（强烈推荐,几乎每一篇都是精华教程）
qianqianlianmeng android开发教程21篇(强烈推荐,几乎每一篇都是精华教程) 推荐hellogv 的二十一篇android开发教程,说句真心话,几乎是每一篇都是精华,值得很多开发 ...
c gui qt 4编程第二版_我的QT5学习之路（一）——浅谈QT的安装和配置
一.前言说到Qt,不能不说到C++,这门伟大的语言.因为其面向对象的编程思想和陡峭的学习曲线,一开始学习起来很是吃力.Qt从QT4开始基本封装了很多C++的工具库和界面库,而且支持跨平台,这是它最大 ...
【000】欢迎来到嵌入式开发教程
欢迎来到嵌入式学习的世界欢迎来到嵌入式学习的世界.作为一名七年(在校五年,工作两年)经验的嵌入式开发工程师,一路上走过许多弯路,也曾遇见不少惊喜.嵌入式开发涉及知识跨度范围大,在学习与开发过程中经常 ...

Qt5 学习之路及嵌入式开发教程21：QML基础

Qt5 学习之路及嵌入式开发教程21：QML基础相关推荐

最新文章

热门文章