Qt/QML学习-自绘按钮

放假当宅宅

于 2024-07-03 10:38:27 发布

阅读量119

点赞数 4

分类专栏： Qt/QML学习文章标签： qt 学习

本文链接：https://blog.csdn.net/qq1138345424/article/details/140145815

版权

Qt/QML学习专栏收录该内容

44 篇文章 1 订阅

订阅专栏

QML学习

自绘按钮例程
视频讲解
代码

main.qml

    Button {
        anchors.centerIn: parent
        width: 100
        height: 50
        background: Rectangle {
            color: "red"
            MouseArea {
                anchors.fill: parent
                onPressed: {
                    parent.color = "black"
                }
                onReleased: {
                    parent.color = "red"
                }
            }
            Behavior on color {
                ColorAnimation {
                    duration: 500
                }
            }
        }
        contentItem: Rectangle {
            color: "green"
            opacity: 0.5
            MouseArea {
                anchors.fill: parent
                onPressed: {
                    parent.color = "yellow"
                }
                onReleased: {
                    parent.color = "green"
                }
            }
            Behavior on color {
                ColorAnimation {
                    duration: 500
                }
            }
        }
        leftPadding: 0
        leftInset: 30
        rightPadding: 0
        rightInset: 30
        topPadding: 15
        topInset: 0
        bottomPadding: 15
        bottomInset: 0
    }