切换卡控件QTabWidget

切换卡控件QTabWidget 由多页卡片构成,每页卡片就是一个窗口(QWidget)。

可以将不同的控件放到不同的卡片上,这样可以节省界面资源。切换卡控件的外观如图所示,当无法显示全部卡片时,可单击右上角显示滚动按钮。

切换卡控件继承自QWidget。用QTabWidget类创建实例对象的方法如下所示,其中parent 是窗口或者容器类控件。

from PySide6.QtWidgets import QTabWidget

QTabWidget(parent: Union[PySide6.QtWidgets.QWidget,NoneType]=None)-> None 

选项卡小部件提供一个选项卡栏(请参阅)和一个"页面区域",用于显示与每个选项卡相关的页面。默认情况下,选项卡栏显示在页面区域上方,但可以使用不同的配置(请参阅)。每个选项卡都与不同的小部件(称为页面)相关联。页面区域中仅显示当前页面;所有其他页面均处于隐藏状态。用户可以通过单击其选项卡或按其 Alt+字母 快捷方式(如果有)来显示不同的页面。TabPosition

切换卡控件QTabWidget官方说明

选项卡小部件提供了一个选项卡栏（请参阅QTabBar）和一个“页面区域”，用于显示与每个选项卡相关的页面。默认情况下，选项卡栏显示在页面区域上方，但可以使用不同的配置（请参阅TabPosition）。每个选项卡都与一个不同的小部件（称为页面）相关联。页面区域中只显示当前页面；所有其他页面都被隐藏。用户可以通过单击选项卡或按Alt+字母快捷键（如果有）来显示不同的页面。

使用QTabWidget的正常方法是执行以下操作：

• 创建一个QTabWidget。
• 为选项卡对话框中的每个页面创建一个QWidget，但不要为它们指定父窗口小部件。
• 将子窗口小部件插入页面窗口小部件，使用布局将其正常定位。
• 调用addTab（）或insertTab（）将页面小部件放入选项卡小部件中，为每个选项卡提供一个合适的标签和一个可选的键盘快捷键。

选项卡的位置由tabPosition定义，其形状由tabShape定义。

当用户选择页面时，会发出信号currentChanged（）。

当前页面索引可用currentIndex（），即带有currentWidget（）的当前页面小部件。您可以使用widget（）检索指向具有给定索引的页面小部件的指针，并可以使用indexOf（）查找小部件的索引位置。使用setCurrentWidget（）或setCurrentIndex（）来显示特定页面。
您可以使用setTabText（）或setTabIcon（）更改选项卡的文本和图标。可以使用removeTab（）删除选项卡及其关联的页面。

每个选项卡在任何给定时间都是启用或禁用的（请参见setTabEnabled（））。如果启用了某个选项卡，则会正常绘制选项卡文本，用户可以选择该选项卡。如果禁用了该选项卡，则以不同的方式绘制该选项卡，并且用户无法选择该标签。请注意，即使禁用了某个标签，页面仍然可见，例如，如果所有标签都恰好被禁用。

选项卡小部件是拆分复杂对话框的一种非常好的方法。另一种选择是使用QStackedWidget，为其提供一些在页面之间导航的方法，例如QToolBar或QListWidget。

QTabWidget中的大部分功能由QTabBar（位于顶部，提供选项卡）和QStackedWidget（大部分区域，组织单个页面）提供。

切换卡控件QTabWidget 的属性

切换卡控件QTabWidget 的常用方法

正常使用方法是执行以下操作:

• 创建一个QTabWidget

• 为选项卡对话框中的每个页面创建一个QWidget,但不为它们指定父小部件。

• 将子小部件插入到页面小部件中,使用布局将它们正常定位。

• 调用 addTab()或 insertTab()将页面小部件放入选项卡小部件中,为每个选项卡提供带有可选键盘快捷键的合适标签。

制表符的位置由tabPosition定义,形状由tabShape定义。

当用户选择一个页面时,会触发信号currentChanged()。

当前页面索引可用为currentIndex(),即带有currentWidget()的当前页面小部件。您可以使用widget()检索具有给定索引的页面小部件的指针,并且可以使用indexOf()查找小部件的索引位置。使用setCurrentWidget()或setCurrentIndex()来显示特定的页面。

