“左侧文字横向”的QTabWidget

weixin_110

已于 2024-09-12 17:37:21 修改

阅读量173

点赞数 2

文章标签： qt c++

于 2024-09-12 17:33:35 首次发布

本文链接：https://blog.csdn.net/weixin_41799721/article/details/142181738

版权

左侧用 QToolButton 组，右侧用 QStackedWidget，信号槽绑定切换页面

可定制化高

在这里插入图片描述

    QButtonGroup* btnGp = new QButtonGroup(this);
    btnGp->addButton(ui->btn1, 0);
    btnGp->addButton(ui->btn2, 1);
    btnGp->addButton(ui->btn3, 2);
    connect(btnGp, QOverload<int>::of(&QButtonGroup::idClicked), ui->stackedWidget, &QStackedWidget::setCurrentIndex);

    // 默认页面
    btnGp->button(0)->setChecked(true);
    ui->stackedWidget->setCurrentIndex(0);
    // 设置样式
    ui->tab->setStyleSheet(R"(
QToolButton{
    border: 1 1 1 1;
    min-width: 80px;
    min-height: 40px;
}
QToolButton::hover{font:13pt bold;}
QToolButton::pressed,QToolButton::checked{
    background-color: lightblue;
    font-size:15pt;
    border-left: 7px inset darkCyan;
}
QStackedWidget > QToolButton{
    background-color:none
})");   // border: dashed  dotted  solid  double; outset inset groove ridge