PyQt6天气控件中位置与温度标签间距过大问题求助

问题根源 #

你的代码里存在几个导致间距过大的问题：

• 错误地将self传入setSpacing()，应该传入数值（比如0）来设置布局间距
• 使用QGridLayout垂直排列控件时，行默认会分配额外空白空间，不如QVBoxLayout适合这种垂直布局场景
• QFrame的样式中设置了padding:10px，会给内部布局增加额外的内边距

修复方案 #

下面是修改后的代码，解决了间距问题：

from PyQt6.QtWidgets import QVBoxLayout, QWidget, QMainWindow, QFrame, QApplication, QLabel
from PyQt6.QtGui import QFont
import sys
from PyQt6.QtCore import Qt


class WeatherWidget(QFrame):
    def __init__(self, parent=None):
        super().__init__(parent)

        # 设置控件固定尺寸
        self.setFixedSize(250, 150)
        
        # 改用QVBoxLayout更适合垂直排列的标签
        self.layout = QVBoxLayout(self)
        # 清除布局内边距
        self.layout.setContentsMargins(0, 0, 0, 0)
        # 设置控件间间距为0
        self.layout.setSpacing(0)

        # 创建温度标签
        self.temp_label = QLabel(self)
        self.temp_label.setStyleSheet("margin: 0; padding: 0;")
        font = QFont('Varela Round', 20, 40)
        self.temp_label.setFont(font)
        self.temp_label.setText('25C')
        print('Loaded temperature:', '25C')

        # 创建位置标签
        self.location_label = QLabel(self)
        self.location_label.setFont(font)
        self.location_label.setText('City')
        self.location_label.setStyleSheet("margin: 0; padding: 0;")

        # 添加标签到布局，保持左对齐
        self.layout.addWidget(self.location_label, alignment=Qt.AlignmentFlag.AlignLeft)
        self.layout.addWidget(self.temp_label, alignment=Qt.AlignmentFlag.AlignLeft)

        # 设置框架样式，可根据需要调整padding值
        self.setObjectName("WeatherWidgetFrame")
        self.setStyleSheet("""
            #WeatherWidgetFrame {
                border: 2px solid black;
                border-radius: 10px;
                padding: 5px; /* 缩小原有10px的内边距，进一步减少整体空白 */
                background-color: #87CEEB;
            }
        """)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    main_window = QMainWindow()
    widget = WeatherWidget()
    main_widget = QWidget()
    main_window.setCentralWidget(main_widget)
    main_window.resize(450, 450)
    main_layout = QVBoxLayout(main_widget)
    main_layout.addWidget(widget, alignment=Qt.AlignmentFlag.AlignCenter)
    main_window.show()
    main_window.raise_()
    sys.exit(app.exec())

关键修改说明 #

1. 替换布局类型：把QGridLayout换成QVBoxLayout，垂直布局更适合上下排列的标签，避免网格布局自动分配的行间距
2. 修正布局间距设置：将setSpacing(self)改为setSpacing(0)，正确设置控件间的间距为0
3. 调整框架内边距：把QFrame样式中的padding:10px改为更小的值（比如5px），减少框架内部的空白空间
4. 统一标签对齐：保持标签左对齐，避免布局自动分配额外的对齐空间

如果还需要进一步缩小间距，可以尝试：

• 调整字体的行高：通过QFont.setLineSpacing()来减小字体的行间距
• 给布局添加全局对齐：self.layout.setAlignment(Qt.AlignmentFlag.AlignTop)，让控件紧贴布局顶部

内容的提问来源于stack exchange，提问作者Minion123