79-QML基础编程应用实战

 79-QML基础编程应用实战

import QtQuick 2.12
import QtQuick.Window 2.12

//需要用到控件的时候导入
import QtQuick.Controls 2.5

Window {
    visible: true  //属性可见
    width: 800   //宽度
    height: 600  //高度
    title: qsTr(" QtQuick测试") //标准名称

    //创建一个按钮
    Button
    {
        id:exitbutton
        text:"exit Button"
        anchors.left:parent.left
        anchors.leftMargin:200 //左边距离
        anchors.bottom:parent.bottom
        anchors.bottomMargin:400
        onClicked: {
            Qt.quit()//退出操作
        }
    }

    //创建一个矩形Rectangle
    Rectangle{
        x:100
        y:300
        width: 190
        height: 70
        color: "#00B000"
        opacity: 1.2
    }


    // 创建一个复选框控件CheckBox
    CheckBox{
        id:checkboxcontrol
        text: qsTr("湖南省长沙市")
        checked: true
        x:300
        y:300
        indicator: Rectangle{
            implicitWidth:60
            implicitHeight:60
            x:checkboxcontrol.leftPadding
            y:parent.height/2-height/2

            radius: 10
            border.color: checkboxcontrol.down?"#18a81a":"*888999" //边框颜色

            Rectangle{
                x:15
                y:15
                width: 30
                height: 30
                radius: 10
                color: checkboxcontrol.down?"#18a81a":"*888999"

            }
         }
        //改变控件字体大小
        contentItem: Text {
        text: checkboxcontrol.text
        font.pixelSize:30
        color: checkboxcontrol.down?"#18a81a":"*888999"
        verticalAlignment:Text.AlignVCenter // 垂直对齐
        leftPadding: checkboxcontrol.indicator.width+checkboxcontrol.spacing

    }
}
        }