首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何删除QTableWidget和QHeaderView的外部网格线?

如何删除QTableWidget和QHeaderView的外部网格线?
EN

Stack Overflow用户
提问于 2021-09-06 14:57:40
回答 1查看 491关注 0票数 0

我想要创建一个自定义的QTableView,我不想为它显示外部网格线,这意味着省略每个单元格的底线和右行。使用样式表,我似乎只能更改QHeaderView的网格线颜色和边框。我也想使网格线更厚一点,并能以某种方式只查看内部线。

当前样式表:

代码语言:javascript
运行
复制
QTableWidget {
padding-left: 50px;
padding-right: 50px;
gridline-color: #9370DB;
}


QHeaderView::section:vertical { 
border-top: 1px solid #9370DB
}

QHeaderView::section:horizontal { 
border: 0px;
border-left: 1px solid #9370DB
}

当前输出如下所示:

我还可以看到,标题线和网格线是不对齐的,但这可能通过在任何地方都有相同的线厚度来解决。

测试的完整代码:

代码语言:javascript
运行
复制
from PySide6.QtCore import *  # type: ignore
from PySide6.QtGui import *  # type: ignore
from PySide6.QtWidgets import *  # type: ignore
import sys


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        if not MainWindow.objectName():
            MainWindow.setObjectName(u"MainWindow")
        MainWindow.resize(800, 600)
        self.centralwidget = QWidget(MainWindow)
        self.centralwidget.setObjectName(u"centralwidget")
        self.verticalLayout_2 = QVBoxLayout(self.centralwidget)
        self.verticalLayout_2.setObjectName(u"verticalLayout_2")
        self.indicatorsLayout = QHBoxLayout()
        self.indicatorsLayout.setObjectName(u"indicatorsLayout")

        self.verticalLayout_2.addLayout(self.indicatorsLayout)

        self.listboxLayout = QGridLayout()
        self.listboxLayout.setObjectName(u"listboxLayout")
        self.listbox = QTableWidget(self.centralwidget)
        if (self.listbox.columnCount() < 5):
            self.listbox.setColumnCount(5)
        if (self.listbox.rowCount() < 10):
            self.listbox.setRowCount(10)
        self.listbox.setObjectName(u"listbox")
        sizePolicy = QSizePolicy(QSizePolicy.Expanding, QSizePolicy.Expanding)
        sizePolicy.setHorizontalStretch(0)
        sizePolicy.setVerticalStretch(0)
        sizePolicy.setHeightForWidth(self.listbox.sizePolicy().hasHeightForWidth())
        self.listbox.setSizePolicy(sizePolicy)
        self.listbox.setStyleSheet(u"QTableWidget {\n"
                                   "padding-left: 50px;\n"
                                   "padding-right: 50px;\n"
                                   "gridline-color: #9370DB;\n"
                                   "}\n"
                                   "\n"
                                   "\n"
                                   "QHeaderView::section:vertical { \n"
                                   "border-top: 1px solid #9370DB\n"
                                   "}\n"
                                   "\n"
                                   "QHeaderView::section:horizontal { \n"
                                   "border: 0px;\n"
                                   "border-left: 1px solid #9370DB\n"
                                   "}")
        self.listbox.setHorizontalScrollBarPolicy(Qt.ScrollBarAsNeeded)
        self.listbox.setSizeAdjustPolicy(QAbstractScrollArea.AdjustIgnored)
        self.listbox.setRowCount(10)
        self.listbox.setColumnCount(5)
        self.listbox.horizontalHeader().setCascadingSectionResizes(False)
        self.listbox.horizontalHeader().setDefaultSectionSize(100)

        self.listboxLayout.addWidget(self.listbox, 0, 0, 1, 1)

        self.verticalLayout_2.addLayout(self.listboxLayout)

        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QMenuBar(MainWindow)
        self.menubar.setObjectName(u"menubar")
        self.menubar.setGeometry(QRect(0, 0, 800, 22))
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QStatusBar(MainWindow)
        self.statusbar.setObjectName(u"statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)

        QMetaObject.connectSlotsByName(MainWindow)

    # setupUi

    def retranslateUi(self, MainWindow):
        MainWindow.setWindowTitle(QCoreApplication.translate("MainWindow", u"MainWindow", None))
    # retranslateUi


if __name__ == "__main__":
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec())
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-06 15:19:47

网格线的宽度始终为1像素,不能更改。不对齐是因为网格线总是在每个索引的底部和右边绘制,而在每个节的顶部或左侧设置标题的边框。

这也意味着网格线总是显示在所有项周围,包括最后一行和列。

解决方案是完全禁用网格,并仅以与绘制标头相同的方式设置项的边框;这样,还可以设置“网格”的厚度。这种方法的缺点是,设置项的样式将覆盖委托的默认样式绘制,因此还必须指定选择颜色。

代码语言:javascript
运行
复制
QTableWidget {
    qproperty-showGrid: "false";
    padding-left: 50px;
    padding-right: 50px;
}

QTableWidget::item {
    border-top: 2px solid #9370DB;
    border-left: 2px solid #9370DB;
}

QTableWidget::item:selected {
    background: palette(highlight);
}


QHeaderView::section:vertical { 
    border: 0px;
    border-top: 2px solid #9370DB
}

QHeaderView::section:horizontal { 
    border: 0px;
    border-left: 2px solid #9370DB
}

一种略有不同的方法同时使用样式表和项目委托:所有边框都是绘制的(使用所需大小的一半),不包括标题的最后一部分,网格是使用委托绘制的,在这种情况下,样式没有为::item选择器设置,确保它始终尊重样式提供的内部呈现。

代码语言:javascript
运行
复制
class GridDelegate(QtWidgets.QStyledItemDelegate):
    pen = QtGui.QPen(QtGui.QColor('#9370DB'), 1)

    def paint(self, qp, opt, index):
        qp.save()
        qp.setPen(self.pen)
        qp.setBrush(QtCore.Qt.NoBrush)
        lastRow = index.model().rowCount() - 1
        lastCol = index.model().columnCount() - 1
        if index.row() < lastRow and index.column() < lastCol:
            qp.drawRect(opt.rect.adjusted(0, 0, -1, -1))
        else:
            qp.drawLine(opt.rect.bottomLeft(), opt.rect.topLeft())
            qp.drawLine(opt.rect.topLeft(), opt.rect.topRight())
            if index.row() < lastRow:
                qp.drawLine(opt.rect.bottomLeft(), opt.rect.bottomRight())
            elif index.column() < lastCol:
                qp.drawLine(opt.rect.topRight(), opt.rect.bottomRight())
        qp.restore()
        super().paint(qp, opt, index)


# ...
tableWidget.setItemDelegate(GridDelegate(tableWidget))
tableWidget.setStyleSheet('''
    QTableWidget {
        qproperty-showGrid: "false"; 
        padding-left: 50px; 
        padding-right: 50px; 
    }

    QTableCornerButton::section { 
        border: 0px; 
        border-bottom: 1px solid #A370DB; 
        border-right: 1px solid #A370DB; 
    }

    QHeaderView::section:vertical { 
        border: 1px solid #9370DB; 
        border-left: none; 
    }

    QHeaderView::section:vertical:last { 
        border-bottom: none; 
    }

    QHeaderView::section:horizontal { 
        border: 1px solid #9370DB; 
        border-top: none; 
    }

    QHeaderView::section:horizontal:last { 
        border-right: none; 
    }
''')
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69076597

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档