PyQT5實現選項卡窗口、堆棧窗口、停靠窗口、子窗口

一、選項卡控件QTabWidget

import sys

# 使用調色板等
from PyQt5.QtGui import QIcon
# 導入QT,其中包含一些常量,例如顏色等
# 導入常用組件
from PyQt5.QtWidgets import QApplication, QMainWindow, QWidget, QTabWidget
from PyQt5.QtWidgets import QFormLayout, QLineEdit,QLabel

from PyQt5.QtGui import QMovie,QPixmap

class DemoWin(QMainWindow):
 def __init__(self):
  super(DemoWin, self).__init__()
  self.initUI()

 def initUI(self):
  # 將窗口設置為動圖大小
  self.setFixedSize(500, 300)
  self.tab1 = QWidget()
  self.tab2 = QWidget()
  self.tab3 = QWidget()

  self.tabwidget = QTabWidget(self)
  self.tabwidget.resize(500, 300)
  self.tabwidget.addTab(self.tab1, "選項卡1")
  self.tabwidget.addTab(self.tab2, "選項卡2")
  self.tabwidget.addTab(self.tab3, "選項卡3")

  # 分別加載三個Tab的內容
  self.tab1UI()
  self.tab2UI()
  self.tab3UI()

  # 添加窗口標題
  self.setWindowTitle("TabWidgetDemo")

 def tab1UI(self):
  layout = QFormLayout()
  layout.addRow('姓名', QLineEdit())
  layout.addRow('年齡', QLineEdit())
  layout.addRow('住址', QLineEdit())
  self.tab1.setLayout(layout)

 def tab2UI(self):
  label = QLabel("",self.tab2)
  movie = QMovie("./images/timg.gif")
  label.setMovie(movie)
  movie.start()

 def tab3UI(self):
  label = QLabel("",self.tab3)
  label.setPixmap(QPixmap("./images/ailusha.png"))

if __name__ == '__main__':
 app = QApplication(sys.argv)
 app.setWindowIcon(QIcon("images/icon.ico"))
 # 創建一個主窗口
 mainWin = DemoWin()
 # 顯示
 mainWin.show()
 # 主循環
 sys.exit(app.exec_())

實現效果:

二、堆棧窗口QStackedWidget

import sys

# 使用調色板等
from PyQt5.QtGui import QIcon
# 導入QT,其中包含一些常量,例如顏色等
# 導入常用組件
from PyQt5.QtWidgets import QApplication, QMainWindow, QWidget, QTabWidget, QListWidget
from PyQt5.QtWidgets import QFormLayout, QLineEdit, QLabel, QStackedWidget, QHBoxLayout

from PyQt5.QtGui import QMovie, QPixmap


class DemoWin(QWidget):
 def __init__(self):
  super(DemoWin, self).__init__()
  self.initUI()

 def initUI(self):
  # 將窗口設置為動圖大小
  self.setFixedSize(600, 300)

  self.list = QListWidget()
  self.list.setMaximumWidth(100)

  # 設置列表內容(stack的索引)
  self.list.insertItem(0, '個人信息')
  self.list.insertItem(1, '動畫')
  self.list.insertItem(2, '圖片')

  # 創建三個stack頁面
  self.stack1 = QWidget()
  self.stack2 = QWidget()
  self.stack3 = QWidget()

  # 分別加載三個Stack的內容
  self.stack1UI()
  self.stack2UI()
  self.stack3UI()

  # 將三個stack頁面加入stackWidget
  self.stackWidget = QStackedWidget()
  self.stackWidget.addWidget(self.stack1)
  self.stackWidget.addWidget(self.stack2)
  self.stackWidget.addWidget(self.stack3)

  hbox = QHBoxLayout()
  hbox.addWidget(self.list)
  hbox.addWidget(self.stackWidget)
  self.setLayout(hbox)

  # 為List綁定事件,當條目改變時,切換stack(重要)
  self.list.currentRowChanged.connect(self.stackSwitch)

  # 添加窗口標題
  self.setWindowTitle("StackWidgetDemo")

 def stack1UI(self):
  layout = QFormLayout()
  layout.addRow('姓名', QLineEdit())
  layout.addRow('年齡', QLineEdit())
  layout.addRow('住址', QLineEdit())
  self.stack1.setLayout(layout)

 def stack2UI(self):
  label = QLabel("", self.stack2)
  movie = QMovie("./images/timg.gif")
  label.setMovie(movie)
  movie.start()

 def stack3UI(self):
  label = QLabel("", self.stack3)
  label.setPixmap(QPixmap("./images/ailusha.png"))

 # 切換list時觸發槽函數切換Stack
 def stackSwitch(self, index):
  self.stackWidget.setCurrentIndex(index)


