如何实现自定义样式的teb bar - QTCN开发网

只看楼主正序阅读楼主发表于: 2011-10-28

举个例子就是类似酷狗这样的

还有很多其他的tab样式比如每个tab之前是有空间的
而不是QTabWidget那样紧紧挨着

请问怎么实现这么个效果呢？

因为很多地方需要tab widget 但是QTabWidget实在是不能满足要求
确实相当的单调即使是配合 stylesheet 也改变不了外形的总体样式

希望高人指点

分享到 淘江湖新浪 QQ微博 QQ空间开心人人豆瓣网易微博百度鲜果白社会飞信

离线inside

新手上路

只看该作者 10楼发表于: 2011-10-28

完整的效果

QTabBar::tab {
color: rgb(84,2,119);
border: 1px solid rgb(68,66,64);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
max-height: 40px;
min-width: 30ex;
padding: 2px;
}

QTabWidget::tab-bar {
alignment: left;
}
QTabBar::tab:!selected {
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
}
QTabBar::tab:selected {
color: rgb(255,0,128);
}

离线jdwx

论坛版主

只看该作者 9楼发表于: 2011-10-28

http://doc.qt.nokia.com/stable/stylesheet-examples.html

发帖时要说明：操作系统、Qt版本、编译器，这样能更快的得到回复。

离线inside

新手上路

只看该作者 8楼发表于: 2011-10-28

回 6楼(jorneyr) 的帖子

恩，，谢谢设置了 margin 确实可以了
QTabBar::tab:!selected {
margin-top: 8px;
margin-left: 8px;
margin-right: 8px;
}

离线inside

新手上路

只看该作者 7楼发表于: 2011-10-28

回 5楼(wxj120bw) 的帖子

QTabBar::tab {
color: rgb(84,2,119);
border: 2px solid rgb(68,66,64);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
max-height: 40px;
min-width: 5em;
padding: 2px;
}

QTabWidget::tab-bar {
alignment: left;
}
QTabBar::tab:!selected {
margin-top: 2px;
}
QTabBar::tab:selected {
color: rgb(255,0,128);
}

确实不行我不知道我是不是少设置东西了