QTabWidget的tab设置关闭页面按钮

最新推荐文章于 2024-07-08 09:50:48 发布

bangtan辉

最新推荐文章于 2024-07-08 09:50:48 发布

阅读量6.8k

点赞数 6

本文链接：https://blog.youkuaiyun.com/bangtanhui/article/details/117783897

版权

步骤：
.cpp

ui->tabWidget->setTabsClosable(true);
ui->tabWidget->tabBar()->setTabButton(0,QTabBar::RightSide,nullptr);	 //第一个tab取消关闭按钮


//tab的关闭按钮被点击的槽
void FrameMain::on_tabWidget_tabCloseRequested(int index)
{
    ui->tabWidget->removeTab(index);
}

.css

QTabBar::tab{
    color: white;
    background: #5c8dff;
    border: 1px solid #73b7ff;
    min-width: 40ex;
    min-height: 6ex;
}
QTabBar::tab:selected{
    background: #505cff;
    margin-top: 2ex;
}
QTabBar::close-button{
    border-image: url(:/image/close.png);
}
QTabBar::close-button:hover{
    background: red;
}