如何使用背景图片设置QTableWidget的左上角？

Question

如何使用背景图设置QTableWidget的左上角？现在它是白色的。（如下图所示）

这是我的样式表代码：

QWidget {
    background-image: url(src/bg.jpg);
    color: #fffff8;
}

QHeaderView::section {
    background-image: url(src/bg.jpg);
    padding: 4px;
    border: 1px solid #fffff8;
}

QTableWidget {
    gridline-color: #fffff8;
}

QTableWidget QTableCornerButton::section {
    background-image: url(src/bg.jpg);
    border: 1px solid #fffff8;
}

- liaokong

---

我的猜测是你需要添加一列来保存行号，并禁用标题。 - Oliver

在Linux上对我来说运行良好。您可以尝试设置不同的角部小部件。 - ekhumoro

哦！谢谢，当我使用setHorizontalHeaderLabels()时，QTableWidget左上角是白色的，这是Qt的一个bug吗？@Schollii - liaokong

@ekhumoro setCornerWidget() 方法适用于滚动条交汇处的小部件，即右下角（仅当滚动条可见时！）。行头和列头交叉处的小部件（即左上角）似乎无法定制（除了可以禁用和启用之外）。 - Oliver

@Schollii。谢谢 - 我不知道我是怎么错过那个相当明显的点的。然而，样式表对我确实起作用 - 所以问题并没有得到真正的回答。可能存在一些特定于平台的问题。 - ekhumoro

Answer 1

对于我来说，在Windows上使用PyQt4.13，设置Qt样式表中的QTableWidget QTableCornerButton元素的背景颜色会产生影响，但设置背景图像没有效果。然而，您可以使背景颜色透明(rgba(0,0,0,0))，然后您会看到小部件的背景图像闪耀。边框应该重新设置，以使其看起来漂亮。

代码:

from PyQt4 import QtGui

app = QtGui.QApplication([])

# app.setStyleSheet('QWidget { background-color: #aa8888; } QHeaderView::section { background-color: #88aa88; } QTableWidget QTableCornerButton::section {background-color: #8888aa; }')
# app.setStyleSheet('QWidget { background-image: url(bg.png); } QHeaderView::section { background-image: url(bg.png); } QTableWidget QTableCornerButton::section {background-image: url(bg.png); }')
app.setStyleSheet('QWidget { background-image: url(bg.png); } QHeaderView::section { background-color: rgba(0,0,0,0); } QTableWidget QTableCornerButton::section {background-color: rgba(0,0,0,0); }')

w = QtGui.QTableWidget(2, 2)
w.show()

app.exec_()

根据使用的样式表行，结果如下： {{link1：}}

左侧图像：设置小部件、头视图和表格角按钮背景颜色有效。

中间图像：设置小部件背景图像，尝试设置头视图和表格角按钮背景图像但没有效果。

右侧图像：设置小部件背景图像，将头视图和表格角按钮背景颜色设置为透明。边框可能需要重新设置。

- Trilarion

Answer 2

你需要使用自定义的行标头列：

• 禁用内置的行标头列，
• 添加一个列来保存行号，
• 定义插槽以在添加/删除行时更新行ID并选择行，更改其字体等，
• 最后将小部件设置为在列=0列标题中使用。

- Oliver

Answer 3

使用这个样式表代码：

QTableCornerButton::section {
    background-color: rgb(66, 66, 66);
}

- Illud