首页 > 其他 > 详细

Qt Quick——新建一个QML

时间:2018-08-29 23:41:26      阅读:221      评论:0      收藏:0      [点我收藏+]

1、建一个Qt Quick Application程序,然后修改main.qml文件

  修改Windows中的内容,修改如下:

 1 import QtQuick 2.6
 2 import QtQuick.Window 2.2
 3 
 4 Window {//在VS中 没有Window,有Rectangle。所以不要修改根元素的名字
 5     visible: true
 6     /*声明属性:
 7         <属性名称>:<属性值>
 8     */
 9     x:0;y:0
10     width: 360
11     height: 480
12     title: qsTr("Hello World")
13 
14     Image{
15         source:"file:///F:/Workspace/Qt/QtQuick/image/sunny.png"
16        // source:"../image/sunny.png"
17     }
18     MouseArea{
19         anchors.fill: parent
20         onClicked: {// 鼠标点击事件
21             Qt.quit()
22         }
23     }
24     Text{
25         id:text
26         y:image.height +20
27         property int age: 12
28         /*自定义变量
29             property type name: value
30             property 类型 变量名:变量值
31         */
32         text:"This is Qt Quick   "+12
33     }
34 }

在Image子元素中
  在VS+Qt中:使用相对路径,可以加载jpg图片不能加载png图片
  在Qt Creator中:使用 绝对路径file可以加载png、jpg图片
  资源文件没有试。

Qt Quick——新建一个QML

原文:https://www.cnblogs.com/wangbin-heng/p/9557395.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!