JavaScript的Button的contentItem属性

mengzhi啊

于 2025-05-20 17:14:48 发布

阅读量133

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/sunflower_2020/article/details/148092501

版权

继承关系
在这里插入图片描述

// NumberButton.qml
import QtQuick 2.9
import QtQuick.Controls 2.12

Button {
    id: root
    property int flashDuration: 100
    property alias label: labelText.text
    background: Rectangle {color: "transparent"}


    contentItem: Text {
        id: labelText
        font.pixelSize: getWidth(37)
        font.bold: true
        font.family: "Arial"
        color: "#00CE31"
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        anchors.centerIn: parent
    }

    Rectangle {
        id: flashRect
        anchors.fill: parent
        color: "#00CE31"
        visible: false             // 初始隐藏
    }

    Timer {
        id: flashTimer
        interval: root.flashDuration; 
        running: false; 
        repeat: false
        onTriggered: flashRect.visible = false
    }

    onClicked: {
        flashRect.visible = true
        flashTimer.start()
    }
}