qml自定义Button按钮

最新推荐文章于 2025-05-27 09:46:12 发布

Turbyun

最新推荐文章于 2025-05-27 09:46:12 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Qt

本文链接：https://blog.youkuaiyun.com/centnetHY/article/details/79010951

Qt 专栏收录该内容

3 篇文章

订阅专栏

这篇博客介绍了如何在QtQuick中自定义Button，包括设置按钮的文字、图标、是否可选、默认状态以及风格。示例代码展示了如何创建一个响应点击事件并打印消息的按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要使用button类，就必须

importQtQuick.Controls1.4

上面的代码创建了一个名字为Quit的按钮，并且在按钮单击的时候执行退出操作。

下面来看下Button有哪些属性吧。

text：按钮文字

checkable：设置button是否可选，如果可选，保存button选中状态。

iconName：图标的名字，iconName的优先级是高于iconSource的

isDefault：是否是默认按钮，如果是默认按钮，当按下Enter就会触发Click()信号。

pressed：保存了按钮的按下状态

menu：允许为button关联一耳光菜单，用户单击的时候就能弹出菜单。

action：允许设定按钮的action，通过action可以定义按钮的checked，text，tooltip，iconSource等属性，还可以绑定click()信号等。

activeFocusOnpress：指定按钮被瞎按下时是否获取焦点，默认是false；

style：指定按钮的风格，允许定制按钮的背景和文本

importQtQuick 2.5
importQtQuick.Window 2.2
importQtQuick.Controls 2.0
importQtQuick.Controls1.4
importQtQuick.Controls.Styles1.4


Window{
id:root
visible:true
width:640
height:480
title:qsTr("Heart")

Rectangle{
width:640
height:480
//color:"green"
Button{
id:button
text:"Pressed"
anchors.centerIn:parent
style:ButtonStyle{ // 可以不要 style 直接 background
background:Rectangle{
implicitWidth:80
implicitHeight:60
color:"lightgray"
border.width:control.press?4:2
border.color:(control.hovered||control.pressed)?"blue":"green"
}
}
onClicked:{
console.log("Thebuttonispressed!")
}
}
}

}

放上去鼠标

点击