qt按钮灰色发亮立体效果

qt按钮灰色发亮立体效果

1、通过更改按钮的样式表来改变按钮的效果：

2、右键点击按钮，更改样式表，然后进行设置输入。

首先，三种状态分别是，按钮正常状态，鼠标悬浮在按钮时的状态，按钮点击时的状态；

按钮正常状态下，背景颜色rgb为255，255，255即为白色，alpha通道设置为0，也就是说背景颜色会全部透过，表现为透明；第二行，边框宽度2px，颜色为白色，边角的弧度为10px；

在鼠标悬浮状态；背景颜色依旧为白色，alpha通道设置为150，此时的效果为背景铺上一层白雾，alpha设置的越高，背景透过率越低；

鼠标点击状态同鼠标悬浮状态。

QT中使用setStyleSheet（）设置空间的样式表是很常用也很方便的方式。使用方法如下

工具/原料

QT开发工具

方法/步骤

首先要定义一个QPushButton对象

QPushButton button = new QPushButton（）；

设置button的字体类型、字体大小和字体颜色代码如下：

button->setStyleSheet"QPushButton{ font-family:'Microsoft YaHei'font-size:12pxcolor:#666666}")

设置button的状态图片：正常、鼠标移入、鼠标点击状态的图片切换。代码如下：

button->setStyleSheet("QPushButton{border-image: url(Resources/images/BreadCrumbNavigation/navigation_more_normal.png)}""QPushButton:hover{border-image: url(Resources/images/BreadCrumbNavigation/navigation_more_hover.png)}""QPushButton:pressed{border-image: url(Resources/images/BreadCrumbNavigation/navigation_more_pressed.png)}"）；

也可以同时设置这两种属性：

button->setStyleSheet("QPushButton{font-family:'Microsoft YaHei'font-size:12pxcolor:#666666}”

border-image: url(Resources/images/BreadCrumbNavigation/navigation_more_normal.png)}""QPushButton:hover{border-image: url(Resources/images/BreadCrumbNavigation/navigation_more_hover.png)}""QPushButton:pressed{border-image: url(Resources/images/BreadCrumbNavigation/navigation_more_pressed.png)}"）；

---