原文： http://zetcode.com/wxpython/skeletons/

在本节中，我们将创建一些应用框架。 我们的脚本将制定出接口，但不会实现该功能。 目的是展示如何在 wxPython 中完成几个众所周知的 GUI 界面。

文件管理器

文件监视器是文件管理器的骨架。 它复制了 Krusader 的监视，Krusader 是 Unix 系统上可用的文件管理器。 如果我们双击拆分器小部件，它将把文件监视器分成宽度相同的两个部分。 如果我们调整主窗口的大小，也会发生同样的情况。

file_hunter.py

  1. #!/usr/bin/env python3
  2. # -*- coding: utf-8 -*-
  4. """
  5. ZetCode wxPython tutorial
  7. This program creates a skeleton
  8. of a file manager UI.
  10. author: Jan Bodnar
  11. website: zetcode.com
  12. last edited: May 2018
  13. """
  15. import wx
  16. import os
  17. import time
  19. ID_BUTTON=100
  20. ID_EXIT=200
  21. ID_SPLITTER=300
  23. class MyListCtrl(wx.ListCtrl):
  25.     def __init__(self, parent):
  26.         wx.ListCtrl.__init__(self, parent, style=wx.LC_REPORT)
  28.         images = ['images/empty.png', 'images/folder.png', 'images/source-py.png',
  29.               'images/image.png', 'images/pdf.png', 'images/up16.png']
  31.         self.InsertColumn(0, 'Name')
  32.         self.InsertColumn(1, 'Ext')
  33.         self.InsertColumn(2, 'Size', wx.LIST_FORMAT_RIGHT)
  34.         self.InsertColumn(3, 'Modified')
  36.         self.SetColumnWidth(0, 220)
  37.         self.SetColumnWidth(1, 70)
  38.         self.SetColumnWidth(2, 100)
  39.         self.SetColumnWidth(3, 420)
  41.         self.il = wx.ImageList(16, 16)
  43.         for i in images:
  45.             self.il.Add(wx.Bitmap(i))
  47.         self.SetImageList(self.il, wx.IMAGE_LIST_SMALL)
  49.         j = 1
  51.         self.InsertItem(0, '..')
  52.         self.SetItemImage(0, 5)
  54.         files = os.listdir('.')
  56.         for i in files:
  58.             (name, ext) = os.path.splitext(i)
  59.             ex = ext[1:]
  60.             size = os.path.getsize(i)
  61.             sec = os.path.getmtime(i)
  63.             self.InsertItem(j, name)
  64.             self.SetItem(j, 1, ex)
  65.             self.SetItem(j, 2, str(size) + ' B')
  66.             self.SetItem(j, 3, time.strftime('%Y-%m-%d %H:%M', time.localtime(sec)))
  68.             if os.path.isdir(i):
  69.                 self.SetItemImage(j, 1)
  70.             elif ex == 'py':
  71.                 self.SetItemImage(j, 2)
  72.             elif ex == 'jpg':
  73.                 self.SetItemImage(j, 3)
  74.             elif ex == 'pdf':
  75.                 self.SetItemImage(j, 4)
  76.             else:
  77.                 self.SetItemImage(j, 0)
  79.             if (j % 2) == 0:
  81.                 self.SetItemBackgroundColour(j, '#e6f1f5')
  83.             j = j + 1
  85. class Example(wx.Frame):
  87.     def __init__(self, *args, **kw):
  88.         super(Example, self).__init__(*args, **kw)
  90.         self.InitUI()
  92.     def InitUI(self):
  94.         self.splitter = wx.SplitterWindow(self, ID_SPLITTER, style=wx.SP_BORDER)
  95.         self.splitter.SetMinimumPaneSize(50)
  97.         p1 = MyListCtrl(self.splitter)
  98.         p2 = MyListCtrl(self.splitter)
  99.         self.splitter.SplitVertically(p1, p2)
  101.         self.Bind(wx.EVT_SIZE, self.OnSize)
  102.         self.Bind(wx.EVT_SPLITTER_DCLICK, self.OnDoubleClick, id=ID_SPLITTER)
  104.         filemenu= wx.Menu()
  105.         filemenu.Append(ID_EXIT, "E&xit"," Terminate the program")
  106.         editmenu = wx.Menu()
  107.         netmenu = wx.Menu()
  108.         showmenu = wx.Menu()
  109.         configmenu = wx.Menu()
  110.         helpmenu = wx.Menu()
  112.         menuBar = wx.MenuBar()
  113.         menuBar.Append(filemenu, "&File")
  114.         menuBar.Append(editmenu, "&Edit")
  115.         menuBar.Append(netmenu, "&Net")
  116.         menuBar.Append(showmenu, "&Show")
  117.         menuBar.Append(configmenu, "&Config")
  118.         menuBar.Append(helpmenu, "&Help")
  119.         self.SetMenuBar(menuBar)
  120.         self.Bind(wx.EVT_MENU, self.OnExit, id=ID_EXIT)
  122.         tb = self.CreateToolBar( wx.TB_HORIZONTAL | wx.NO_BORDER |
  123.               wx.TB_FLAT)
  125.         tb.AddTool(10, 'Previous', wx.Bitmap('images/previous.png'), shortHelp='Previous')
  126.         tb.AddTool(20, 'Up', wx.Bitmap('images/up.png'), shortHelp='Up one directory')
  127.         tb.AddTool(30, 'Home', wx.Bitmap('images/home.png'), shortHelp='Home')
  128.         tb.AddTool(40, 'Refresh', wx.Bitmap('images/refresh.png'), shortHelp='Refresh')
  129.         tb.AddSeparator()
  130.         tb.AddTool(50, 'Edit text', wx.Bitmap('images/textedit.png'), shortHelp='Edit text')
  131.         tb.AddTool(60, 'Terminal', wx.Bitmap('images/terminal.png'), shortHelp='Terminal')
  132.         tb.AddSeparator()
  133.         tb.AddTool(70, 'Help', wx.Bitmap('images/help.png'), shortHelp='Show help')
  134.         tb.Realize()
  136.         self.sizer2 = wx.BoxSizer(wx.HORIZONTAL)
  138.         button1 = wx.Button(self, ID_BUTTON + 1, "F3 View")
  139.         button2 = wx.Button(self, ID_BUTTON + 2, "F4 Edit")
  140.         button3 = wx.Button(self, ID_BUTTON + 3, "F5 Copy")
  141.         button4 = wx.Button(self, ID_BUTTON + 4, "F6 Move")
  142.         button5 = wx.Button(self, ID_BUTTON + 5, "F7 Mkdir")
  143.         button6 = wx.Button(self, ID_BUTTON + 6, "F8 Delete")
  144.         button7 = wx.Button(self, ID_BUTTON + 7, "F9 Rename")
  145.         button8 = wx.Button(self, ID_EXIT, "F10 Quit")
  147.         self.sizer2.Add(button1, 1, wx.EXPAND)
  148.         self.sizer2.Add(button2, 1, wx.EXPAND)
  149.         self.sizer2.Add(button3, 1, wx.EXPAND)
  150.         self.sizer2.Add(button4, 1, wx.EXPAND)
  151.         self.sizer2.Add(button5, 1, wx.EXPAND)
  152.         self.sizer2.Add(button6, 1, wx.EXPAND)
  153.         self.sizer2.Add(button7, 1, wx.EXPAND)
  154.         self.sizer2.Add(button8, 1, wx.EXPAND)
  156.         self.Bind(wx.EVT_BUTTON, self.OnExit, id=ID_EXIT)
  158.         self.sizer = wx.BoxSizer(wx.VERTICAL)
  159.         self.sizer.Add(self.splitter,1,wx.EXPAND)
  160.         self.sizer.Add(self.sizer2,0,wx.EXPAND)
  161.         self.SetSizer(self.sizer)
  163.         # size = wx.DisplaySize()
  164.         # self.SetSize(size)
  166.         sb = self.CreateStatusBar()
  167.         sb.SetStatusText(os.getcwd())
  169.         self.SetTitle("File Hunter")
  170.         self.Center()
  172.     def OnExit(self, e):
  174.         self.Close(True)
  176.     def OnSize(self, e):
  178.         size = self.GetSize()
  179.         self.splitter.SetSashPosition(size.x / 2)
  181.         e.Skip()
  183.     def OnDoubleClick(self, e):
  185.         size =  self.GetSize()
  186.         self.splitter.SetSashPosition(size.x / 2)
  188. def main():
  190.     app = wx.App()
  191.     ex = Example(None)
  192.     ex.Show()
  193.     app.MainLoop()
  195. if __name__ == '__main__':
  196.     main()

