16,212
社区成员
发帖
与我相关
我的任务
分享【求助】请问下下应该怎么给QTabWidget的整个Tab页添加边框啊？在线等~thanks！
如上图所示我设置的边框只包含了tab里面的内容，而没有包含上面的bar项，请问下该怎么设置啊？
这是我设置的style：
this->setStyleSheet("QTabWidget::pane{ \
border: 1px solid red;}");
谢谢了！
...全文
请发表友善的回复…
发表回复
feiyangqingyun 2017-12-17
- 打赏
- 举报
正解，看来还有高手！
kk999900 2017-03-24
- 打赏
- 举报
看来上面一大堆，都没人说到重点上，只需要把QTabWidget的pane往上移动一个像素不就可以解决了吗？
QTabWidget::pane:top {
top: -1px; /*pane往上移一个像素，盖住tabbar的下面的线条*/
}
QTabWidget::pane:bottom {
bottom: -1px; /*pane往下移一个像素，盖住tabbar的上面的线条*/
}
QTabWidget::pane:left { /*这里可能是bug，这里的left对应的其实是east的tabwidget*/
right: -1px; /*pane往右移一个像素，盖住tabbar的左面的线条*/
}
QTabWidget::pane:right { /*这里可能是bug，这里的right对应的其实是west的tabwidget*/
left: -1px; /*pane往左移一个像素，盖住tabbar的右面的线条*/
}
kerwin liu 2017-02-13
- 打赏
- 举报
QTabWidget::pane 这个不要设置 如帮助文档中“A Windows Vista style tab widget.” 效果图，你再设置边为红色就ok了
赌书泼茶香 2016-05-05
- 打赏
- 举报
是不是要这个效果
QTabWidget {\n font: 12pt "微软雅黑";\n}\nQTabWidget::pane {\n /*top: -1px;*/\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border: 1px solid rgb(220, 220, 220);\n border-top: none;\n background-color: rgb(255, 255, 255);\n}\nQTabWidget::tab-bar {\n border-color: 1px solid rgb(0, 0, 0);\n}\nQTabBar::tab:first {\n font: 12pt "微软雅黑";\n border: 1px solid rgb(220, 220, 220);\n}\nQTabBar::tab {\n width: 100px;\n height: 60px;\n font: 12pt "微软雅黑";\n border: 1px solid rgb(220, 220, 220);\n border-left: none;\n background-color: rgb(250, 250, 250);\n}\nQTabBar::tab:hover {\n color: rgba(56, 173, 255, 150);\n background-color: rgba(255, 255, 255, 50);\n}\nQTabBar::tab:selected {\n border-bottom: 1px solid rgb(255, 255, 255);\n color: rgb(56, 173, 255);\n background-color: rgb(255, 255, 255);\n}\nQTabBar:tab:only-one {\n width: 100px;\n height: 60px;\n border: 1px solid rgb(220, 220, 220);\n border-bottom: 1px solid rgb(255, 255, 255);\n background-color: rgb(255, 255, 255);\n}\n
just59277 2016-04-01
- 打赏
- 举报
是不是 可以把内容页的背景色设置成边框外不一样的，然后把边框都去掉，只有tabbar left top right 三个的边框
Willib 2016-03-04
- 打赏
- 举报
Willib 2016-03-03
- 打赏
- 举报
Willib 2016-03-03
- 打赏
- 举报
这个问题真的无解了么。。
Willib 2016-03-03
- 打赏
- 举报
this->setStyleSheet("QTabWidget:pane{ \
border: 1px solid red;}\
QTabBar::tab:selected{border:1px solid red; border-bottom-color:none;}\
");
这是我现在设置的样式，但是tab和pane之间的边框还是没法去掉，
void_main_void 2016-03-03
- 打赏
- 举报
看错了。tablewidget 我就不清楚了。。。
void_main_void 2016-03-03
- 打赏
- 举报
给QWidget加边框颜色我自己的土方法是 创建4个QWidge。宽度设置1.然后设置4个QWidget的背景颜色。再通过Layout布局插入。。
QWidget本身是没办法设置边框颜色的。
Willib 2016-03-02
- 打赏
- 举报
谢谢你的回复哈！
不过这样弄还是不行诶，我想弄的是在点击某个tab页时，设置该页的边框，就像我上面贴的图那样，在边框在bar和content widget之间是没有边框的，就是我打了插那里想把它去掉，
Willib 2016-03-02
- 打赏
- 举报
你说的那部分属于QTabBar
可以参考下：
QTabWidget::pane {
border: none;
border-top: 3px solid rgb(0, 160, 230);
background: rgb(57, 58, 60);
}
QTabWidget::tab-bar {
border: none;
}
QTabBar::tab {
border: 1px solid transparent;
color: white;
background: transparent;
height: 22px;
min-width: 75px;
}
QTabBar::tab:hover {
background: rgb(0, 180, 255);
}
QTabBar::tab:selected {
background: rgb(0, 160, 230);
}[/quote]
谢谢你的回复哈！！
这样的设置我开始也有试过哈，但是没能实现我的需求呢，我的需求是能够实现当鼠标点击某个tab页时，给当前tab页添加一个完整的边框，就像我上面贴的图那样，我想的是应该会有相应的style设置来实现的，但是还没能弄出来！=.=
画茧自缚 2016-03-02
- 打赏
- 举报
ui->tabWidget->setStyleSheet("QTabWidget::pane{border:1px solid red;} QTabBar::tab{border:1px solid red;}");
一去丶二三里 2016-03-02
- 打赏
- 举报
你说的那部分属于QTabBar
可以参考下：
QTabWidget::pane {
border: none;
border-top: 3px solid rgb(0, 160, 230);
background: rgb(57, 58, 60);
}
QTabWidget::tab-bar {
border: none;
}
QTabBar::tab {
border: 1px solid transparent;
color: white;
background: transparent;
height: 22px;
min-width: 75px;
}
QTabBar::tab:hover {
background: rgb(0, 180, 255);
}
QTabBar::tab:selected {
background: rgb(0, 160, 230);
}
Willib 2016-03-02
- 打赏
- 举报
http://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qtabwidget-and-qtabbar
这上面也没有看到怎么设置
