wxPython : wx.FileDialog

wxPython有很多進階的widget元件可以使用, 利用這些元件很容易就能達到我們想要的UI.

File Dialog是常常會需要用到的元件, 我們要求使用者開啟某個檔案, 或是選擇某些檔案可以用這個元件來達成.

file_dialog = wx.FileDialog(self,style=wx.OPEN | wx.MULTIPLE | wx.CHANGE_DIR)
if file_dialog.ShowModal() == wx.ID_OK:
  print file_dialog.GetPaths()
file_dialog.Destroy()

1. 建立一個FileDialog (style可以選擇各種模式, wx.MULTIPLE可以選擇多個檔案),
2. 顯示出file_dialog並且等待使用者選取
3. 判斷是否選擇開啟的選項, 如果是的話就印出選擇的檔案
   

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

wxPython : List Control

List Control和List Box不同的地方在於, List Control的一筆資料可以有多個欄位, 這樣也讓我們的資料呈現方式更有彈性.

下面就介紹它的使用方法 :

self.list = wx.ListCtrl(panel, -1, style=wx.LC_REPORT)

建立List Control元件

self.list.InsertColumn(0, 'name', width=140)
self.list.InsertColumn(1, 'place', width=130)
self.list.InsertColumn(2, 'year', wx.LIST_FORMAT_RIGHT, 90)

定義List Control元件的Column名稱跟長度

index = self.list.InsertStringItem(sys.maxint, i[0])
self.list.SetStringItem(index, 1, i[1])
self.list.SetStringItem(index, 2, i[2])

把資料插入List Control裡面,
InsertStringItem : 將資料插入第sys.maxint row, 用sys.maxint確保資料從最後面開始插入,
function回傳值為插入的row的index, 第二個參數是第一個欄位的內容.
SetStringItem : 將資料插入index row的第1和第2個欄位, 裡面的內容分別為i[1], i[2]


參考資料 :
The wxPython tutorial

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

wxPython : Context Menu, ListBox

Context Menu就是我們按下滑鼠右鍵會跳出的Menu, 用來幫助我們選擇功能用的.
而在wxPython設定Context Menu的方法如下 :

1. 定義wx.Menu元件
2. 在要顯示Context Menu的widget元件裡面, wx.EVT_RIGHT_DOWN事件發生時, 執行下面指令 :
   

   self.PopupMenu(MyContextMenu(self), event.GetPosition())
   其中的MyContextMenu就是我們自己定義的Menu

ListBox是用來顯示一串的資料, 以條列的方式呈現.
其中主要的兩種event為:

1. wx.EVT_COMMAND_LISTBOX_SELECTED : event binder wx.EVT_LISTBOX_DCLICK
   是當ListBox裡面有元素被選取時(selected)產生的event
2. wx.EVT_COMMAND_LISTBOX_SELECTED : event binder wx.EVT_LISTBOX
   當ListBox的元素被double click時產生的event

wx.ListBox(wx.Window parent, int id=-1, wx.Point pos=wx.DefaultPosition, 
wx.Size size=wx.DefaultSize,list choices=[], long style=0, 
wx.Validator validator=wx.DefaultValidator,string name=wx.ListBoxNameStr)

sel = listbox.GetSelection()
text = listbox.GetString(sel)
listbox.Delete(sel)
listbox.Clear()
listbox.Append(text)
listbox.Insert(text, sel)

以上為ListBox的一些operation.


參考資料 :
The wxPython tutorial

張貼者： Powentan的世界 於 下午3:18 0 意見

wxWidget的介面設計IDE : wxGlade

wxGalde是用來設計wxWidget的IDE工具, 可以利用它產生wxWidget的介面, 然後產生各種語言的code, 或是產生XRC file.

XRC file是把介面的排版用xml語言來描述, 程式只要透過xrc的api就可以將介面讀入程式中. 根據需要取出要加入code的widget元件. 可以把介面的設計和程式碼的部分分開, 有點類似設計網頁的感覺.這樣的好處就是能靠設計介面的高手將介面設計好, 而設計程式的人只要將程式碼套入介面的元件裡面程式就能完成.

設計一個視窗的程式, 當然要了解程式碼是如何運作的才能完整的應用它來達到自己想要的效果. 可是在設計時如果能有一個圖形化的IDE工具用視覺化的方式來輔助, 就能夠大大的提升效率. 所以在設計wxPython介面時, 希望能以wxGlade為主, 將介面拖拉出來, 不足的地方在以程式碼來補足. 更可以產生XRC file, 試著將介面和程式碼分開的方式來設計程式, 增加程式碼的可讀性.

張貼者： Powentan的世界 於 上午11:43 0 意見

wxPython的Sizer : wx.GridBagSizer

根據教學說明, wx.GridBagSizer可以再加入元件時指定要加在哪個格子裡, 對於UI排版應該會比較方便. 因為就不需要照順序加入Sizer, 而且對於規劃好的介面只要切好格子就可以知道要排在哪.

以下對他的function做說明

wx.GridBagSizer(integer vgap, integer hgap)

建立wx.GridBagSizer, 指定格子之間的垂直間隙(vgap), 和水平間隙(hgap)

Add(self, item, tuple pos, tuple span=wx.DefaultSpan, integer flag=0, integer border=0, userData=None)

加入一個widget item到Sizer裡面,
pos代表widget放入的格子座標(0,0)代表第一格,(0,1)代表往水平方向第一格, ...
span代表要讓widget佔據多少row多少col : (1,2)表示widget佔據1 row, 2 cols.

AddGrowableRow(int row, int propotion)
AddGrowableCol(int col, int propotion)

指定那一個row, col可以隨著視窗縮放而改變, propotion是改變大小的比例.

參考資料 :
The wxPython tutorial

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