QT desiger-QTabWidget用法

 这里是0基础学习的非专业Python小白,以下内容只为记录学习过程,仅供参考

QT desiger-QTabWidget用法

利用qss编写QTabWidget的美观界面


通过我的理解介绍界面构造

QT desiger-QTabWidget用法_第1张图片

QWidget
    background(窗体改色)
    border

QTabWidget
    font(改变tab字体能撑大tab框)

QTabWidget::pane窗格
    border(和QWidget的border一样修改的是QWidget窗口边框)
    top(让tab上下移动)

QTabWidget::tab-bar(只能改tab的位置)
    alignment:center
    left
    right
    ......

QTabBar
    background(tab边框改色)
    font(改变tab字体能撑大tab框)
    border(border-color与background效果一致,谁先谁生效)
    
QTabBar::tab
    background(tab改色)
    border
    font(改变tab字体但不能撑大tab框)
    hight(改变tab窗高度)
    width(改变tab窗宽度)
    


QTabWidget::pane{								/*选定Tab组件的窗格*/
    border:none;								/*设置窗格的边框线条为无*/  
	top: -15px;} 								/*将窗格向下移*/

QTabWidget::tab-bar{							/*选中Tab组件的tab条*/
	alignment:center;}							/*定位居中*/

QWidget{										/*选中组件/*/
	background-color: rgb(225, 225, 225);}		/*设置组件整体背景颜色*/


QTabBar::tab:selected{							/*当Tab条的tab被选中*/
	background-color: rgb(85, 170, 255);}		/*改变被选中tab的颜色*/


QTabBar::tab{									/*选中Tab条的tab条*/
	background-color: rgb(255, 255, 255);		/*设置初始tab条颜色*/	
	border: none;								/*设置tab条的边框线条为无*/
	border-radius: 5px; 						/*设置tab条的边框倒角半径*/
	font-size:20px;								/*设置tab条文字大小*/
	height: 30px;								/*设置tab条高度*/
	width:100px;}								/*设置tab条宽度*/

 

你可能感兴趣的:(qt5,ui)