• Component


    1、Component.onCompleted,初始化函数

    Rectangle {
          Component.onCompleted: console.log("Completed Running!")
          Rectangle {
              Component.onCompleted: console.log("Nested Completed Running!")
          }
      }

    在对象初始化之后会发送completed信号

    2、公共属性封装

    import QtQuick 2.2
    import QtQuick.Controls 1.1
    import QtQuick.Controls.Styles 1.4
    Rectangle{
        300;
        height:200;
        Component{
        id:btnStyle;
        ButtonStyle{
            background:Rectangle{
                implicitWidth:70;
                implicitHeight:25;
                color:"#DDDDDD";
                border.control.pressed?2:1;
                border.color:(control.hovered||control.pressed)?"green":"#888888";
                }
            }
        }
        Button{
        
            style:btnStyle;
        }
    }

    将一些属性打包,方便调用

    3、Component.onDestruction,析构函数

    Rectangle {
          Component.oDestruction: console.log("Completed quit!")
      }

     4、作为组件使用,类似于定一个按钮的模板,然后多个地方加载

    import QtQuick 2.6
    import QtQuick.Window 2.2
    import QtQuick.Controls 1.4
    Window {
        visible: true
         640
        height: 480
        title: qsTr("Hello World")
        Component{//注意Component里只能有一个顶层Item,除了这个Item之外只能定义id,其他都不能定义
            id:btnComponent;
            Rectangle{
                id:colorPicker;
                 50;
                height: 30;
            }
        }
    
        Loader{
            id:loader1;
            anchors.centerIn: parent;
            sourceComponent: btnComponent;
            onLoaded: {
                item.color = "red";
            }
        }
    }

  • 相关阅读:
    全区停水,测什么时候来水。
    和电脑打国标麻将,一定要注意
    这是一个可怕的交易
    起一卦,还是这样。什么时候能好起来。
    Linux内核源码真是个好东西
    命宫——天机化忌
    bzoj1024[SCOI2009]生日快乐
    bzoj2561最小生成树
    bzoj2423[HAOI2010]最长公共子序列
    bzoj2705[SDOI2012]Longge的问题
  • 原文地址:https://www.cnblogs.com/judes/p/9405318.html
Copyright © 2020-2023  润新知