Qt中如何给按键加图标（或加背景图片）

最新推荐文章于 2025-05-29 00:01:26 发布
最新推荐文章于 2025-05-29 00:01:26 发布
阅读量3.8w 收藏 46
点赞数 7
CC 4.0 BY-SA版权
分类专栏： QT编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lyc_daniel/article/details/8813121
本文详细介绍如何在Qt Designer中为Tool Button添加图标或背景图片。步骤包括：将图片资源添加到项目，通过styleSheet设置按钮样式，并最终实现图标显示。

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

Qt中如何给按键加图标（或加背景图片）

1. Qt Designer中拖入一Tool Button

2. 选择图标的图片放入工程目录下，如放在Resources内

3. 双击工程的Resource Files下的qrc文件，如图

4. 在弹出的窗口中，点击Add Files

5. 将放在工程目录下的图片加入工程，如

6. 再点击保存按钮，完成添加，如

7. 在工程中可以看到添加的图片，如

8. 在Qt Designer右下角，点击Reload按钮，即可看到添加至工程的图片，如

9. 右击想加图标的Tool Button按钮，点击change styleSheet

10. 在弹出的窗口中，点击border-image

11. 在弹出的窗口中，选择要添加的图标

12. 添加图标后的Tool Button结果如下

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Qt设置按钮背景图片
cl6789的博客
09-18 1905
在Qt中，我们可以使用样式表来设置按钮的背景图片。通过设置背景图片，可以为按钮添加更多的个性化和美观性。下面是一个详细的步骤，演示了如何在Qt中设置按钮的背景图片。通过按照上述步骤，在Qt中设置按钮的背景图片将变得非常简单。您可以根据需要自定义按钮的样式，并为用户界面提供更加吸引人的外观。接下来，我们需要将背景图片设置为按钮的样式表。通过使用样式表，我们可以为按钮设置各种样式属性，包括背景图片。请确保将实际的按钮背景图片文件名替换为"button_bg.png"，并将按钮添加到适当的布局或窗口中。
qt Qpushbutton圆按钮加图片代码
09-01
qt按钮加图片，实现圆按钮，圆形实现了就是边上有锯齿，不知道怎么处理，望高手指点。刚学qt改的网上的代码。 开发环境Linux下 qt creator 运行需要修改图片路径
设置QPushButton的背景图片
zgrjkflmkyc的专栏
06-06 4万+
setIcon(QIcon("toolbutton.png"));       setIconSize(QSize(48, 48)); 如果没有下面那句话，该图片是被缩放的放到图片上 如果加上下面那句话这该图片的背景图被设置为当前尺寸   如果不是按钮可以用调色板来实现       QPalette p = palette();       p.setBrush(QPalette::
【QT 】QT 为程序添加图标
weixin_44734133的博客
05-29 292
再执行 qmake 后，会自动生成 .rc 文件，图标、属性中的详细信息等，都是 rc 文件的资源。注意：一定要是 ico 的图标，添加修改后要 执行 qmake。
QT学习--为按键添加图标
qq_44092699的博客
02-28 1031
接着继续，我们将为按键添加图标资源。
QT 设置按钮QPushButton 圆角、渐变色背景、背景图片、鼠标放上去、鼠标按下效果、透明背景
zcc的博客
07-13 2万+
设置按钮圆角、渐变色背景、背景图片、鼠标放上去、鼠标按下效果、透明背景。效果： 一、设置四角圆角：二、设置下、左圆角按钮鼠标放上去改变背景色 三、设置上、右圆角 四、按钮设置背景图片，鼠标放上去、按下 更换背景图： 默认background-image 不会缩放图片以适应控件的大小，背景图片以自动适应控件大小使用： border-image: url(:/images/pageBg.png);五、渐变背景色按钮： 六、透明背景...
Qt之按钮添加背景图片的几种方法
zhangxiaio1的博客
08-31 8196
注意：图片必须被添加到项目的资源文件中 1、通过UI界面添加，找到样式表（stylesheet）选项，点进去选择添加资源，这里有三个选项，分别是backgound-image、border-image 、image backgound-image 在CSS 样式中的解释为：background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。 border-image 属性是一个简写属性，用于设
Qt中为按钮添加图片的几种方法
热门推荐
SZ_Silence06的专栏
04-06 5万+
Qt笔记第一篇。
QT 按钮如何添加自定义图标图片(基础操作，界面操作）
black_cap的博客
06-01 2072
本文介绍了如何在项目中添加资源文件和对Qt界面ui的按钮添加图标或图片
Qt纯代码实现 按钮添加图片
GG802312的博客
06-10 3025
qt 之所以广泛的应用 就是因为 它的跨平台，接口应用方便以及可以设计出很漂亮的控件。 qt中单独调用的控件是不够漂亮的，一般会在实际的开发中考虑给控件添加图片，用以美化按钮控件。 1，使用QIcon添加图片 得到如图所示的效果图： 可是这并没有符合我的预期效果，如果想要实现图片平铺在按钮上该如何实现呢？ Qt中按钮的图标大小是默认的，如果想要改变图标的大小，需要调用QSize函数进行设置， 同时需要将图片缩放到符合按钮size大小，缩放图片需要调用QPixmap进行处理； 代码实现：
QT小知识：为按钮QButton的文本添加图标Icon
weixin_61501031的博客
09-09 1393
Tips：QPushButton能且一般仅能实现左右结构的——“图标文本按钮”Tips：QToolButton能实现上下甚至更多结构的——“图标文本按钮”然后我们发现了漂亮的图标库（Icon）——阿里巴巴矢量图库，然后...2.左图标右文本按钮Button（QPushButton）3.上图标下文本按钮Button（QToolButton）1.）添加QPushButton，写上文本"文件管理"。1.）添加QToolButton，写上文本"文件管理"。2.）按如下步骤添加和设置图标属性。
qt4.8.5添加自定义按键
09-14
在Qt 4.8.5版本中，添加自定义按键是一项常见的需求，这通常涉及到对图形用户界面（GUI）的自定义和扩展，以便更好地满足应用程序的独特交互需求。以下将详细讲解如何在Qt 4.8.5中实现这一功能。 首先，我们需要...
qt5.1实现的异形按钮(适应图片的形状)-C++代码类资源
01-27
"qt5.1实现的异形按钮(适应图片的形状)"这个项目就是这样一个例子，它展示了如何在Qt 5.1环境中创建一个按钮，该按钮的形状会根据绑定的图片轮廓进行自适应，从而提供更美观、更吸引人的视觉效果。这个特性对于提升...
pyqt5实现按钮添加背景图片以及背景图片的切换方法
09-19
PyQt5提供了两种设置背景图片的方法：使用`background-image`或`border-image`。 - **使用`background-image`**：这种方法比较简单，但是无法实现图片的自适应边框。 ```python self.button.setStyleSheet(...
QT图标按键组、按下图标变灰色
qq_40082488的博客
04-14 2989
效果图 #include "uiwindow.h" #include "ui_uiwindow.h" #include<QIcon> #include<QPixmap> #include<QBitmap> #include<QPushButton> #include<QBitmap> #include&lt...
Qt中为按钮、标签添加图片的几种方法
有志者事竟成
10-24 1万+
1.使用QIcon类。代码如下： QIcon icon; icon.addFile(tr("res/icon/wall.png")); ui->toolButton->setIcon(icon);123 2.使用QPixmap和QBitmap类。代码如下： QPixmap icon1(tr("res/icon/wall.png")); ui->toolButton->setIcon
qt添加图标
liyuqian199695的博客
07-30 2100
Qt程序设置图标
Qt中给按钮添加图片
qq_40544338的博客
05-23 1932
一、目的： 1、想在Qt中给按钮添加好看的图片 二、参考 1、 三、操作 1、添加资源文件 ①起一个名字，找到图片位置
qt设置按钮背景图片
最新发布
05-30
### 在Qt中为按钮设置背景图片的方法 在Qt中，可以通过样式表（QSS）或代码实现为按钮设置背景图片。以下是两种方法的详细说明： #### 方法一：使用样式表设置背景图片 通过样式表设置按钮的背景图片是一种简单且常用的方法。首先需要将图片资源添加到项目中，例如通过`.qrc`文件管理图片资源。假设图片路径为`:icon/res/icon/wall.png`，可以使用以下代码实现背景图片设置[^1]： ```cpp ui->toolButton->setStyleSheet("background-image: url(:/icon/res/icon/wall.png);"); ``` 上述代码中，`background-image`属性指定了按钮的背景图片路径。 #### 方法二：直接在代码中设置背景图片 如果不想使用样式表，也可以通过代码动态设置按钮的背景图片。例如，创建一个`QPushButton`对象后，可以使用`QPalette`和`setAutoFillBackground(true)`来设置按钮的背景颜色或其他属性[^2]。然而，对于背景图片，通常推荐使用样式表的方式。 #### 注意事项 当设置背景图片时，需要注意以下几点： - 确保图片路径正确无误，并已正确添加到`.qrc`文件中。 - 如果按钮上还有其他内容（如文本或指示器），可能会影响背景图片的显示效果[^3]。 - 可以结合其他样式表属性调整按钮的整体外观，例如`border-radius`用于设置圆角、`background-repeat`控制图片是否平铺等。 #### 示例代码 以下是一个完整的示例代码，展示如何为按钮设置背景图片： ```cpp #include "mainwindow.h" #include "ui_mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui->setupUi(this); // 设置按钮背景图片 ui->pushButton->setStyleSheet("background-image: url(:/icon/res/icon/wall.png); " "background-repeat: no-repeat; " "background-position: center;"); } MainWindow::~MainWindow() { delete ui; } ``` ### 结论 在Qt中为按钮设置背景图片时，推荐使用样式表的方式，因为它更灵活且易于维护。同时，确保图片路径正确并合理调整其他样式属性以达到最佳效果[^4]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东山一角

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值