if __name__ == '__main__':
 app = QApplication(sys.argv)
 app.setWindowIcon(QIcon("images/icon.ico"))
 # 創建一個主窗口
 mainWin = DemoWin()
 # 顯示
 mainWin.show()
 # 主循環
 sys.exit(app.exec_())

實現效果:

三、停靠控件QDockWidget

import sys

# 使用調色板等
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QIcon
# 導入QT,其中包含一些常量,例如顏色等
# 導入常用組件
from PyQt5.QtWidgets import QApplication, QMainWindow, QListWidget
from PyQt5.QtWidgets import QLineEdit, QDockWidget


class DemoWin(QMainWindow):
 def __init__(self):
  super(DemoWin, self).__init__()
  self.initUI()

 def initUI(self):
  # 將窗口設置為動圖大小
  self.setFixedSize(600, 400)
  # 創建一個DockWidget
  self.items = QDockWidget()

  # 定義一些內容(放到DockWidget中)
  self.listWidget = QListWidget()
  self.listWidget.setFixedSize(150, 300)
  self.listWidget.addItem('item1')
  self.listWidget.addItem('item2')
  self.listWidget.addItem('item3')
  self.items.setWidget(self.listWidget)
  # 將DockWidget加到主窗口中,默認停靠在右邊
  self.addDockWidget(Qt.RightDockWidgetArea, self.items)
  # 給主窗口添加一些控件
  self.setCentralWidget(QLineEdit())

  # 添加窗口標題
  self.setWindowTitle("DockWidgetDemo")


if __name__ == '__main__':
 app = QApplication(sys.argv)
 app.setWindowIcon(QIcon("images/icon.ico"))
 # 創建一個主窗口
 mainWin = DemoWin()
 # 顯示
 mainWin.show()
 # 主循環
 sys.exit(app.exec_())

實現效果:

四、容納多文檔窗口(多子窗口)

import sys

# 使用調色板等
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QIcon
# 導入QT,其中包含一些常量,例如顏色等
# 導入常用組件
from PyQt5.QtWidgets import QApplication, QMainWindow, QTextEdit
from PyQt5.QtWidgets import QMdiArea, QMdiSubWindow


class DemoWin(QMainWindow):
 count = 0

 def __init__(self):
  super(DemoWin, self).__init__()
  self.initUI()

 def initUI(self):
  # 將窗口設置為動圖大小
  self.setFixedSize(800, 500)
  self.mdi = QMdiArea()
  bar = self.menuBar()
  file = bar.addMenu("SubWin")
  file.addAction("New")
  file.addAction("Cascade")
  file.addAction("Tiled")

  file.triggered.connect(self.windowAction)

  self.setCentralWidget(self.mdi)

  # 添加窗口標題
  self.setWindowTitle("SubWindowDemo")

 def windowAction(self, q):
  # 當點擊菜單欄中的New時,新建一個子窗口
  if q.text() == "New":
   # 為子窗口計數
   DemoWin.count = DemoWin.count + 1
   # 創建一個子窗口
   sub = QMdiSubWindow()
   # 為子窗口添加一個TextEdit控件
   sub.setWidget(QTextEdit())
   self.mdi.addSubWindow(sub)
   sub.show()
  elif q.text() == "Cascade": # 當點擊菜單欄中的Cascade時,堆疊子窗口
   self.mdi.cascadeSubWindows()
  elif q.text() == "Tiled": # 當點擊菜單欄中的Tiled時,平鋪子窗口
   self.mdi.tileSubWindows()


if __name__ == '__main__':
 app = QApplication(sys.argv)
 app.setWindowIcon(QIcon("images/icon.ico"))
 # 創建一個主窗口
 mainWin = DemoWin()
 # 顯示
 mainWin.show()
 # 主循環
 sys.exit(app.exec_())

實現效果:

到此這篇關於PyQT5實現選項卡窗口、堆棧窗口、停靠窗口、子窗口的文章就介紹到這瞭,更多相關PyQT5 窗口 內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀:

    None Found