PyQt5 在按钮上添加图片

在用Python(PyQt5)做图形界面开发时,如果我们要手动实现一个带有刷新图标的按钮时,那么就要用到在按钮上添加图片的功能,下面将直接介绍实现方法:

方法一、为按钮添加样式setStyleSheet

  • 设置background-image
button = QPushButton()
img_path = ''	# 图片路径
button.setStyleSheet("QPushButton{\n"
"background-image: url(\"%s\");\n"
"background-position:center;\n"
"background-repeat:no-repeat;\n"
"}" % img_path)
# background-image: url(\"%s\") 为设置的图片路径
# background-position:center 设置图片位置
# background-repeat:no-repeat 设置图片不重复

 注意:该方式需要将图片大小预先调整好,因为background-image不会去自适应按钮大小

  • 设置border-image
button = QPushButton()
img_path = ''	# 图片路径
button.setStyleSheet("QPushButton{\n"
"border-image: url(\"%s\");\n"
"}" % img_path)
# border-image: url(\"%s\") 为设置的图片路径

 该方法可以将图片直接自适应按钮大小,不需要调整图片,方便简洁。(但我在Mac上使用该方法时,点击按钮没有按钮动作,可以触发事件,问题待排查)

方法二、设置图片Icon setIcon

from PyQt5 import QtCore, QtGui, QtWidgets

button = QPushButton()
img_path = ''	# 图片路径
button.setIcon(QtGui.QIcon(img_path))
button.setIconSize(QtCore.QSize(25, 25))	# 设置icon大小

 该方法也不需要调整图片大小,可以自适应适配。
但我在Mac上仍然出现了该问题: 点击button无按钮效果,可以触发事件

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PyQt5中,可以通过按钮的点击事件来显示图片。以下是实现该功能的步骤: 1. 导入必要的模块: ```python from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QPushButton from PyQt5.QtGui import QPixmap ``` 2. 创建一个QWidget窗口类: ```python class MyWindow(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): self.setGeometry(100, 100, 300, 200) # 设置窗口的位置和大小 self.label = QLabel(self) # 创建一个标签用于显示图片 self.label.setGeometry(50, 50, 200, 100) # 设置标签的位置和大小 self.button = QPushButton('显示图片', self) # 创建一个按钮 self.button.setGeometry(100, 150, 100, 30) # 设置按钮的位置和大小 self.button.clicked.connect(self.showImage) # 将按钮的点击事件与showImage函数关联 def showImage(self): pixmap = QPixmap('./xxx.png') # 加载图片 self.label.setPixmap(pixmap) # 在标签上显示图片 self.label.setScaledContents(True) # 自适应标签大小 if __name__ == '__main__': app = QApplication([]) window = MyWindow() window.show() app.exec_() ``` 在以上代码中,`MyWindow`类继承自`QWidget`类,通过`QLabel`类展示图片,`QPushButton`类创建按钮,并通过`clicked`信号与`showImage`函数关联。`showImage`函数中,使用`QPixmap`类加载图片,然后通过`setPixmap`方法在标签中显示图片,并使用`setScaledContents`方法使图片自适应标签大小。 请注意将代码中的`'./xxx.png'`替换为你实际使用的图片路径。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [pyqt5实现按钮添加背景图片以及背景图片的切换方法](https://download.csdn.net/download/weixin_38579899/12862733)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【Python】PyQt5 点击按钮打开显示图片的窗口](https://blog.csdn.net/qq_43950000/article/details/128159670)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值