GUI编程--PyQt5--QTabWidget

组件使用

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();
}