该示例创建一个两面板文件管理器的 UI。

  1. class MyListCtrl(wx.ListCtrl):
  3.     def __init__(self, parent):
  4.         wx.ListCtrl.__init__(self, parent, style=wx.LC_REPORT)

应用的主要区域被wx.ListCtrl小部件占据。

  1. self.il = wx.ImageList(16, 16)
  3. for i in images:
  5.     self.il.Add(wx.Bitmap(i))
  7. self.SetImageList(self.il, wx.IMAGE_LIST_SMALL)

列表控件包含一个列表图像，用于指示文件类型。

  1. files = os.listdir('.')
  3. for i in files:
  5.     (name, ext) = os.path.splitext(i)
  6.     ex = ext[1:]
  7.     size = os.path.getsize(i)
  8.     sec = os.path.getmtime(i)
  9.     ...

我们获取当前工作目录的内容，并确定文件扩展名，大小和最后修改时间。

  1. if os.path.isdir(i):
  2.     self.SetItemImage(j, 1)
  3. elif ex == 'py':
  4.     self.SetItemImage(j, 2)
  5. elif ex == 'jpg':
  6.     self.SetItemImage(j, 3)
  7. elif ex == 'pdf':
  8.     self.SetItemImage(j, 4)
  9. else:
  10.     self.SetItemImage(j, 0)

