希望本是无所谓有,无所谓无的,这正如脚下的路,其实地上本没有路,走的人多了,也便成了路....原创不易,文章会持续更新,感谢您的关注
1.打开控制台
2.PushButton能产生的信号
click() //点击按钮时,产生的信号
click(bool)
pressed() //按住按钮时,产生的信号
released() //释放按钮时,产生的信号
按钮默认是不可选的,需要一个属性之后才可选。勾选了下面的可选框之后,当前按钮变成可选的:点击一下,按钮不会弹起,再点击一下,按钮弹起。
3.样式设置
3.1.添加图片
(1)background-image:添加背景图片,特点:图片不会进行缩放,点击按钮时仍有凹凸感。在界面设计器中勾选plat,将凹凸感去掉。凹凸感通过qss实现。
(2)border-image:添加背景图片,特点:图片自动被缩放成和按钮等大小,点击时没有 凹凸感。
3.2.圆角边框
(1)版本一 通过
‘编辑样式表’
来设置为圆角边框。
(2)版本二
进一步修改样式:中间颜色深一点,上下颜色淡一点。
效果,带有渐变效果背景的按钮:
(3)版本三
鼠标移到按钮上和移开按钮有不一样的效果。在样式表中加入下面的代码。
hover表示鼠标移上去,这个字段对所有控件都有效,通过前面的QPushButton来确定需要设置哪个控件。这和css的类选择器类似,也可以用id选择器直接定位到某个具体的控件。
注意,可以在具体控件的样式表中编写qss代码,也可以在总的样式表中编写qss代码。
代码:
QPushButton
{
color: rgb(255, 0, 0);
font: 18pt "Agency FB";
border-radius:15px;
}
QPushButton::!hover
{
background-color: qlineargradient(spread:reflect, x1:1, y1:0.488, x2:1, y2:0, stop:0.338308 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));
}
QPushButton::hover
{
background-color: qlineargradient(spread:reflect, x1:1, y1:0.54, x2:1, y2:0, stop:0.338308 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));
}
鼠标移开时:
鼠标移上去时:
![76480f08a8b467f483e08fbc038de69f.png](https://i-blog.csdnimg.cn/blog_migrate/7cce905a16d4fb396c4300ba3bd0d731.png)
专注于 嵌入式 和 qt知识分享
欢迎扫码关注
“嵌入式工程师成长之路”
![287f1869fe3eb588da2a90cd33a2dc6d.gif](https://i-blog.csdnimg.cn/blog_migrate/ad08625696dda0ef3ef5080c922f191a.gif)
![287f1869fe3eb588da2a90cd33a2dc6d.gif](https://i-blog.csdnimg.cn/blog_migrate/ad08625696dda0ef3ef5080c922f191a.gif)