QT：button插入图标以及实现背景透明

原创已于 2022-09-24 21:06:58 修改 · 1.1w 阅读

39 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#qt

于 2022-07-18 10:32:44 首次发布

本文介绍了如何在QT中让pushbutton实现背景透明，包括通过设置样式表的background-color为transparent和勾选flat属性。同时，讲解了两种方法为button添加背景图片，一种是在样式表中使用border-image，另一种是在属性编辑器中设置icon。尽管编辑样式添加的图标会随窗口大小变化，但可能造成图片失真。最后，总结了实现背景透明和插入图标的步骤。

QT：button插入图标以及实现背景透明
一、效果图
在这里插入图片描述
1.1 push button背景透明
两个步骤：
1、选中要操作的button，右键选择改变样式表，添加background-color:transparent;

添加后UI界面显示如图：

添加后运行效果如图：

可以看到，此时虽然UI设计界面没有透明，但是运行效果已经透明了。
1.2 给push button插入背景图片
给插入图标有两种方法，1、通过在样式表中添加；2、在属性编辑器中添加图标

1、在样式表中添加的方法又有两种，一是直接点击控件，右键选择改变样式表，选择添加资源，选择border-image,在界面中选择需要的图标（如图），UI界面会自动添加代码。
在这里插入图片描述
2、在属性编辑器中找到styleSheet,点击旁边…，接下来步骤从前面一样。

通过编辑样式添加的图标，可以随着窗口的变化改变大小，如图右边的按钮，但是图片会失真。

2、在属性编辑器中添加图标
在属性编辑器中找到icon,插入图标

插入后UI界面显示如图：
在这里插入图片描述
在属性编辑器中扎到flat

勾选flat
UI界面显示如下图：
Alt
总结
1、实现背景透明，只要加入 background-color:transparent; 和 勾选flat。
在界面上背景透明显示必须勾选flat，而 background-color:transparent; 实现运行时背景透明。

欢迎点赞收藏！！！