根据文件扩展名选择文件的图像。

  1. self.splitter = wx.SplitterWindow(self, ID_SPLITTER, style=wx.SP_BORDER)
  2. self.splitter.SetMinimumPaneSize(50)
  4. p1 = MyListCtrl(self.splitter)
  5. p2 = MyListCtrl(self.splitter)
  6. self.splitter.SplitVertically(p1, p2)

我们有两个列表控件，这些控件由拆分器小部件垂直拆分。

  1. menuBar = wx.MenuBar()
  2. menuBar.Append(filemenu, "&File")
  3. menuBar.Append(editmenu, "&Edit")
  4. ...

我们有一个菜单栏。

  1. tb = self.CreateToolBar( wx.TB_HORIZONTAL | wx.NO_BORDER |
  2.       wx.TB_FLAT)
  4. tb.AddTool(10, 'Previous', wx.Bitmap('images/previous.png'), shortHelp='Previous')
  5. tb.AddTool(20, 'Up', wx.Bitmap('images/up.png'), shortHelp='Up one directory')
  6. ...

我们有一个工具栏。

  1. self.sizer2 = wx.BoxSizer(wx.HORIZONTAL)
  3. button1 = wx.Button(self, ID_BUTTON + 1, "F3 View")
  4. button2 = wx.Button(self, ID_BUTTON + 2, "F4 Edit")
  5. button3 = wx.Button(self, ID_BUTTON + 3, "F5 Copy")
  6. button4 = wx.Button(self, ID_BUTTON + 4, "F6 Move")
  7. ...

八个按钮放置在水平大小调整器中，该大小调整器添加到窗口底部。

wxPython 中的应用框架 - 图1

图：文件管理器

电子表格

下面的示例创建电子表格应用的 UI。

