文章目录
- 组件使用
- 信号
- 样式设置
组件使用
QTabWidget 页签
信号
self._ui = Ui_Sub()
self._ui.setupUi(right)
# 切换tab页
self._ui.tabWidget.currentChanged.connect(self.tab_slot)
def tab_slot(self):
cur_index = self._ui.tabWidget.currentIndex()
tab_name = self._ui.tabWidget.tabText(cur_index)
print("current tab:", tab_name)
样式设置
QTabBar
{
border: 1px solid blue;
background: #1c1c1e;
margin:0 0 5px 0;
padding: 2px;
}
QTabBar::tab:selected{
width:100px;
height: 40px;
border: 1px dashed red;
background: #eee;
border-top-left-radius: 10px;
margin: 0;
padding: 1px;
}
QTabBar::tab:!selected{
font-size: 16px;
font-weight: 200;
font-family: "xxx";
color: black;
}
QTabBar::tab:hover{
background-color: #aaa;
}
QTabWidget::pane{
background-color: lightblue;
border: 5px dashed red;
}
其他
QTabBar QToolButton::right-arrow
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::right-arrow:hover
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::right-arrow:pressed
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::right-arrow:disabled
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::left-arrow
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::left-arrow:disabled
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::left-arrow:hover
{
background-color:#1c1c1e;
border:none;
image:url();
}
QTabBar QToolButton::left-arrow:pressed
{
background-color:#1c1c1e;
border:none;
image:url();
}