基础控件：按钮

本是古典何须时尚 2023-08-17 15:44 67阅读 0赞

Button 是有默认宽高的。

Button {
                autoRepeat: true
                onClicked: console.log("132")
            }

反复发射信号  
![image.png][]

![image.png][image.png 1]

每一个属性都绑定了一个信号

Button {
                checkable: true
                onCheckedChanged: console.log("165146")
                onClicked: console.log("132")
            }

按下状态变化

Button {
                onDownChanged: console.log("18941")
                onClicked: console.log("132")
            }

![image.png][image.png 2]

Button {
                icon.source: "qrc:/images/save.png"
                icon.color: "red"
                text: "123"
            }

![image.png][image.png 3]

Button {
                icon.source: "qrc:/images/save.png"
                icon.color: "red"
                text: "123"
                display: AbstractButton.IconOnly
            }

![image.png][image.png 4]

RoundButton {
                anchors.centerIn: parent
                radius: 3//默认值是width/2
                icon.source: "qrc:/images/save.png"
                icon.color: "red"
                text: "123"
                display: AbstractButton.IconOnly
            }

![image.png][image.png 5]

ToolButton {
                anchors.centerIn: parent
                icon.source: "qrc:/images/save.png"
                icon.color: "red"
                text: "123"
                display: AbstractButton.IconOnly
            }

![image.png][image.png 6]

![image.png][image.png 7]

转载于:https://www.cnblogs.com/clear-love/p/11419976.html

[image.png]: /images/20230810/7ddab65081394d968e3041dfaec17599.png
[image.png 1]: /images/20230810/7096216c306746509bc1a2704762b040.png
[image.png 2]: /images/20230810/77ad58ef6d54490c9934910bedee8313.png
[image.png 3]: /images/20230810/99c2e92b68914d6cafa1fe9df2c9384e.png
[image.png 4]: /images/20230810/b586467d30b04d528dae870f8329ce8a.png
[image.png 5]: /images/20230810/4083f38074db42138f1331cecdfa40fb.png
[image.png 6]: /images/20230810/03a5cca578b644ee893b81ae53cf906f.png
[image.png 7]: /images/20230810/df6cf5e1f8044eec9df6901d91676285.png