主页 / 问题 / 1092931
Accepted
MAXIM045
Asked:2020-03-10 19:40:28 +0000 UTC2020-03-10 19:40:28 +0000 UTC

是否可以以某种方式自定义 QTabWidget？

  • 772

我有个主意。我知道这很难，但我不知道有多少。
我需要QTabWidget像这样更改小部件的外观：

  1. 将图像放在选项卡的标题中（常规，无特殊特性）
  2. 舍入所有选项卡的所有可能边缘
  3. 移除框架（行程）
  4. 为活动和非活动选项卡设置颜色
  5. 按照我在图片中绘制的方式翻转小部件：

在此处输入图像描述

我试图删除样式表中选项卡的边框，但它与其他小部件的工作方式不同。尝试谷歌搜索，但没有发现任何有用的东西。现在我觉得我想要的太多了。是否有可能实现计划？如果可能，请告诉我如何

from PyQt5 import QtWidgets

class MyWindow(QtWidgets.QWidget):
    def __init__(self, parent = None):
        super().__init__(parent)

        tab = QtWidgets.QTabWidget()
        tab.addTab(QtWidgets.QLabel('1'), 'Вкладка 1')
        tab.addTab(QtWidgets.QLabel('2'), 'Вкладка 2')
        tab.setCurrentIndex(0)

        tab.setStyleSheet('''border-style: hidden;
                             border-width: 2px;
                             border-radius: 10px;''')

        box = QtWidgets.QVBoxLayout(self)
        box.addWidget(tab)

if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    window = MyWindow()
    window.setWindowTitle('QTabWidget')
    window.show()
    sys.exit(app.exec_())
python

1 个回答

  1. Best Answer

    问很多问题（在一篇文章中）不是很好。几乎任何事情都可以做，只是不要着急。

    我就是这样看待你的任务的。只需尝试自己选择颜色并立即进行舍入即可。阅读带有关键字的帖子Style Sheet。

    您还可以看到Pyqt 5 想法的另一个实现更改 QListWidget 中的当前项目

    from PyQt5 import QtWidgets, QtGui, QtCore
from PyQt5.QtGui import QIcon
from PyQt5.QtCore import Qt


class Color(QtWidgets.QWidget):
    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        palette = self.palette()
        palette.setColor(QtGui.QPalette.Window, QtGui.QColor(color))
        self.setPalette(palette)


class TabBar(QtWidgets.QTabBar):
    def tabSizeHint(self, index):
        s = QtWidgets.QTabBar.tabSizeHint(self, index)
        s.transpose()
        return s

    def paintEvent(self, event):
        painter = QtWidgets.QStylePainter(self)
        opt = QtWidgets.QStyleOptionTab()

        for i in range(self.count()):
            self.initStyleOption(opt, i)
            painter.drawControl(QtWidgets.QStyle.CE_TabBarTabShape, opt)
            painter.save()

            s = opt.rect.size()
            s.transpose()
            r = QtCore.QRect(QtCore.QPoint(), s)
            r.moveCenter(opt.rect.center())
            opt.rect = r

            c = self.tabRect(i).center()
            painter.translate(c)
            painter.rotate(90)
            painter.translate(-c)
            painter.drawControl(QtWidgets.QStyle.CE_TabBarTabLabel, opt);
            painter.restore()


class TabWidget(QtWidgets.QTabWidget):
    def __init__(self, *args, **kwargs):
        QtWidgets.QTabWidget.__init__(self, *args, **kwargs)
        self.setTabBar(TabBar(self))
        self.setTabPosition(QtWidgets.QTabWidget.West)


class MyWindow(QtWidgets.QWidget):
    def __init__(self, parent = None):
        super().__init__(parent)
        self.setFixedSize(800, 400)
        self.setWindowFlags(self.windowFlags() | Qt.FramelessWindowHint)         # !!!    

        self.tabs = TabWidget()                                                  # QtWidgets.QTabWidget()

        self.tabs.setTabPosition(QtWidgets.QTabWidget.West)                      #
        self.tabs.setDocumentMode(True)
        self.tabs.setMovable(True)
        self.tabs.addTab(QtWidgets.QLabel('1', alignment=QtCore.Qt.AlignCenter), 
                QIcon('images/info.ico'), '')                                    # 'Вкладка 1'

        self.tabs.addTab(QtWidgets.QLabel('2'), QIcon('head3.png'), '')          # , 'Вкладка 2'
        self.tabs.setIconSize(QtCore.QSize(50, 50))

        for n, color in enumerate(['red','green','blue','yellow']):
            self.tabs.addTab( Color(color), color)

        self.tabs.setCurrentIndex(0)

        box = QtWidgets.QVBoxLayout(self)
        box.addWidget(self.tabs)
        box.setContentsMargins(0, 0, 0, 0)

    def closeTab(self, index):
        tab = self.tabs.widget(index)
        tab.deleteLater()
        self.tabs.removeTab(index)


qss = '''
QTabBar {
    background: #c3c3c3;          
}
QTabBar::tab {
    background: rgb(34, 137, 163);
    color: white;
}
QTabBar::tab:selected {
    background-color: rgb(48, 199, 184,);
    color: #000000;
}
QLabel {
    background-color: #23272a;
    font-size: 22px;
    padding-left: 5px;
    color: white;
}
'''


if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    app.setStyleSheet(qss)                             # +
    window = MyWindow()
    window.setWindowTitle('QTabWidget')
    window.show()
    sys.exit(app.exec_())

    在此处输入图像描述

    • 3

相关问题