qtabwidget设置样式_qt qwidget

2022-11-09 17:12:18 浏览数 (1)

大家好，又见面了，我是你们的朋友全栈君。

1、转载一篇当tab页多时，左侧的曲线问题。

下面是原文：

当tab个数大于一定个数时，会出现如下图左侧白线所示，这个是Qt自带的，作用是点击回到第一个tab

隐藏方法：设置qss

代码语言：javascript复制

QTabBar::tear 
{
    width: 0px; 
    border: none;
}

原文链接：https://blog.csdn.net/qq411633267/article/details/105684758

2、样式表demo：

代码语言：javascript复制

/*设置QTabWidget背景色*/
QTabWidget#EmojiTabWdgt QStackedWidget
{
    background-color:#434343;
}

QTabWidget#EmojiTabWdgt::pane
{
    border:0px solid transparent;
    padding-left:12px;
    padding-top:12px;
    padding-right:0px;;
}

QTabWidget#EmojiTabWdgt QTabBar
{
    background:#434343;
}

QTabWidget#EmojiTabWdgt QTabBar::tab
{
    height: 26px;
    width:58px;
    margin-top:6px;
    margin-bottom:0px;
    margin-left:0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-width:0px;
    font-size:12px;
	background:transparent;
    color:rgba(255,255,255,153);
}

QTabWidget#EmojiTabWdgt QTabBar::tab::selected
{
    color:white;
    background:rgba(32,32,32,1);
}

QTabWidget#EmojiTabWdgt QTabBar::scroller
{
    width:0px;
} 

QTabWidget#EmojiTabWdgt QTabBar::tear
{
    width: 0px; 
    border: none;
}

0 人点赞