可以使用setTabText()或setTabIcon()更改标签的文本和图标。可以使用removeTab()删除选项卡及其关联页面。

每个选项卡在任何给定时间都是启用或禁用的(参见setTabEnabled())。如果一个选项卡被启用,选项卡文本将正常绘制,用户可以选择该选项卡。如果禁用该选项卡,则该选项卡将以不同的方式绘制,并且用户无法选择该选项卡。注意,即使一个选项卡被禁用,页面仍然是可见的,例如,如果所有的选项卡都被禁用。

标签小部件是拆分复杂对话框的好方法。另一种方法是使用QStackedWidget,为其提供一些在页面之间导航的方法,例如QToolBar或QListWidget。

QTabWidget中的大部分功能是由QTabBar(在顶部,提供选项卡)和QStackedWidget(大部分区域,组织各个页面)提供的。

切换卡控件QTabWidget 的常用方法如表所示主要方法介绍如下。

切换卡的每页卡片都是一个窗口(QWidget)或者从QWidget继承的可视化子类因此添加卡片时,需要实例化的QWidget。

• QTabWidget 添加卡片的方法是 addTab(QWidget,label:str)和 addTab(QWidget,QIcon,label:str)

  • QWidger 是继承自QWidget 的实例
  • label是卡片标题的名称,可以在名称中添加"&"和字母设置快捷键;
  • QIcon 是卡片的图标,
  • 卡片的索引从0开始。

• 在某个位置插入卡片用insertTab(index; int,QWidget,label: str)和 insertTab(index: int,QWidget,QIcon,str)方法;

• 删除所有卡片用clear()方法;

• 删除索引号是int 的卡片用removeTab(index:int)方法;

• 卡片标题可以用setTabText(index:int,str)方法设置,其中参数index是卡片的索引。

• 卡片标题栏可以放到上、下左、右位置

  • 卡片标题的位置用setTabPosition(QTabWidget.TabPosition)方法设置,其中参数 QTabWidget.TabPosition 可以取:

    PySide6.QtWidgets.QTabWidget.TabPosition 此枚举类型定义QTabWidget绘制选项卡行的位置：

    Constant	Description
    QTabWidget.North	选项卡绘制在页面上方。
    QTabWidget.South	选项卡绘制在页面下方。
    QTabWidget.West	选项卡绘制在页面的左侧。
    QTabWidget.East	选项卡绘制在页面的右侧。

• 标题栏的位置如图所示

  • 可以用tabPosition()方法获取标题栏的位置。

• 卡片标题栏的形状

  • 用setTabShape(QTabWidget.TabShape)方法定义,其中参数QTabWidget.TabShape可以取 :

    PySide6.QtWidgets.QTabWidget.TabShape 此枚举类型定义选项卡的形状：

    Constant	Description
    QTabWidget.Rounded	选项卡以圆形外观绘制。这是默认形状。
    QTabWidget.Triangular	选项卡以三角形外观绘制。

  • 用tabShap()方法可以获取标题栏的形状。

• 如果显示标题栏文字的空间不足,可以用省略号来表示。

  • 用setElideMode(Qt.TextElideMode)方法设置卡片标题栏文字在显示空间不足时的省略号显示方式,其中参数 Qt.TextElideMode 可以取:

    PySide6.QtCore.Qt.TextElideMode 此枚举指定在显示不适合的文本时省略号应出现的位置：

    Constant	Description
    Qt.ElideLeft	省略号应该出现在文本的开头。
    Qt.ElideRight	省略号应该出现在文本的末尾。
    Qt.ElideMiddle	省略号应该出现在文本的中间。
    Qt.ElideNone	文本中不应出现省略号。

    Qt:：ElideMiddle通常是URL最合适的选择（例如，“http://bugreports.qt…/QTWEBSITE-13/”），而Qt:：ElideRight适用于其他字符串（例如，“在Ma上部署应用程序…”）。

• 当卡片较多时,父窗口中无法显示出所有的卡片标题,这时可以用滚动条来显示出被隐藏的卡片。

  • 用setUsesScrollButtons(bool)方法设置是否有滚动按钮。每页卡片显示时,默认为有框架并呈立体形状显示在父窗口上。
  • 用setDocumentMode(bool)方法设置卡片是否有框架,如果没有框架,则卡片上内容与父窗口看起来是一个整体。

