QT desiger-QTabWidget用法

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

QT desiger-QTabWidget用法

利用qss编写QTabWidget的美观界面


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

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条宽度*/

 

  • 2
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt Designer是一个用于创建Qt界面的可视化工具。它提供了丰富的界面设计元素和布局选项,可以帮助开发人员快速创建用户界面。关于Qt Designer中的分页,我找到了一个方法来实现它。 在Qt Designer中,可以使用QTabWidget来创建分页效果。QTabWidget是一个容器小部件,可以包含多个标签页,每个标签页可以包含不同的界面元素。 下面是一个简单的示例代码,演示了如何在Qt Designer中使用QTabWidget来创建分页效果: ```python from PyQt5.QtWidgets import QApplication, QMainWindow, QTabWidget, QWidget, QVBoxLayout, QLabel class MainWindow(QMainWindow): def __init__(self): super().__init__() # 创建一个QTabWidget tab_widget = QTabWidget() # 创建两个标签页 tab1 = QWidget() tab2 = QWidget() # 在第一个标签页中添加一些界面元素 layout1 = QVBoxLayout() label1 = QLabel("This is Tab 1") layout1.addWidget(label1) tab1.setLayout(layout1) # 在第二个标签页中添加一些界面元素 layout2 = QVBoxLayout() label2 = QLabel("This is Tab 2") layout2.addWidget(label2) tab2.setLayout(layout2) # 将标签页添加到QTabWidgettab_widget.addTab(tab1, "Tab 1") tab_widget.addTab(tab2, "Tab 2") # 将QTabWidget设置为主窗口的中心部件 self.setCentralWidget(tab_widget) if __name__ == "__main__": app = QApplication([]) window = MainWindow() window.show() app.exec() ``` 这段代码创建了一个主窗口,并在主窗口中添加了一个QTabWidget作为中心部件。然后,创建了两个标签页,并将它们添加到QTabWidget中。每个标签页中都添加了一个简单的标签。 你可以根据需要在每个标签页中添加更多的界面元素,以实现你想要的分页效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值