pyqt5选项卡区域没有填满整个可用空间

Posted

技术标签:

【中文标题】pyqt5选项卡区域没有填满整个可用空间【英文标题】:pyqt5 tab area not filling the whole available space 【发布时间】:2018-04-30 00:29:45 【问题描述】:

我正在尝试使用 GUI - 我想要滚动条和选项卡。我将滚动条修改为“最外层”的小部件,里面有一个 QTabWidget,反之亦然:QTabWidget 有一个 QWidget 选项卡,而 QScrollArea 的父级是选项卡。简而言之,我无法扩大滚动区域以填充可用空间。下面有一些 cmets 说明了我尝试过的所有内容。没有调整 sizePolicies 似乎有帮助。 我查看了其他人发布的类似问题,尤其是 Issue with scrollarea in pyqt?

# -*- coding: utf-8 -*-
"""
Created on Fri Nov 17 07:07:08 2017

@author: Erik
"""

import sys
from PyQt5.QtWidgets import QLayout, QVBoxLayout ,QTabWidget, QMainWindow,QApplication, QWidget, QSizePolicy, QScrollArea
from PyQt5.QtGui import QColor, QPalette
from PyQt5.QtCore import QSize
class Color2(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color2, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)
        self.setSizePolicy(QSizePolicy(QSizePolicy.Maximum, QSizePolicy.Maximum))

    def sizeHint(self):
        return QSize(250,150)

class MyTableWidget(QWidget):
    def __init__(self, parent):   
        super(QWidget, self).__init__(parent)
        self.layout = QVBoxLayout(self)
        # Initialize tab screen
        self.tabs = QTabWidget(self)      
        self.layout.addWidget(self.tabs)
        #self.setSizePolicy(QSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored))
        #self.tabs.setSizePolicy(QSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored))

    def addTab(self, widget, text):
        self.tabs.addTab(widget, text)
        widget.setAutoFillBackground(True)
        my_yellow = QColor.fromHsl(35, 255, 153, 128 )
        dark_blue = QColor.fromHsl(211, 196, 38, 255)
        widget.palette().setColor(QPalette.Window, dark_blue)
        widget.palette().setColor(QPalette.WindowText, my_yellow)

class Example(QMainWindow):

    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):               

        self.statusBar().showMessage('Ready')
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Statusbar')
        self.table_widget = MyTableWidget(self)
        self.tab1 = QWidget()        
        self.tab2 = QWidget()
        #self.tab1.setSizePolicy(QSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding))
        self.table_widget.addTab(self.tab1, "Tab1")
        self.table_widget.addTab(self.tab2, "Tab2")

        self.scrollArea = QScrollArea(self.tab1)
        #self.scrollArea = QScrollArea(self)
        self.scrollArea.setWidgetResizable(True)
        self.scrollAreaWidgetContents = QWidget(self.scrollArea)
        #self.scrollAreaWidgetContents.setGeometry(QtCore.QRect(0, 0, 380, 247))
        self.scrollAreaWidgetContents.setMinimumSize(QSize(1100, 1300))
        #self.scrollAreaWidgetContents.setSizePolicy(QSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored))
        #self.scrollAreaWidgetContents.setWidgetResizable(True)
        #self.scrollArea.setWidget(self.scrollAreaWidgetContents)

        self.verticalLayout = QVBoxLayout(self.scrollAreaWidgetContents)
        #self.verticalLayout.addWidget(self.scrollArea)
        self.verticalLayout.addWidget(Color2('blue'))
        self.verticalLayout.addWidget(Color2('red'))
        self.verticalLayout.insertStretch(-1)
        #self.verticalLayout.setSizeConstraint(1)#QLayout.SizeConstraint.setNoConstraint)
        self.verticallayout2 = QVBoxLayout(self.tab2)
        self.verticallayout2.addWidget(Color2('green'))

        #self.scrollArea.setSizePolicy(QSizePolicy(QSizePolicy.Ignored, QSizePolicy.Expanding))
        self.scrollArea.setWidget(self.scrollAreaWidgetContents)

        self.setCentralWidget(self.table_widget)
        self.show()
        print(self.table_widget.minimumSizeHint())