• 当setTabsClosable(bool)为 True 时,卡片的标题栏上显示关闭标识,单击该关闭标识,可发送tabCloseRequested(int)信号。

• 用setCornerWidget(QWidget, PySide6.QtCore.Qt.Corner)方法可以在 QTabWidget 的右上角下角、左上角和左下角处放置控件,例如放置标签、单击按钮等,其中参数PySide6.QtCore.Qt.Corner 可以取:

  PySide6.QtCore.Qt.Corner 此枚举类型指定矩形中的角点：

  Constant	Description
  Qt.TopLeftCorner	矩形的左上角。
  Qt.TopRightCorner	矩形的右上角。
  Qt.BottomLeftCorner	矩形的左下角。
  Qt.BottomRightCorner	矩形的右下角。

  用cornerWidget(Qt.Corner)方法可以获取角上的控件

• 用setTabBarAutoHide(bool)方法可以设置当只有1张卡片时,卡片标题是否自动隐藏。

枚举值

• PySide6.QtWidgets.QTabWidget.TabPosition

  这个枚举类型定义了QTabWidget在哪里绘制选项卡行:

  Constant	Description
  QTabWidget.North	标签画在页面上方。
  QTabWidget.South	标签画在页面下方。
  QTabWidget.West	标签被画在页面的左边。
  QTabWidget.East	标签被画在页面的右边。

• PySide6.QtWidgets.QTabWidget.TabShape

  这个枚举类型定义了制表符的形状

  Constant	Description
  QTabWidget.Rounded	标签以圆形外观绘制。这是默认的形状。
  QTabWidget.Triangular	标签被画成三角形。

切换卡控件QTabWidget的信号

切换卡控件QTabWidget的信号如表所示

切换卡标签栏QTabBar

QTabBar类提供了一个标签栏,例如在标签对话框中使用。

from PySide6.QtWidgets import QTabBar

QTabBar(parent: Union[PySide6.QtWidgets.QWidget,NoneType] = None)-> None

用给定的.parent创建一个新的标签栏

QTabBar易于使用; 它使用预定义的形状之一绘制选项卡,并在选择选项卡时发出信号。它可以被分类以定制外观和感觉。Qt还提供了现成的QTabWidget。

每个选项卡都有tabText()、可选tabIcon()、可选tabToolTip()、可选tabWhatsThis()和可选tabData()。选项卡的属性可以使用setTabText()、setTabIcon()、setTabToolTip()、setTabWhatsThis和setTabData()进行更改。可以使用setTabEnabled()单独启用或禁用每个选项卡。

每个选项卡可以以不同的颜色显示文本。可以使用tabTextColor()函数找到选项卡的当前文本颜色。使用setTabTextColor()设置特定选项卡的文本颜色。

使用addTab()添加选项卡,或使用insertTab()在特定位置插入选项卡。选项卡的总数由count()给出。可以使用removeTab()从选项卡栏中删除选项卡。通过组合removeTab()和insertTab(),您可以将选项卡移动到不同的位置。

"形状"属性定义选项卡的外观。形状的选择是品味的问题,尽管标签对话框(用于偏好和类似)总是使用RoundedNorth。除对话框之外的windows中的选项卡控件几乎总是使用RoundedSouth或三角形南。许多电子表格和其他选项卡控件(其中所有页面基本上都是相似的)都使用三角形南,而RoundedSouth主要在页面不同时使用(例如多页工具调色板)。QTabBar中的默认值为RoundedNorth。

QTabBar API最重要的部分是currentchange()信号。每当当前选项卡更改时(即使在启动时,当当前选项卡从"无"更改时),也会发出此消息。还有一个插槽setCurrentIndex(),可用于以编程方式选择选项卡。函数currentIndex()返回当前选项卡的索引,count保存选项卡的数量。

QTabBar以qabstract按钮的方式创建自动助记键; 例如,如果选项卡的标签为"& Graphics",则Alt G将成为切换到该选项卡的快捷键。

可能需要重新实现以下虚拟功能,以调整外观和感觉或在每个选项卡中存储额外数据:

• tabSizeHint()计算选项卡的大小。
• tabInserted()通知已添加新选项卡。
• tabRemoved()通知标签已被移除。
• tabLayoutChange()通知标签已重新布置。
• paintEvent()绘制所有标签。

对于子类,您可能还需要tabRect()函数,该函数返回单个选项卡的视觉几何图形。