spreadsheet.py

  1. #!/usr/bin/env python3
  2. # -*- coding: utf-8 -*-
  4. """
  5. ZetCode wxPython tutorial
  7. This program creates a SpreadSheet UI.
  9. author: Jan Bodnar
  10. website: zetcode.com
  11. last edited: May 2018
  12. """
  14. from wx.lib import sheet
  15. import wx
  17. class MySheet(wx.grid.Grid):
  19.     def __init__(self, *args, **kw):
  20.         super(MySheet, self).__init__(*args, **kw)
  22.         self.InitUI()
  24.     def InitUI(self):
  26.         nOfRows = 55
  27.         nOfCols = 25
  29.         self.row = self.col = 0
  30.         self.CreateGrid(nOfRows, nOfCols)
  32.         self.SetColLabelSize(20)
  33.         self.SetRowLabelSize(50)
  35.         self.Bind(wx.grid.EVT_GRID_SELECT_CELL, self.OnGridSelectCell)
  37.         for i in range(nOfRows):
  38.             self.SetRowSize(i, 20)
  40.         for i in range(nOfCols):
  41.             self.SetColSize(i, 75)
  43.     def OnGridSelectCell(self, e):
  45.         self.row, self.col = e.GetRow(), e.GetCol()
  47.         control = self.GetParent().GetParent().position
  48.         value =  self.GetColLabelValue(self.col) + self.GetRowLabelValue(self.row)
  49.         control.SetValue(value)
  51.         e.Skip()
  53. class Example(wx.Frame):
  55.     def __init__(self, *args, **kw):
  56.         super(Example, self).__init__(*args, **kw)
  58.         self.InitUI()
  60.     def InitUI(self):
  62.         fonts = ['Times New Roman', 'Times', 'Courier', 'Courier New', 'Helvetica',
  63.                 'Sans', 'verdana', 'utkal', 'aakar', 'Arial']
  64.         font_sizes = ['10', '11', '12', '14', '16']
  66.         box = wx.BoxSizer(wx.VERTICAL)
  67.         menuBar = wx.MenuBar()
  69.         menu1 = wx.Menu()
  70.         menuBar.Append(menu1, '&File')
  71.         menu2 = wx.Menu()
  72.         menuBar.Append(menu2, '&Edit')
  73.         menu3 = wx.Menu()
  74.         menuBar.Append(menu3, '&Edit')
  75.         menu4 = wx.Menu()
  76.         menuBar.Append(menu4, '&Insert')
  77.         menu5 = wx.Menu()
  78.         menuBar.Append(menu5, 'F&ormat')
  79.         menu6 = wx.Menu()
  80.         menuBar.Append(menu6, '&Tools')
  81.         menu7 = wx.Menu()
  82.         menuBar.Append(menu7, '&Data')
  83.         menu8 = wx.Menu()
  84.         menuBar.Append(menu8, '&Help')
  86.         self.SetMenuBar(menuBar)
  88.         toolbar1 = wx.ToolBar(self, style= wx.TB_HORIZONTAL)
  90.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/new.png'))
  91.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/open.png'))
  92.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/save.png'))
  94.         toolbar1.AddSeparator()
  96.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/cut.png'))
  97.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/copy.png'))
  98.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/paste.png'))
  99.         toolbar1.AddTool(wx.ID_ANY, '',  wx.Bitmap('images/delete.png'))
  101.         toolbar1.AddSeparator()
  103.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/undo.png'))
  104.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/redo.png'))
  106.         toolbar1.AddSeparator()
  108.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/asc.png'))
  109.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/desc.png'))
  111.         toolbar1.AddSeparator()
  112.         toolbar1.AddTool(wx.ID_ANY, '', wx.Bitmap('images/chart.png'))
  114.         toolbar1.AddSeparator()
  115.         toolbar1.AddTool(wx.ID_ANY, '',  wx.Bitmap('images/exit.png'))
  117.         toolbar1.Realize()
  119.         toolbar2 = wx.ToolBar(self, wx.TB_HORIZONTAL | wx.TB_TEXT)
  121.         self.position = wx.TextCtrl(toolbar2)
  123.         font = wx.ComboBox(toolbar2, value='Times', choices=fonts, size=(100, -1),
  124.                 style=wx.CB_DROPDOWN)
  126.         font_height = wx.ComboBox(toolbar2, value='10', choices=font_sizes,
  127.                 size=(50, -1), style=wx.CB_DROPDOWN)
  129.         toolbar2.AddControl(self.position)
  130.         toolbar2.AddControl(font)
  131.         toolbar2.AddControl(font_height)
  133.         toolbar2.AddSeparator()
  135.         toolbar2.AddCheckTool(wx.ID_ANY, '', wx.Bitmap('images/text-bold.png'))
  136.         toolbar2.AddCheckTool(wx.ID_ANY, '', wx.Bitmap('images/text-italic.png'))
  137.         toolbar2.AddCheckTool(wx.ID_ANY, '', wx.Bitmap('images/text-underline.png'))
  139.         toolbar2.AddSeparator()
  141.         toolbar2.AddTool(wx.ID_ANY, '', wx.Bitmap('images/align-left.png'))
  142.         toolbar2.AddTool(wx.ID_ANY, '', wx.Bitmap('images/align-center.png'))
  143.         toolbar2.AddTool(wx.ID_ANY, '', wx.Bitmap('images/align-right.png'))
  145.         box.Add(toolbar1, border=5)
  146.         box.Add((5,5) , 0)
  147.         box.Add(toolbar2)
  148.         box.Add((5,10) , 0)
  150.         toolbar2.Realize()
  151.         self.SetSizer(box)
  153.         notebook = wx.Notebook(self, style=wx.RIGHT)
  155.         sheet1 = MySheet(notebook)
  156.         sheet2 = MySheet(notebook)
  157.         sheet3 = MySheet(notebook)
  158.         sheet1.SetFocus()
  160.         notebook.AddPage(sheet1, 'Sheet1')
  161.         notebook.AddPage(sheet2, 'Sheet2')
  162.         notebook.AddPage(sheet3, 'Sheet3')
  164.         box.Add(notebook, 1, wx.EXPAND)
  166.         self.CreateStatusBar()
  168.         self.SetSize((550, 550))
  169.         self.SetTitle("SpreadSheet")
  170.         self.Centre()
  172. def main():
  174.     app = wx.App()
  175.     ex = Example(None)
  176.     ex.Show()
  177.     app.MainLoop()
  179. if __name__ == '__main__':
  180.     main()

