qtabwidget设置样式_qt qwidget

全栈程序员站长

发布于 2022-11-09 17:12:18

1.7K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

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

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

下面是原文：

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

隐藏方法：设置qss

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

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

2、样式表demo：

/*设置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;
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年9月24日，如有侵权请联系 cloudcommunity@tencent.com 删除

qt

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

qt

登录后参与评论

0 条评论

热度

qtabwidget设置样式_qt qwidget

qtabwidget设置样式_qt qwidget

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