融合小部件样式中显示的选项卡栏。

融合小部件样式中显示的截断选项卡栏。

切换卡标签栏QTabBar属性

切换卡标签栏QTabBar的方法

• QTabBar使用起来很简单;它使用一个预定义的选项卡绘制选项卡,并在选项卡被选中时发出信号。它可以被子类化以定制外观和感觉。Qt还提供了一个现成的QTabWidget .shapes

• 每个选项卡都有一个tabText(),一个可选的tabIcon(),一个可选的tabToolTip(),一个可选的tabWhatsThis()和一个可选的tabData()。选项卡的属性可以通过setTabText(),setTabIcon(),setTabToolTip(),setTabWhatsThis和setTabData()来改变。每个选项卡都可以使用setTabEnabled()单独启用或禁用。

• 每个选项卡都可以以不同的颜色显示文本。标签的当前文本颜色可以通过tabTextColor()函数找到。使用setTabTextColor()设置特定选项卡的文本颜色。

• 使用addTab()添加选项卡,或使用insertTab()插入特定位置。制表符的总数由count()给出。可以使用removeTab()从选项卡栏中删除选项卡。结合removeTab()和insertTab()可以将制表符移动到不同的位置。

• shape属性定义了选项卡的外观。形状的选择取决于个人喜好,尽管总是使用标签对话框(用于首选项和类似选项)。除了对话框之外,窗口中的选项卡控件几乎总是使用非此即彼。许多电子表格和其他选项卡控件,其中所有的页面基本上都是相似的使用,而大多数情况下使用的页面是不同的(例如,多页工具面板)。QTabBar默认的是:

  • roundednorth
  • roundedsouth
  • triangularsouth
  • triangularsouth
  • roundedsouth
  • throundednorth

• QTabBar API中最重要的部分是currentChanged()信号。当当前选项卡发生变化时(甚至在启动时,当当前选项卡从’none’改变时)都会触发。还有一个插槽setCurrentIndex(),可用于以编程方式选择一个选项卡。函数currentIndex()返回当前选项卡的索引,count保存选项卡的数量。

• QTabBar以QAbstractButton的方式创建自动助记键;例如,如果一个选项卡的标签是"&Graphics",Alt+G成为切换到该选项卡的快捷键。

• 以下虚函数可能需要重新实现,以定制外观或为每个选项卡存储额外的数据:

  • tabSizeHint()计算制表符的大小。
  • tabInserted()通知添加了一个新选项卡。
  • tabRemoved()通知一个选项卡已被删除。
  • tabLayoutChange()通知选项卡已重新布局。
  • paintEvent()绘制所有标签。

• 对于子类,您可能还需要tabRect()函数,该函数返回单个选项卡的可视几何图形。

  属性	描述/获取及设置方法
  autoHide: bool	如果为真,当标签栏包含少于2个标签时,标签栏将自动隐藏。 默认情况下,此属性为false。 autoHide()setAutoHide(hide)
  changeCurrentOnDrag: bool	如果为真,当拖动到标签栏时,当前标签会自动改变。默认情况下,此属性为false。 changeCurrentOnDrag()setChangeCurrentOnDrag(change)
  count: int	此属性保存选项卡栏中的选项卡数量。 count()
  currentIndex: int	此属性保存选项卡栏的可见选项卡的索引。 如果没有当前选项卡,则当前索引为-1。 currentIndex()setCurrentIndex(index)Signal currentChanged(index)
  documentMode: bool	这个属性保留了标签栏是否以适合主窗口的模式呈现。 此属性用于提示样式,以不同的方式绘制选项卡,然后在选项卡小部件中显示它们。在macOS上,这看起来类似于Safari或Sierra的Terminal.app中的选项卡。 documentMode()setDocumentMode(set)
  drawBase: bool	这个属性定义了标签栏是否应该绘制它的基。 如果为真,那么QTabBar绘制一个与样式重叠相关的基底。否则只绘制制表符。 drawBase()setDrawBase(drawTheBase)
  elideMode: TextElideMode	此属性用于保存如何省略标签栏中的文本。 此属性控制在没有足够的空间显示给定标签栏大小的项时如何省略项。 默认情况下,该值依赖于样式。 elideMode()setElideMode(mode)
  expanding: bool	当expand为true时,QTabBar将展开制表符以使用空白空间。缺省值为true。 expanding()setExpanding(enabled)
  iconSize: PySide6.QtCore.QSize	此属性保存标签栏中图标的大小。 默认值是样式相关的。是最大尺寸;较小的图标不会按比例放大。iconsize iconSize()setIconSize(size)
  movable: bool	这个属性保存用户是否可以在标签栏区域内移动标签。 默认情况下,此属性为false; isMovable()setMovable(movable)
  selectionBehaviorOnRemove: SelectionBehavior	当removeTab被调用时,如果被移除的选项卡也是当前的选项卡,那么应该将哪个选项卡设置为当前的。默认值是.SelectRightTab selectionBehaviorOnRemove()setSelectionBehaviorOnRemove(behavior)
  shape: Shape	此属性保存选项卡栏中选项卡的形状。 此属性的可能值由Shape enum描述。 shape()setShape(shape)
  tabsClosable: bool	此属性用于确定一个选项卡栏是否应该在每个选项卡上放置关闭按钮。 当tabsClosable被设置为true时,关闭按钮将出现在选项卡的左边或右边,这取决于样式。当按钮被单击时,信号tabcloserequests将被触发。 缺省值为false。 tabsClosable()setTabsClosable(closable)
  usesScrollButtons: bool	当标签栏有很多标签时,是否应该使用按钮来滚动标签。 当一个选项卡栏中有太多的选项卡时,选项卡栏可以选择扩大它的大小,或者添加按钮,让您可以在选项卡之间滚动。 默认情况下,该值依赖于样式。 usesScrollButtons()setUsesScrollButtons(useButtons)

