Qt笔记-qml-button

最新推荐文章于 2023-12-23 14:14:42 发布

csq镜子的月亮

最新推荐文章于 2023-12-23 14:14:42 发布

阅读量504

点赞数

分类专栏： QT qt学习文章标签： qt qml qmlbutton

本文链接：https://blog.csdn.net/cookic12346/article/details/78272493

版权

QT 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

qt学习

16 篇文章 1 订阅

订阅专栏

qml 自定义按钮 pushButton

import QtQuick 2.0

Rectangle {
    id: sysbtn

    signal clicked

    property string btnImageCurrent: "qrc:/image/ButtonNormol.png"
    property string btnImageDisable: "qrc:/image/ButtonDisabled.png"
    property string btnImageNormol:  "qrc:/image/ButtonNormol.png"
    property string btnImagePressed: "qrc:/image/ButtonPressed.png"

    property string text: "hello world"


    width: 156;//btnImage.width
    height: 67;//btnImage.height
    color:"#00000000"
    state:"normal"



    MouseArea{
        hoverEnabled: true;
        anchors.fill: parent;
        onPressed:
        {
            if ( sysbtn.state == "normal" )
               sysbtn.state = "pressed"

        }
        onReleased:
        {
            if ( sysbtn.state != "disable" )
            {
                sysbtn.state = "normal"
                sysbtn.clicked()
            }


        }

    }

    Image {
        id: btnImage
        source: btnImageCurrent
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
    }

    Text {
        id: m_text
        color: "#ffffff"
        font.pointSize: 14
        font.family: "微软雅黑"
        text: sysbtn.text
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
    }

    states: [
        State {
            name: "normal"
            PropertyChanges {
                target: sysbtn
                btnImageCurrent: btnImageNormol
            }
        },
        State {
            name: "pressed"
            PropertyChanges {
                target: sysbtn
                btnImageCurrent: btnImagePressed
            }
        },
        State {
            name: "disable"
            PropertyChanges {
                target: sysbtn
                btnImageCurrent: btnImageDisable
            }
        }

    ]

}