### 实现按钮添加文本和图片并垂直居中布局 在 PyQt5 中，可以通过 `QPushButton` 组件实现带有图像和文本的按钮，并通过设置属性使其满足特定布局需求。以下是具体的实现方法： #### 使用 QPushButton 的复合模式 (Compound Mode) PyQt5 提供了 `setStyleSheet()` 方法用于自定义按钮样式，以及 `setText()` 和 `setIcon()` 方法分别设置按钮的文本和图标。为了实现图像在上、文本在下的效果，可以利用 `setCompoundMode(Qt.AlignTop)` 来调整图像相对于文本的位置。 以下是一个完整的代码示例[^1]： ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton from PyQt5.QtGui import QIcon from PyQt5.QtCore import Qt def create_button_with_image_and_text(): app = QApplication([]) # 创建主窗口 window = QWidget() layout = QVBoxLayout() # 创建按钮 button = QPushButton("点击我") # 设置按钮的图标 icon = QIcon("path_to_icon.png") # 替换为实际路径 button.setIcon(icon) # 调整图标与文本的关系：图标在上方，文本在下方 button.setCompoundMode(Qt.AlignTop) # 自定义样式表以确保内容垂直居中 button.setStyleSheet(""" QPushButton { padding-top: 20px; /* 控制顶部间距 */ padding-bottom: 10px; /* 控制底部间距 */ font-size: 14px; } """) # 将按钮添加到布局中 layout.addWidget(button) window.setLayout(layout) # 显示窗口 window.show() app.exec_() create_button_with_image_and_text() ``` #### 关键点解析 1. **设置图标位置** 利用 `button.setCompoundMode(Qt.AlignTop)` 可以让图标位于文本之上[^1]。 2. **自定义样式表** 使用 `setStyleSheet()` 定义按钮的上下内边距 (`padding-top`, `padding-bottom`) ，从而控制图像和文本之间的距离[^1]。 3. **加载图标文件** 需要提供有效的图标路径（替换 `"path_to_icon.png"`），否则可能导致运行错误或无法显示图标。 --- ### 注意事项 如果需要更复杂的布局（如动态调整尺寸或响应不同分辨率），建议结合 `QVBoxLayout` 或其他高级布局管理器进一步优化界面设计。 ---