枚举值

• PySide6.QtCore.Qt.TextElideMode

  这个枚举指定了当显示不合适的文本时,省略号应该出现在哪里:

  Constant	Description
  Qt.ElideLeft	省略号应出现在正文的开头。
  Qt.ElideRight	省略号应出现在正文的末尾。
  Qt.ElideMiddle	省略号应出现在正文中间。
  Qt.ElideNone	省略不应该出现在文本中。

• PySide6.QtCore.Qt.Corner

  这个枚举类型指定矩形中的一个角:

  Constant	Description
  Qt.TopLeftCorner	矩形的左上角。
  Qt.TopRightCorner	矩形的右上角。
  Qt.BottomLeftCorner	矩形的左下角。
  Qt.BottomRightCorner	矩形的右下角。

• PySide6.QtWidgets.QTabBar.Shape

  此枚举类型列出QTabBar支持的内置形状。将这些作为提示,因为有些样式可能不会渲染某些形状。然而,地位应该受到尊重。

  Constant	Description
  QTabBar.RoundedNorth	页面上方正常的圆形外观
  QTabBar.RoundedSouth	页面下方正常的圆形外观
  QTabBar.RoundedWest	页面左侧正常的圆形外观
  QTabBar.RoundedEast	页面右侧正常的圆形外观
  QTabBar.TriangularNorth	页面上方的三角形标签。
  QTabBar.TriangularSouth	例如,三角形标签类似于Excel电子表格中使用的标签
  QTabBar.TriangularWest	页面左侧的三角形标签。
  QTabBar.TriangularEast	页面右侧的三角形标签。

• PySide6.QtWidgets.QTabBar.ButtonPosition

  此枚举类型列出小部件在选项卡上的位置。

  Constant	Description
  QTabBar.LeftSide	标签的左侧。
  QTabBar.RightSide	标签的右边。

• PySide6.QtWidgets.QTabBar.SelectionBehavior

  该enum类型列出了当一个选项卡被移除时QTabBar的行为,并且被移除的选项卡也是当前的选项卡。

  Constant	Description
  QTabBar.SelectLeftTab	选择要删除的选项卡左边的选项卡。
  QTabBar.SelectRightTab	选择要删除的选项卡右侧的选项卡。
  QTabBar.SelectPreviousTab	选择前面选择的选项卡。

切换卡标签栏QTabBar的信号

实例

import sys
from PySide6.QtCore import *
from PySide6.QtGui import *
from PySide6.QtWidgets import *
import os

os.chdir(os.path.dirname(__file__))


