wxPython如何Layout GUI

在wxPython裡面有兩種Layout方式 :

1. Absolute positioning (絕對位址) :
   指定widget的絕對位址就可以顯示在你想要的地方, 缺點是 :
   1. window改變大小時, 用絕對位址指定的widget不會改變位址跟大小, 跟我們一般認知 不太一樣.
   2. Layout要大改的時候, 程式通常都需要大改.
   3. 在不同platform可能會看起來不太一樣.
   優點則是很簡單完成, 不用考慮到每個元件的相對位址.
   
   
2. Sizer(相對位址) :
   利用一個BoxSizer包在widget元件的外面, 所以當window改變的時候, BoxSizer會跟著改變, 當然裡面的widget元件也會跟著改變.

當然用Sizer Layout出來的東西會比較符合我們的要求, 所以主要會對BoxSizer如何使用做介紹.

Sizer

1. wx.BoxSizer : 基本的Sizer, 可以決定widget元件要水平排放還是垂直排放
   
   
   
2. wx.StaticBoxSizer : 在wx.BoxSizer外面加入Text來說明裡面的元件的意義
   
3. wx.GridSizer : 可以加入像格子一樣的Sizer, 可以決定格子的長寬是多少, 加入元件的順序是
   由上而下, 由左而右.
   
4. wx.FlexGridSizer : 可以讓GridSizer的格子大小隨著Window size改變而變大變小, 使用function : AddGrowableRow, AddGrowableCol 來指定row還是col可以隨著視窗而改變
   
5. wx.GridBagSizer : 可以不先指定GridSizer格子數, 而在加入元件時, 指定要加入在哪個(row,col)的格子裡, 方便對於介面做設計
   

主要的語法都是大同小異, 所以在這裡主要介紹wx.BoxSizer為主.

# -*- coding: cp950 -*-
# border.py

import wx

class Border(wx.Frame):
  def __init__(self, parent, id, title):
      wx.Frame.__init__(self, parent, id, title, size=(250, 200))
      #建立最外層的panel
      panel = wx.Panel(self, -1)
      panel.SetBackgroundColour('#4f5049')
      #建立一個垂直的BoxSizer
      vbox = wx.BoxSizer(wx.VERTICAL)
      #建立內層的panel
      midPan = wx.Panel(panel, -1)
      midPan.SetBackgroundColour('#ededed')
      #把內層的panel加入BoxSizer中
      vbox.Add(midPan, 1, wx.EXPAND | wx.ALL, 5)
      #建立內層的panel
      midPan = wx.Panel(panel, -1)
      midPan.SetBackgroundColour('#ededed')
      #把內層的panel加入BoxSizer中
      vbox.Add(midPan, 1, wx.EXPAND | wx.ALL, 5)
      #設定外層panel的BoxSizer
      panel.SetSizer(vbox)
      self.Centre()
      self.Show(True)

app = wx.App()
Border(None, -1, '')
app.MainLoop()

在這段程式裡面主要說明如何加入一個BoxSizer到panel裡面.

產生一個外層的panel, 他的用處在於放置我們最後產生的BoxSizer. 接下來在BoxSizer中加入兩個
panel, 最後再把BoxSizer設定到外層的panel.

BoxSizer裡面可以加入其他widget元件, 而且BoxSizer裡面也可以加入BoxSizer, 利用這樣的方式,
我們就可以組合出我們想要的UI介面.

參考資料 :
The wxPython tutorial

張貼者： Powentan的世界 於 下午5:02 0 意見

Python的ODBC Library : pyodbc

使用wxPython寫視窗程式以後, 想說利用wxWidgets的其他library來試試看, 結果發現到除了視窗程式的部分, wxPython並不是完全支援wxWidgets的所有library. wxODBC也是不支援的其中之一, 但是又很想在Python用 ODBC方式連到資料庫, 所以就去找到了pyodbc這個library.

當然好處就是除了最重要的免費以外, 他所支援的功能還算完全, 也有看到有人用它來寫odbc程式, 所以應該是能用, 等有機會再來試試看.

參考資料 :
pyodbc - A Python DB API module for ODBC
巫紘碩(GDX) - 學習日誌

張貼者： Powentan的世界 於 下午4:42 0 意見

wxPython裡的元件 : Menubar

基本上Menubar是由Menu組成的, 而Menu裡面則有很多的Menu item, 在wxPython裡面就是用這樣的方式來加入一個Menubar.

1. 建立MenuBar
2. 建立Menus
3. 建立Menu items
4. 將建立的Menu items加入Menu中
5. 將建立好的Menus加入MenuBar
6. 在視窗中(Frame)加入MenuBar
   

透過這樣的方式我們就可以在自己產生的視窗中, 建立一個自定的MenuBar.

# -*- coding: cp950 -*-
import wx

#建立Frame
class SimpleMenu(wx.Frame):
  def __init__(self, parent, id, title):
      #呼叫wx.Frame的constructor
      wx.Frame.__init__(self, parent, id, title, size=(250, 150))
      #建立MenuBar
      menu_bar = wx.MenuBar()
      #建立Menu
      menu = wx.Menu()
      #建立Menu item
      menu_item = wx.MenuItem(menu, 1, '&Quit\tCtrl+Q')
      #把Menu item加入Menu裡面
      menu.AppendItem(menu_item)
      #把Menu item被按下對應到某個function
      self.Bind(wx.EVT_MENU, self.OnQuit, id=1)
      #把Menu加入MenuBar中
      menu_bar.Append(menu, '&File')
      #在視窗中加入MenuBar
      self.SetMenuBar(menu_bar)
      #讓視窗產生在螢幕中間
      self.Centre()
      #顯示視窗
      self.Show(True)
  #當按下Quit menu item時, 關閉視窗  
  def OnQuit(self,event):
      self.Close()

#程式主要部分
if __name__ == "__main__":  #確定這個程式是自己執行, 而非被呼叫
  #建立wx.App
  app = wx.App()
  #建立並顯示視窗
  SimpleMenu(None, -1, 'simple menu example')
  #等待event
  app.MainLoop()

在建立Menuitem的function

menu_item = wx.MenuItem(menu, 1, '&Quit\tCtrl+Q')

第二個參數是那個Menuitem的id,
用來對應到下面讓這個Menuitem被按下時執行某個function裡的id參數:

self.Bind(wx.EVT_MENU, self.OnQuit, id=1)

其他功能 :

在menu加入submenu : (submenu也是wx.Menu)

menu.AppendMenu(-1, 'I&mport', submenu)

menu separator :

menu.AppendSeparator()

menu item check類型:

menu.Check(ID_STAT, True)
self.shst = menu.Append(ID_STAT, 'Show statubar', 'Show Statusbar', kind=wx.ITEM_CHECK)

#被檢查menu是否被checked
def ToggleStatusBar(self, event):
   if self.shst.IsChecked():
       self.statusbar.Show()
   else:
       self.statusbar.Hide()

參考資料 :
The wxPython tutorial

張貼者： Powentan的世界 於 上午10:23 0 意見