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

柔光的暖阳◎ 2022-03-17 11:40 983阅读 0赞

# Qt中如何给按钮加图标（背景图片） #

1. Qt Designer中拖入一Tool Button

![https://img-my.csdn.net/uploads/201304/17/1366170310\_6238.jpg][https_img-my.csdn.net_uploads_201304_17_1366170310_6238.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170314\_3315.jpg][https_img-my.csdn.net_uploads_201304_17_1366170314_3315.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170318\_1116.jpg][https_img-my.csdn.net_uploads_201304_17_1366170318_1116.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170322\_4129.jpg][https_img-my.csdn.net_uploads_201304_17_1366170322_4129.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170327\_5821.jpg][https_img-my.csdn.net_uploads_201304_17_1366170327_5821.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170332\_9137.jpg][https_img-my.csdn.net_uploads_201304_17_1366170332_9137.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170335\_2182.jpg][https_img-my.csdn.net_uploads_201304_17_1366170335_2182.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170338\_1387.jpg][https_img-my.csdn.net_uploads_201304_17_1366170338_1387.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170341\_9181.jpg][https_img-my.csdn.net_uploads_201304_17_1366170341_9181.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170345\_3438.jpg][https_img-my.csdn.net_uploads_201304_17_1366170345_3438.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170348\_8685.jpg][https_img-my.csdn.net_uploads_201304_17_1366170348_8685.jpg]

![https://img-my.csdn.net/uploads/201304/17/1366170351\_3081.jpg][https_img-my.csdn.net_uploads_201304_17_1366170351_3081.jpg]

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

![https://img-my.csdn.net/uploads/201304/17/1366170354\_8435.jpg][https_img-my.csdn.net_uploads_201304_17_1366170354_8435.jpg]

[https_img-my.csdn.net_uploads_201304_17_1366170310_6238.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170310_6238.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170314_3315.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170314_3315.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170318_1116.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170318_1116.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170322_4129.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170322_4129.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170327_5821.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170327_5821.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170332_9137.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170332_9137.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170335_2182.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170335_2182.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170338_1387.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170338_1387.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170341_9181.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170341_9181.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170345_3438.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170345_3438.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170348_8685.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170348_8685.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170351_3081.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170351_3081.jpg
[https_img-my.csdn.net_uploads_201304_17_1366170354_8435.jpg]: https://img-my.csdn.net/uploads/201304/17/1366170354_8435.jpg