QTabwidget 的选项卡文本对齐不起作用

Question

我正在尝试在左侧显示打开的标签文本。我在 stylesheet.but 中写道它不起作用。

这是我使用的样式表

QTabWidget QTabBar{
    background-color: #373738;
    height: 30px;
}

QTabWidget QTabBar::tab{
    text-align: left;
    background-color: #136ba2;
    border-style: 1px rgb(67, 67, 67);
    height: 30px;
    width: 130px;
    color: #136ba2;
    padding: 0px 5px 0px 5px;
}

QTabWidget QTabBar::tab:selected{
    background-color: #5A5B5C;
    font-weight: bold;
    color: #ffffff;
}
QTabWidget QTabBar::tab:!selected{
    background-color:#353536;
    color:  #B4B4B4;
}
QTabWidget QTabBar::tab:hover{
    background-color:  #5A5B5C;
    color:  #ffffff;
}

here is an image

Answer 1

根据文档，我认为样式表是不可能的：

text-align [...] This property is currently supported only by QPushButton and QProgressBar.

https://doc.qt.io/qt-5/stylesheet-reference.html#list-of-properties

Answer 2

这可以使用选项卡按钮小部件显示选项卡文本来完成。

有一个标签，文本左对齐：

QLabel * button = new QLabel("text");
button->setAlignment(Qt::AlignLeft);

如有必要，将选项卡文本设置为空字符串：

ui->tabWidget->tabBar()->setTabText(index, "");

将标签设置为选项卡按钮小部件：

ui->tabWidget->tabBar()->setTabButton(index, QTabBar::LeftSide, button);

您仍然可以设置标签样式，在选项卡小部件样式表中添加 QLabel 条目：

QLabel{ color: white; }

这里唯一的问题是：无法使用 CSS 根据选择设置标签文本的样式（即，将所选标签文本设为粗体）。但是捕捉标签小部件 currentChanged signal:

仍然可行

void Form::on_tabWidget_currentChanged(int index)
{
    for(int i=0; i<ui->tabWidget->tabBar()->count(); i++)
    {
        QWidget * button = ui->tabWidget->tabBar()->tabButton(i, QTabBar::LeftSide);
        if(button != nullptr)
        {
            QFont font = button->font();
            font.setBold(i == index);
            button->setFont(font);
        }
    }
}

QTabwidget 的选项卡文本对齐不起作用

QTabwidget's tab text alignment not working

qt

qtstylesheets

qtabwidget