qml入门学习(六)：Component组件

代码

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import './JieJs.js' as Jie//qml非常方便的和C++交互
Window{width: 640height:400visible: truetitle:"Hello World"Item {id:jieItemanchors.fill:parentComponent {id:dateTimeLabelLabel{Timer{interval: 1000repeat: truerunning: truetriggeredOnStart: false//非立即触发(一般是1s)，这里一般是trueonTriggered: {parent.setDate(Qt.formatDateTime(new Date(),'yyyy-MM-dd hh:mm:ss'))}}font.bold:truefont.italic: truefunction setDate(dateString){text = dateString}}}Column{id:tiem_textComponent.onCompleted:{setDateTimeLable(10)}function setDateTimeLable(nums){for(var i = 0;i<nums; ++i)dateTimeLabel.createObject(tiem_text,{text:'2021.11.02'})}}}
}

运行结果：

qml入门学习(六)：Component组件相关推荐

C语言程序设计入门学习六步曲，六步带你入门C语言
C语言是面向过程的,而C++是面向对象的 C和C++的区别: C是一个结构化语言,它的重点在于算法和数据结构.C程序的设计首要考虑的是如何通过一个过程,对输入(或环境条件)进行运算处理 ...
qml入门学习(七)：单独文件自定义组件
自定义组件:DateTimeLabel.qml import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.12L ...
qml入门学习(八)：通过loader对象动态加载和移除组件
DynamicBtn.qml: import QtQuick 2.7 import QtQuick.Controls 2.0Button {id: btnproperty var backColor: ...
qml入门学习(四)：附加信号Component.onCompleted和Component.onDestruction
例1: 例2:类似于构造函数和析构函数,一个在组件加载完成时调用,一个在组件消解(这里是程序关闭时)调用例3:例2的升级版例3运行结果:
vue入门学习篇——父子组件通信
Vue父子组件之间通信的原理父组件:props down -- 父组件通过props向下传递数据给子组件子组件:events up -- 子组件通过事件events向上传递数据给父组件下面我们来 ...
qml入门学习(二)：引入js文件
运行结果: day1.pro QT += quick CONFIG += c++11# The following define makes your compiler emit warnings i ...
qml入门学习(一)：hello world
自动生成: day1.pro QT += quick CONFIG += c++11# The following define makes your compiler emit warnings i ...
qml入门学习(五)：alias
例: 运行结果:
qml入门学习(三)：Item
例1: 例2:Item结合外部图片加载使用例3: 例4:

qml入门学习(六)：Component组件

qml入门学习(六)：Component组件相关推荐

最新文章

热门文章