自定义组件:DateTimeLabel.qml

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12Label{Timer{interval: 1000repeat: truerunning: truetriggeredOnStart: false//非立即触发(一般是1s),这里一般是trueonTriggered: {parent.setDate(Qt.formatDateTime(new Date(),'yyyy-MM-dd hh:mm:ss'))}}font.bold:truefont.italic: truecolor:'black'function setDate(dateString){text = dateString}
}

main.qml:调用自定义组件:DateTimeLabel.qml

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import './JieJs.js' as JieWindow{width: 640height:400visible: truetitle:"Hello World"Item {id:jieItemanchors.fill:parentColumn{DateTimeLabel{text:  'first load component'color: 'blue'}DateTimeLabel{text:   'second load component'color:  'red'}}}
}

运行结果:

qml入门学习(七):单独文件自定义组件相关推荐

  1. 微信小程序学习第8天——自定义组件的数据监听器Observer小案例

    一.案例需求 使用自定义组件的数据监听实现:通过点击下方三个按钮,上方颜色变化(效果如下) 二.自定义组件代码 自定义组件为test test.wxml文件代码 <view class=&quo ...

  2. qml入门学习(二):引入js文件

    运行结果: day1.pro QT += quick CONFIG += c++11# The following define makes your compiler emit warnings i ...

  3. qml入门学习(八):通过loader对象动态加载和移除组件

    DynamicBtn.qml: import QtQuick 2.7 import QtQuick.Controls 2.0Button {id: btnproperty var backColor: ...

  4. qml入门学习(六):Component组件

    代码 import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.12 import QtQuick.Layout ...

  5. 第15.12节PyQt(Python+Qt)入门学习:可视化设计界面组件布局详解

    一.引言 在Qt Designer中,在左边部件栏的提供了界面布局相关部件,如图: 可以看到共包含有四种布局部件,分别是垂直布局(Vertical Layout).水平布局(Horizontal La ...

  6. WCF入门学习3-配置文件与部署iis

    配置文件设置 --------------------------------------------------- 创建的时候都会有个配置文件,其实有一个WCF配置编辑器,右键就可以点出来设置. 需 ...

  7. Mybatis入门学习七:日志

    日志 日志工厂 如果一个数据库操作出现了异常,我们需要排错,日志可以帮助我们进行排错检查,即将程序执行的sql在控制台或者别的地方打印. Mybatis 通过使用内置的日志工厂提供日志功能.内置日志工 ...

  8. React Native入门(七)之列表组件的使用(2)关于FlatList的一切

    前言 在上一篇博客中了解了列表组件的相关内容,主要是静态的展示了一个列表数据,了解了ScrollVIew,FlatList和SectionList的基本用法,本篇文章就深入的了解一个常用的一个列表组件 ...

  9. QT入门学习之UI文件设计与运行机制

    在Qt Creatrer中新建一个Qt Widget Application项目demo1,其基类选择QWidget作为窗体基类,并选择"Generrate form"复选框,让其 ...

最新文章

  1. javascript onsubmit返回false仍然能提交_JavaScript对象-Get和Put
  2. Linux根据端口号查进程
  3. 安装python环境及pip_Python环境搭建及pip的使用
  4. boost::contract模块实现命名覆盖的测试程序
  5. Received empty response from Zabbix Agent at [172.16.1.7]...
  6. 对于redis底层框架的理解(一)
  7. LeetCode 2147. 分隔长廊的方案数
  8. 计算两个日期相差的天数,Calendar用法
  9. 采用FTP协议实现文件的上传
  10. centos7 安装nginx报错./configure: error: the HTTP rewrite module requires the PCRE library
  11. 并行循环和嵌套循环_并行嵌套循环连接–嵌套循环连接和残留谓词的内侧
  12. Python实现CarMaker TestRun的泛化
  13. python机械臂机器人_SCARA机器人 机械手臂 写字机 DIY、教学、视觉识别、遥控机器人...
  14. 高德地图ios11 定位失败
  15. 关于傅立叶变换的频率分辨率,采样时间,采样率关系
  16. Xutils上传图片(2)
  17. 身份证复印件一定要加签注 否则可能吃大亏!
  18. Ping过程的完全解析
  19. 【HNU分布式与云计算系统】MPI实现矩阵乘矩阵运算
  20. 创建df的副本df2,其中df2为除了df最后一列之外的所有列;

热门文章

  1. 推荐一门免费提升开发效率的课程,非广告。
  2. linux中安装redis
  3. 基于JAVA+SpringMVC+Mybatis+MYSQL的在线学习管理系统源码
  4. 基于JAVA+SpringMVC+Mybatis+MYSQL的学生公寓管理系统
  5. jsp点击文字改变颜色_这样给图片添加上文字、诗词、歌词,超吸睛
  6. kmp 模式匹配算法学习笔记
  7. 基本机器学习算法思想以及编程实现
  8. Android通过tcpdump抓包
  9. [转帖]jQuery框架学习第八天:ASP.NET jQuery实施方案
  10. C语言枚举类型(enum)的各种用法