Qt工作笔记-第一个QML（QQuickView显示QML文件）

程序运行截图如下：

程序结构如下：

代码如下：

main.cpp

#include <QApplication>
#include <QDir>
#include <QQuickView>
#include <QUrl>
#include <QQmlEngine>int main(int argc, char *argv[])
{QApplication a(argc, argv);QQuickView viewer;viewer.setSource(QUrl("qrc:/main.qml"));viewer.setResizeMode(QQuickView::SizeRootObjectToView); //默认的，不写也阔以viewer.show();return a.exec();
}

main.qml

import QtQuick 2.0Item {width:800;  //这个;可以有，也可以没有，不敲;我心理面不舒服height:600;QtObject{id:myObject;property int counter;Component.onCompleted: {myObject.counter=100;}}Rectangle{id:topInformation;anchors.top: parent;width:parent.width;height:80;opacity:0.6color:"black";Text{id:myTopText;color:"white";anchors.centerIn: parent;text:"这是一个显示消息长方体，透明度为0.6！";font.pixelSize: 22;}MouseArea{anchors.fill: parent;onPressed:{myTopText.text="现在：鼠标左键按下了！点击的是矩形框！";}onReleased: {myTopText.text="现在：鼠标左键释放了！点击的是矩形框！";}}}Rectangle{id:centerInformation;anchors.centerIn: parent;width:parent.width;height:80;opacity:0.7color:"gray";Text{id:myCenterText;color:"white";anchors.centerIn: parent;font.pixelSize: 22;text:myObject.counter;}MouseArea{anchors.fill: parent;onClicked: {countDown.start();}}}Timer{id:countDown;interval:20;repeat:true;triggeredOnStart: true;onTriggered: {myCenterText.text=myObject.counter;myObject.counter-=1;if(myObject.counter<0){countDown.stop();myCenterText.text="已经为0了！";}}}}

Qt工作笔记-第一个QML（QQuickView显示QML文件）相关推荐

Qt工作笔记-发送端发送Json格式的数据包，接收端解析数据包
原理以及运行原理是因为QJsonDocument提供了一个函数toJson 可以直接把Json数据转成QByteArray,这样就可以直接发送数据包,然后再按照常规方法解析即可,本源码中含解析内容, ...
Qt工作笔记-Qt元对象系统解析【2合1】
博文转载地址: https://blog.csdn.net/spwper/article/details/51332187 说Qt信号与槽是一个很好机制,不如说Qt的元对象系统很强大.这也是大家讲Qt ...
Qt工作笔记-qmake和uic（对Qt底层的进一步认识）
目录背景以前的认识今天的认识背景今天一大佬问了我个问题,就是uic程序编译ui生成.h文件后改怎么用! 当时我就有点蒙蔽了! 一般情况下来说,qmake会把ui文件生成.h文件,为什么会冒出 ...
Qt工作笔记-使用hiredis连接及查询Redis
目录基本概念代码与实例基本概念前几天学了个java的,现在想搞个C++的,但在hiredis上发现了一个qt的.就准备直接用Qt来撸项目算了,毕竟Pro文件,比Makefile要好写多了,先来 ...
Qt工作笔记-对connect的第五个参数的研究
本程序配合了QObject::sender,关于QObject::sender在下面这个链接中: https://blog.csdn.net/qq78442761/article/details/81 ...
Qt工作笔记-列表的分页显示（Qt Widgets框架）
目录基本概念演示及代码打包下载基本概念关键是逻辑,因为数据都存储在数据结构中,如何把数据结构里面的东西显示到界面上,这才是分页的关键!估计稍微有代码量的程序员看到这就知道该怎么做了. 这里以 ...
Qt工作笔记-QML自定义圆形进度条（C++后端处理数据）
目录原理源码原理 1.使用QML中的Canvas绘制圆形,用一种颜色,说明是未读取,再用另外一种颜色覆盖到原来的颜色!说明进度! 2.使用setContextProperty把C++中的某个继承 ...
Qt工作笔记-通过C++使widgets与QQuick交互（包含qml界面对象与C++对象映射）
目录理论及程序运行源码理论及程序运行这里要注意,通过qmlRegisterType函数去注册一个QML类! 下面再指明一个关键的问题,如何把QML界面的对象映射到C++呢! 可以有如下的处理: ...
Qt工作笔记-QML界面与QWidgets界面相互交互
C++要做的事情: 1.QML中注册C++类型(qmlRegisterType) 2.获取元对象树,从中提取注册的指针[这样就和普通的对象一样了] qml要做的事情: 1.import注册的C++类型 ...

Qt工作笔记-第一个QML（QQuickView显示QML文件）

Qt工作笔记-第一个QML（QQuickView显示QML文件）相关推荐

最新文章

热门文章