if __name__ == '__main__':

    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

我从 http://zetcode.com/gui/pyqt5/ 学到了基础知识。 此外,上述代码行为的一个线索是QScrollArea 实际使用的区域与Color2 类的sizeHint 有某种关联。我有一个滚动条自己工作的例子......这只是他们将它们放在QTabWidget 的选项卡中的行为,我不明白。有小费吗?非常感谢。

【问题讨论】:

【参考方案1】:

问题是您没有使用布局来设置选项卡内的 QScrollArea。当您确定一个小部件是另一个小部件的父级时,您只是表明子级的坐标系是相对于父级的,而不是表示它将采用父级的大小,为此您必须使用布局,因为它处理大小。

# -*- coding: utf-8 -*-
"""
Created on Fri Nov 17 07:07:08 2017

@author: Erik
"""

import sys
from PyQt5.QtWidgets import QLayout, QVBoxLayout ,QTabWidget, QMainWindow,QApplication, QWidget, QSizePolicy, QScrollArea
from PyQt5.QtGui import QColor, QPalette
from PyQt5.QtCore import QSize

class Color2(QWidget):
    def __init__(self, color, *args, **kwargs):
        super(Color2, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)
        self.setSizePolicy(QSizePolicy(QSizePolicy.Maximum, QSizePolicy.Maximum))

    def minimumSizeHint(self):
        return QSize(250,150)

class MyTableWidget(QWidget):
    def __init__(self, parent):   
        super(QWidget, self).__init__(parent)
        self.layout = QVBoxLayout(self)
        self.tabs = QTabWidget(self)      
        self.layout.addWidget(self.tabs)

    def addTab(self, widget, text):
        self.tabs.addTab(widget, text)
        widget.setAutoFillBackground(True)
        my_yellow = QColor.fromHsl(35, 255, 153, 128 )
        dark_blue = QColor.fromHsl(211, 196, 38, 255)
        widget.palette().setColor(QPalette.Window, dark_blue)
        widget.palette().setColor(QPalette.WindowText, my_yellow)

class Example(QMainWindow):

    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):               

        self.statusBar().showMessage('Ready')
        self.setGeometry(300, 300, 250, 150)
        self.setWindowTitle('Statusbar')
        self.table_widget = MyTableWidget(self)
        self.tab1 = QWidget()        
        self.tab2 = QWidget()
        self.table_widget.addTab(self.tab1, "Tab1")
        self.table_widget.addTab(self.tab2, "Tab2")
        lay = QVBoxLayout(self.tab1)

        self.scrollArea = QScrollArea()
        lay.addWidget(self.scrollArea)
        self.scrollArea.setWidgetResizable(True)
        self.scrollAreaWidgetContents = QWidget()
        self.scrollArea.setWidget(self.scrollAreaWidgetContents)

        self.verticalLayout = QVBoxLayout(self.scrollAreaWidgetContents)
        self.verticalLayout.addWidget(Color2('blue'))
        self.verticalLayout.addWidget(Color2('red'))
        self.verticalLayout.insertStretch(-1)
        self.verticallayout2 = QVBoxLayout(self.tab2)
        self.verticallayout2.addWidget(Color2('green'))

        self.scrollArea.setWidget(self.scrollAreaWidgetContents)

        self.setCentralWidget(self.table_widget)
        self.show()

if __name__ == '__main__':

    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

【讨论】:

最棒的!再次感谢!这十分完美。我需要回答一些问题才能让我的声誉得分更高。我将你的标记为已回答,但它不会显示,因为我的分数太低:/

以上是关于pyqt5选项卡区域没有填满整个可用空间的主要内容,如果未能解决你的问题,请参考以下文章

TabTopAutoLayout自定义顶部选项卡区域(带下划线)(动态选项卡数据且可滑动)

TabTopLayout自定义顶部选项卡区域(固定宽度且居中)

让 Bootstrap 选项卡自动填充高度到页脚?

TabLayout 中的选项卡没有填满整个 ActionBar

操作栏选项卡不填满屏幕宽度

JQuery UI 选项卡背景颜色