class TabDemo(QWidget):
    def __init__(self,parent=None):
        super(TabDemo,self).__init__(parent)
        self.tabWidget = QTabWidget(self)
        self.tab1 = QWidget()
        self.tab2 = QWidget()
        self.tab3 = QWidget()
        self.tabWidget.addTab(self.tab1,"Page 0")
        self.tabWidget.insertTab(1,self.tab2,"Page 1")
        self.tabWidget.addTab(self.tab3,"Page 2")
        self.tab1Init()
        self.tab2Init()
        self.tab3Init()

        # 修改选项卡默认信息
        self.tabWidget.setTabShape(self.tabWidget.TabShape.Triangular)
        self.tabWidget.setTabPosition(self.tabWidget.TabPosition.South)

        pageComboBox = QComboBox()
        pageComboBox.addItem("Goto Page 0")
        pageComboBox.addItem("Goto Page 1")
        pageComboBox.addItem("Goto Page 2")
        # 导航与页面链接
        pageComboBox.activated.connect(self.tabWidget.setCurrentIndex)

        vlayout = QVBoxLayout(self)
        self.label = QLabel('用来显示信息')
        vlayout.addWidget(pageComboBox)
        vlayout.addWidget(self.label)
        vlayout.addWidget(self.tabWidget)
        self.setLayout(vlayout)

        self.setWindowTitle("QTabWidget 例子")
        self.resize(400,200)

        self.tabWidget.currentChanged.connect(self.tabChanged)

    def tab1Init(self):
        layout = QFormLayout()
        line1 = QLineEdit()
        line2 = QLineEdit()
        layout.addRow("姓名",line1)
        layout.addRow("电话",line2)
        self.tab1.setLayout(layout)
        self.tabWidget.setTabText(0,"联系方式")
        line1.editingFinished.connect(lambda: self.label.setText(f'page0,更新了姓名:{line1.text()}'))
        line2.editingFinished.connect(lambda: self.label.setText(f'page0,更新了电话:{line2.text()}'))

    def tab2Init(self):
        layout = QFormLayout()
        sex = QHBoxLayout()
        radio1 = QRadioButton("男")
        radio2 = QRadioButton("女")
        sex.addWidget(radio1)
        sex.addWidget(radio2)
        layout.addRow(QLabel("性别"),sex)
        line = QLineEdit()
        layout.addRow("教育程度",line)
        self.tab2.setLayout(layout)
        self.tabWidget.setTabText(1,"个人信息")
        self.tabWidget.setTabToolTip(1,'更新:个人信息')
        self.tabWidget.setTabIcon(1,QIcon(r'images/cartoon1.ico'))
        self.tabWidget.tabBar().setTabTextColor(1,QColor(40,120,120))

        radio1.clicked.connect(lambda: self.label.setText('page 1 更新了性别:男'))
        radio2.clicked.connect(lambda: self.label.setText('page 1 更新了性别:女'))
        line.editingFinished.connect(lambda: self.label.setText(f'page1,更新了教育程度:{line.text()}'))

    def tab3Init(self):
        layout = QHBoxLayout()
        check1 = QCheckBox('一等奖')
        check2 = QCheckBox('二等奖')
        check3 = QCheckBox('三等奖')
        layout.addWidget(check1)
        layout.addWidget(check2)
        layout.addWidget(check3)
        self.tab3.setLayout(layout)
        self.tabWidget.setTabText(2,"获奖情况")
        self.tabWidget.setTabToolTip(2,'更新:获奖情况')
        self.tabWidget.setTabIcon(2,QIcon(r'images/bao13.png'))
        self.tabWidget.tabBar().setTabTextColor(2,'red')

        _dict = {0: False,2: True,1: True}
        check1.stateChanged.connect(lambda x: self.label.setText(f'page2,更新了"1等奖"获取情况:{_dict[x]}'))
        check2.stateChanged.connect(lambda x: self.label.setText(f'page2,更新了"2等奖"获取情况:{_dict[x]}'))
        check3.stateChanged.connect(lambda x: self.label.setText(f'page2,更新了"3等奖"获取情况:{_dict[x]}'))

    def tabChanged(self,index: int):
        a = self.tabWidget.currentWidget()
        text = self.tabWidget.tabBar().tabText(index)
        self.label.setText(f'切换到页面{index},{text}')


if __name__ =='__main__':
    app = QApplication(sys.argv)
    demo = TabDemo()
    demo.show()
    sys.exit(app.exec())