QTabWidget的tab设置关闭页面按钮

步骤:
.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;
}

效果图:
QTabWidget的tab设置关闭页面按钮_第1张图片


你可能感兴趣的:(QTabWidget的tab设置关闭页面按钮)