该代码示例创建电子表格应用的 UI。 我有一个菜单栏，工具栏和一个中央网格小部件。

  1. class MySheet(wx.grid.Grid):
  3.     def __init__(self, *args, **kw):
  4.         super(MySheet, self).__init__(*args, **kw)
  6.         self.InitUI()
  8.     def InitUI(self):
  10.         nOfRows = 55
  11.         nOfCols = 25
  13.         self.row = self.col = 0
  14.         self.CreateGrid(nOfRows, nOfCols)
  15.         ...

我们创建一个自定义的wx.grid.Grid小部件。 我们的每个工作表将有 55 行和 25 列。 用CreateGrid()方法创建一个单元格网格。

  1. control = self.GetParent().GetParent().position

位置文本控件显示了网格小部件的选定单元格。 它是第二个工具栏的第一个小部件。 在Example类内部，我们需要获取对文本控件的引用，该引用在Example类中定义。 MySheet是笔记本的子项。 笔记本是Example的子项。 因此，通过两次调用GetParent()方法，我们设法到达了位置文本控件。

  1. notebook = wx.Notebook(self, style=wx.RIGHT)
  3. sheet1 = MySheet(notebook)
  4. sheet2 = MySheet(notebook)
  5. sheet3 = MySheet(notebook)
  6. sheet1.SetFocus()
  8. notebook.AddPage(sheet1, 'Sheet1')
  9. notebook.AddPage(sheet2, 'Sheet2')
  10. notebook.AddPage(sheet3, 'Sheet3')

将创建三张纸并将其放置在笔记本小部件中。

wxPython 中的应用框架 - 图2

图：电子表格

播放器

以下示例是典型视频播放器的框架。

player.py

  1. #!/usr/bin/env python3
  2. # -*- coding: utf-8 -*-
  4. """
  5. ZetCode wxPython tutorial
  7. This program creates a Player UI.
  9. author: Jan Bodnar
  10. website: zetcode.com
  11. last edited: May 2018
  12. """
  14. import wx
  16. class Example(wx.Frame):
  18.     def __init__(self, *args, **kw):
  19.         super(Example, self).__init__(*args, **kw)
  21.         self.InitUI()
  23.     def InitUI(self):
  25.         self.CreateMenuBar()
  27.         panel = wx.Panel(self)
  29.         pnl1 = wx.Panel(self)
  30.         pnl1.SetBackgroundColour(wx.BLACK)
  31.         pnl2 = wx.Panel(self)
  33.         slider1 = wx.Slider(pnl2, value=18, minValue=0, maxValue=1000)
  34.         pause = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/pause.png'))
  35.         play  = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/play.png'))
  36.         forw  = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/forw.png'))
  37.         back  = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/back.png'))
  38.         vol = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/volume.png'))
  39.         slider2 = wx.Slider(pnl2, value=1, minValue=0, maxValue=100,
  40.             size=(120, -1))
  42.         vbox = wx.BoxSizer(wx.VERTICAL)
  43.         hbox1 = wx.BoxSizer(wx.HORIZONTAL)
  44.         hbox2 = wx.BoxSizer(wx.HORIZONTAL)
  46.         hbox1.Add(slider1, proportion=1)
  47.         hbox2.Add(pause)
  48.         hbox2.Add(play, flag=wx.RIGHT, border=5)
  49.         hbox2.Add(forw, flag=wx.LEFT, border=5)
  50.         hbox2.Add(back)
  51.         hbox2.Add((-1, -1), proportion=1)
  52.         hbox2.Add(vol)
  53.         hbox2.Add(slider2, flag=wx.TOP|wx.LEFT, border=5)
  55.         vbox.Add(hbox1, flag=wx.EXPAND|wx.BOTTOM, border=10)
  56.         vbox.Add(hbox2, proportion=1, flag=wx.EXPAND)
  57.         pnl2.SetSizer(vbox)
  59.         sizer = wx.BoxSizer(wx.VERTICAL)
  60.         sizer.Add(pnl1, proportion=1, flag=wx.EXPAND)
  61.         sizer.Add(pnl2, flag=wx.EXPAND|wx.BOTTOM|wx.TOP, border=10)
  63.         self.SetMinSize((350, 300))
  64.         self.CreateStatusBar()
  65.         self.SetSizer(sizer)
  67.         self.SetSize((350, 200))
  68.         self.SetTitle('Player')
  69.         self.Centre()
  71.     def CreateMenuBar(self):
  73.         menubar = wx.MenuBar()
  74.         filem = wx.Menu()
  75.         play = wx.Menu()
  76.         view = wx.Menu()
  77.         tools = wx.Menu()
  78.         favorites = wx.Menu()
  79.         help = wx.Menu()
  81.         filem.Append(wx.ID_ANY, '&Quit', 'Quit application')
  83.         menubar.Append(filem, '&File')
  84.         menubar.Append(play, '&Play')
  85.         menubar.Append(view, '&View')
  86.         menubar.Append(tools, '&Tools')
  87.         menubar.Append(favorites, 'F&avorites')
  88.         menubar.Append(help, '&Help')
  90.         self.SetMenuBar(menubar)
  92. def main():
  94.     app = wx.App()
  95.     ex = Example(None)
  96.     ex.Show()
  97.     app.MainLoop()
  99. if __name__ == '__main__':
  100.     main()

