QML组件

最新推荐文章于 2024-09-11 20:41:45 发布

原创最新推荐文章于 2024-09-11 20:41:45 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #开发语言

笔记专栏收录该内容

9 篇文章

订阅专栏

自定义QML组件

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5
import QtQuick.Controls 1.4 as Ctr1
import QtQuick.Layouts 1.2
import './Text.js' as Jie

Window{
    id:window
    width:640
    height:480
    visible: true
    title:"Hello world"

   Item{
        id:jieItem
       anchors.fill:parent
       //颜色随机生成器
       property  var colorBuilder:Jie.getColorFactory(Qt.rgba)
       Component{
           id:dateTimeLabel
           JieDateTimeLabel{
              text:"Jie Data Time Label"
              //colorBuilder:jieItem.colorBuilder
          }
       }

       Column{
           Component.onCompleted: {
               dateTimeLabel.createObject(this)
               dateTimeLabel.createObject(this)
               dateTimeLabel.createObject(this)
               dateTimeLabel.createObject(this)
           }
       }



       }

   }

import QtQuick 2.12
import QtQuick.Controls 2.5
Label{
    Timer{
        interval: 1000
        repeat: true
        running: true
        triggeredOnStart: true
        onTriggered: {
            parent.setDate(Qt.formatDateTime(new Date(),'yyyy-MM-dd hh:mm:ss'))
        }
    }

    //required property var colorBuilder
    font.bold: true
    font.italic: true
    color: 'black'
    function setDate(dateString){
        text = dateString
    }
}