为了构建界面，我们使用了位图按钮，滑块，面板和菜单栏。

  1. pnl1 = wx.Panel(self)
  2. pnl1.SetBackgroundColour(wx.BLACK)

应用的主要区域由黑色背景的面板占据。

  1. slider1 = wx.Slider(pnl2, value=18, minValue=0, maxValue=1000)

wx.Slider用于显示胶片的进度。

  1. pause = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/pause.png'))
  2. play  = wx.BitmapButton(pnl2, bitmap=wx.Bitmap('images/play.png'))

位图按钮用于控制按钮。

  1. self.SetMinSize((350, 300))

在这里，我们设置播放器的最小大小。 将窗口缩小到某个值以下没有太大意义。

wxPython 中的应用框架 - 图3

图：播放器

浏览器

在下面的示例中，我们模仿经典浏览器 UI 的外观。

browser.py

  1. #!/usr/bin/env python3
  2. # -*- coding: utf-8 -*-
  4. """
  5. ZetCode wxPython tutorial
  7. This program creates a browser UI.
  9. author: Jan Bodnar
  10. website: zetcode.com
  11. last edited: May 2018
  12. """
  14. import wx
  15. from wx.lib.buttons import GenBitmapTextButton
  17. class Example(wx.Frame):
  19.     def __init__(self, *args, **kw):
  20.         super(Example, self).__init__(*args, **kw)
  22.         self.InitUI()
  24.     def InitUI(self):
  26.         self.CreateMenuBar()
  28.         panel = wx.Panel(self)
  29.         # panel.SetBackgroundColour('white')
  31.         vbox = wx.BoxSizer(wx.VERTICAL)
  32.         hbox1 = wx.BoxSizer(wx.HORIZONTAL)
  33.         hbox2 = wx.BoxSizer(wx.HORIZONTAL)
  35.         line1 = wx.StaticLine(panel)
  36.         vbox.Add(line1, 0, wx.EXPAND)
  38.         toolbar1 = wx.Panel(panel, size=(-1, 30))
  40.         back = wx.BitmapButton(toolbar1, bitmap=wx.Bitmap('images/back.png'),
  41.                 style=wx.NO_BORDER)
  42.         forward = wx.BitmapButton(toolbar1, bitmap=wx.Bitmap('images/forw.png'),
  43.                 style=wx.NO_BORDER)
  44.         refresh = wx.BitmapButton(toolbar1, bitmap=wx.Bitmap('images/refresh.png'),
  45.                 style=wx.NO_BORDER)
  46.         stop = wx.BitmapButton(toolbar1, bitmap=wx.Bitmap('images/stop.png'),
  47.                 style=wx.NO_BORDER)
  48.         home = wx.BitmapButton(toolbar1, bitmap=wx.Bitmap('images/home.png'),
  49.                 style=wx.NO_BORDER)
  50.         address = wx.ComboBox(toolbar1, size=(50, -1))
  51.         go = wx.BitmapButton(toolbar1, bitmap=wx.Bitmap('images/play.png'),
  52.                 style=wx.NO_BORDER)
  53.         text = wx.TextCtrl(toolbar1, size=(150, -1))
  55.         hbox1.Add(back)
  56.         hbox1.Add(forward)
  57.         hbox1.Add(refresh)
  58.         hbox1.Add(stop)
  59.         hbox1.Add(home)
  60.         hbox1.Add(address, 1, wx.TOP, 3)
  61.         hbox1.Add(go, 0, wx.TOP | wx.LEFT, 3)
  62.         hbox1.Add(text, 0, wx.TOP | wx.RIGHT, 3)
  64.         toolbar1.SetSizer(hbox1)
  65.         vbox.Add(toolbar1, 0, wx.EXPAND)
  66.         line = wx.StaticLine(panel)
  67.         vbox.Add(line, 0, wx.EXPAND)
  69.         toolbar2 = wx.Panel(panel, size=(-1, 30))
  70.         bookmark1 = wx.BitmapButton(toolbar2, bitmap=wx.Bitmap('images/love.png'),
  71.                 style=wx.NO_BORDER)
  72.         bookmark2 = wx.BitmapButton(toolbar2, bitmap=wx.Bitmap('images/book.png'),
  73.                 style=wx.NO_BORDER)
  74.         bookmark3 = wx.BitmapButton(toolbar2, bitmap=wx.Bitmap('images/sound.png'),
  75.                 style=wx.NO_BORDER)
  77.         hbox2.Add(bookmark1, flag=wx.RIGHT, border=5)
  78.         hbox2.Add(bookmark2, flag=wx.RIGHT, border=5)
  79.         hbox2.Add(bookmark3)
  81.         toolbar2.SetSizer(hbox2)
  82.         vbox.Add(toolbar2, 0, wx.EXPAND)
  84.         line2 = wx.StaticLine(panel)
  85.         vbox.Add(line2, 0, wx.EXPAND)
  87.         panel.SetSizer(vbox)
  89.         self.CreateStatusBar()
  91.         self.SetTitle("Browser")
  92.         self.Centre()
  94.     def CreateMenuBar(self):
  96.         menubar = wx.MenuBar()
  97.         file = wx.Menu()
  98.         file.Append(wx.ID_ANY, '&Quit', '')
  99.         edit = wx.Menu()
  100.         view = wx.Menu()
  101.         go = wx.Menu()
  102.         bookmarks = wx.Menu()
  103.         tools = wx.Menu()
  104.         help = wx.Menu()
  106.         menubar.Append(file, '&File')
  107.         menubar.Append(edit, '&Edit')
  108.         menubar.Append(view, '&View')
  109.         menubar.Append(go, '&Go')
  110.         menubar.Append(bookmarks, '&Bookmarks')
  111.         menubar.Append(tools, '&Tools')
  112.         menubar.Append(help, '&Help')
  114.         self.SetMenuBar(menubar)
  116. def main():
  118.     app = wx.App()
  119.     ex = Example(None)
  120.     ex.Show()
  121.     app.MainLoop()
  123. if __name__ == '__main__':
  124.     main()

为了创建一个较大的组合框，我们不能使用wx.Toolbar。 我们基于wx.Panel创建自定义工具栏。

  1. toolbar1 = wx.Panel(panel, size=(-1, 40))

我们创建一个普通的wx.Panel。

  1. hbox1 = wx.BoxSizer(wx.HORIZONTAL)
  2. ...
  3. hbox1.Add(back)
  4. hbox1.Add(forward)
  5. hbox1.Add(refresh)

我们创建一个水平大小调整器，并添加所有必要的按钮。

  1. hbox1.Add(address, 1, wx.TOP, 4)

然后，将组合框添加到大小调整器。 这种组合框通常称为地址栏。 请注意，这是唯一将比例设置为 1 的小部件。这是使其可调整大小的必要条件。

  1. line2 = wx.StaticLine(panel)
  2. vbox.Add(line2, 0, wx.EXPAND)

工具栏由一行分隔。

wxPython 中的应用框架 - 图4

图：浏览器 UI

在 wxPython 教程的这一部分中，我们创建了一些应用框架。