wxPython自訂event

下面介紹如何自訂一個自己的event :

class TwoButtonEvent(wx.PyCommandEvent):   #自訂event        
  def __init__(self, evtType, id):               
      wx.PyCommandEvent.__init__(self, evtType, id)
      self.clickCount = 0
    
  def GetClickCount(self):
      return self.clickCount

  def SetClickCount(self, count):
      self.clickCount = count

myEVT_TWO_BUTTON = wx.NewEventType() #建立新event
EVT_TWO_BUTTON = wx.PyEventBinder(myEVT_TWO_BUTTON, 1)  #建立新event binder

上面的部分為定義event和event binder. 在要產生event的地方則是以下面的code來產生event :

evt = TwoButtonEvent(myEVT_TWO_BUTTON, self.GetId())
evt.SetClickCount(self.clickCount)
self.GetEventHandler().ProcessEvent(evt)

利用ProcessEvent來將event產生到queue裡面等待處理.

參考資料 :
http://www.pythontik.com/blog/article.asp?id=192

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

wxPython的Event

要讓widget元件根據使用者的行為做不同的反應, 就需要建立event. event的功能在於使用者所做的行為: 滑鼠點擊, 鍵盤輸入, ... 以及其他視窗狀態要改變時, 通知視窗做改變.

主要流程可以簡單看成以下幾步 :

1. 對每個widget元件榜定某個event發生時所要執行的functino(例如:button在按下時執行某個function, self.Bind(wx.EVT_BUTTON, self.OnClick, function) )
2. 程式開始執行時, 在視窗產生以後, 會執行一個無限的迴圈. 在迴圈裡面會檢查事件是否發生, 如果發生就去執行對應的function
3. 一直到程式結束的event發生才會離開無限迴圈, 進而結束程式

而在榜定(bind)某個function的時候, 要先知道event的binder. event binder的名稱都是以wx.EVT_為開頭的.
例如滑鼠的event(wx.MouseEvent)它的binder有以下這些 :
wx.EVT_LEFT_DOWN
wx.EVT_LEFT_UP
wx.EVT_LEFT_DCLICK
wx.EVT_MIDDLE_DOWN
wx.EVT_MIDDLE_UP
wx.EVT_MIDDLE_DCLICK
wx.EVT_RIGHT_DOWN
wx.EVT_RIGHT_UP
wx.EVT_RIGHT_DCLICK
這些分別是各種不同滑鼠event的event binder. 如果要榜定所有的滑鼠event執行同個function, 則可以用wx.EVT_MOUSE_EVENTS.

還有一些比較常用的event binder, 像是button被按下(wx.EVT_BUTTON), menu被按下(wx.EVT_MENU)等等.

而榜定event的方式有兩種 :

1. wx.EvtHandler裡面的Bind function, 所有的widget都有繼承wx.EvtHandler, 所以都有Bind function可以使用.
   Bind(event, handler, source=None, id=wx.ID_ANY, id2=wx.ID_ANY)
   例子 : self.Bind(wx.EVT_BUTTON, self.OnClick, button)
   
2. 把event binder當成函數傳入參數使用.
   例子 : wx.EVT_BUTTON(self, self.button.GetId(), self.OnClick)
   

wx.EvtHandler常用的function :

1. AddPendingEvent(event)：把event加入處理的queue中, 不會馬上處理, 用於非同步的時候 使用
2. Bind(event, handler, source=None, id=wx.ID_ANY, id2=wx.ID_ANY) : 把event和binder綁在一起
3. GetEvtHandlerEnabled()
4. SetEvtHandlerEnabled( boolean)
5. ProcessEvent(event)：把event加入處理的queue, 並且馬上處理
   

參考資料 :
http://www.pythontik.com/blog/article.asp?id=188
http://www.pythontik.com/blog/article.asp?id=189

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

在MFC裡讓元件隨著視窗改變大小

使用視窗的時候, 我們常常會去改變視窗的大小. 而應用程式在視窗改變大小的同時, 也會把顯示在視窗的元件隨著視窗而改變. 在wxWidget裡面, 我們可以把元件加入Sizer來達到這樣的效果. 可是在MFC中就沒這樣的預設元件可以使用, 我們必須在視窗改變大小的時候(WM_SIZE)去自行重繪.

下面介紹如何簡單的讓一個List Control不論視窗如何改變都能和視窗保持伊個邊界的方法.

1. 在你主要視窗的Class裡面加入一個WM_SIZE觸發時可以執行的function OnSize (名稱可以自訂, 但是這樣的名子比較具有可讀性)
2. 在視窗改變大小時就會去呼叫OnSize, 這時候會先取得視窗目前的大小 (GetClientRect)
   
3. 取得要變更大小的元件 (GetDlgItem), 並且檢查是否取得成功
4. 計算新位置
5. 移動視窗到新位置並且重繪 (MoveWindow, RedrawWindow)

void CServerMonitorView::OnSize(UINT nType, int cx, int cy)
{

 CFormView::OnSize(nType, cx, cy);

 int TopLeft_x = 10;
 int TopLeft_y = 25;
 // Declare a CRect to get the co-ordinates
   CRect l_formRect;

   GetClientRect(&l_formRect);

   // get pointer to the control to be resized dynamically
   CListCtrl* pListCtrl;
   pListCtrl = (CListCtrl *)GetDlgItem(IDC_LIST1);
 if(!pListCtrl)
  return ;

   //Calculate the Width and TopLeft position of the control to be resized
 long newX = l_formRect.TopLeft().x + TopLeft_x;
 long newY = l_formRect.TopLeft().y + TopLeft_y;
   long newWidth = l_formRect.Width() - 10 - TopLeft_x;
   long newHeight = l_formRect.Height() - 10 - TopLeft_y;

   // Now resize the control dynamically by calling MoveWindow
   pListCtrl->MoveWindow((long)newX, (long)newY, (long)newWidth, (long)newHeight, TRUE);

   // repaint control
   pListCtrl->RedrawWindow();
}

TopLeft_x和TopLeft_y是設定List Control元件的top left位置.
這只是簡單的Resize設定, 在有多個元件的時候重新設定位置會比較複雜. 不過好處是你可以決定要怎麼改變你的元件, 比較有彈性 (麻煩?).

參考資料 :
http://www.codersource.net/mfc_resize_controls.html

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

blogger裡面的tag

在blogger裡面有自己的tag語法來做版面設定, 在Widget Tag for Layout裡面有詳細的說明.

雖然不用完全了解它的意義, 但是為了要使用別人的排版元件, 還是要知道如何去加在自己的版面設定裡面. 像是在文章顯示的時候, 要以什麼樣的排版顯示, 要顯示哪些資訊等等, 都可以自己設定.

主要的版面設定的tag是 <div class="'blog-posts">, 在底下的code就是決定在顯示文章時如何做排版.

有兩個常常會看到的tag, 一個是include, 一個是includable.

• include :
  <b:include data="'include_var'" name="'includable_id'/">
  include的用途在於使用一個被定義好的includable tag. 把name填入includable的id, data則是要傳入includable的var裡面的變數.
  用這樣的方式來呼叫includable, 就可以利用定義好的元件來產生想要的版面
  
• includable :
  <b:includable id="'main'" var="'var'"></b:includable>
  ...
  </b:includable>
  定義一串版面排版, 再利用include來呼叫, 用來讓版面的設計更容易閱讀.
  
  

所以通常使用別人的版面元件, 會先把includable的code貼入版面設定裡面, 然後再在想要加入版面元件的地方插入include的code去呼叫includable. 如此就能達到利用別人元件的效果.

data tag :
用來產生資料的tag, 可以用blogger裡面的一些global data來使用. Layouts Data Tags介紹data tag要如何使用, 以及一些global的data像是 : blog, posts, labels, ... 利用這些global data就能讓我們自由的對資料做排版.


參考資料 :
海芋小站 - http://inote.tw/search/label/Blogger
Widget Tag for Layout - http://help.blogger.com/bin/answer.py?answer=46995&hlrm=en
Fun New Run High - http://skyvee.net/

張貼者： Powentan的世界 於 下午1:43 0 意見

將blogger的主頁顯示標題, 以及點選展開看內文

最近用了blogger發現到它預設將文章完全展開的方式非常不利於閱讀, 尤其在找某篇文章的時候很麻煩. 因此我去網路上找到了這篇文章讓blogger(blogspot) 文章也有伸縮自如的效果, 它能讓你的文章只顯示標題, 然後點選[+/-]的時候會產生縮放文章內文的效果.

這個blog裡面的blogger tips標籤有很多有趣的技巧, 有時間值得來仔細看看.

參考資料 :
Fun New Run High

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

Load相對應的圖片到pygame的image裡面

在遊戲裡面常常利用圖片的方式來呈現一個元素, 玩家角色, 敵人角色, 或是背景地圖等等. 如果把所有的圖片畫成一張大圖檔 (每個圖片以方形來區分界線), 該如何取得想要的部分呢 ?

下面這段code就是用來取得相對應的圖形的方法 :

rect = Rect(rect)
sheet = pygame.image.load(image_file).convert()
image = pygame.Surface(rect.size).convert()
image.blit(sheet, (0,0), rect)

1. 先將圖檔讀入形成一個Surface (sheet)
   
2. 產生讀取圖形的Surface (image)
3. 最後將對應的位址從sheet這個Surface的rect中, 填入image這個Surface, 並且從(0,0)起始

如此產生的image就會填入我們想取得的圖形了

參考資料 :
http://www.pygame.org/

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

Twisted : Python裡面的Network Framework

根據官方網站所說 : Twisted is an event-driven networking engine written in Python. 利用twisted, 我們可以避免掉很多處理網路程式的麻煩地方, 而只要專注在資料的處理上. 尤其是它event-driven的方式, 可以達到大多數真實的應用程式的要求.

希望能用twisted來簡單的自訂自己的protocol規則, 讓定義protocol變的簡單.

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

wxPython中的Dialog : wx.MessageDialog, wx.TextEntryDialog, wx.SingleChoiceDialog

wx.MessageDialog : 簡單的yes/no對話框.
語法 :

wx.MessageDialog(parent, message,
       caption="Message box",
       style=wx.OK | wx.CANCEL,
       pos=wx.DefaultPosition)

範例:

dlg = wx.MessageDialog(None, 'Is this the coolest thing ever!',
                     'MessageDialog', wx.YES_NO | wx.ICON_QUESTION)
result = dlg.ShowModal()
if result == wx.ID_YES:
   #do yes
else:
   #do no
dlg.Destroy()

解釋 :
ShowModal()會將視窗產生出來, 而當你點下了視窗的button以後, ShowModal會回傳wx裡面定義的巨集變數 : wx.ID_YES, wx.ID_NO, wx.ID_CANCEL, wx.ID_OK. 這些都是一個整數, 用來分辨ShowModal回傳的結果.

wx.TextEntryDialog: Dialog裡面有一個可以輸入Text的區域, 用來取得User的Input Text

dlg = wx.TextEntryDialog(None, "Who is buried in Grant's tomb?",
       'A Question', 'Cary Grant')
if dlg.ShowModal() == wx.ID_OK:
   #取得Dialog裡面的Text, SetValue(text)可以改變Dialog裡面Text的內容
   response = dlg.GetValue() 

wx.SingleChoiceDialog: 可以限定User從你指定的list裡面, 選擇一個想要的選項

dlg = wx.SingleChoiceDialog(None,
       'What version of Python are you using?',
       'Single Choice',
       ['1.5.2', '2.0', '2.1.3', '2.2', '2.3.1'],
if dlg.ShowModal() == wx.ID_OK:
   #取得選擇選項的字串, GetSelection()可以取得選擇選項的index
   response = dlg.GetStringSelection()

參考資料 :
http://www.pythontik.com/blog/article.asp?id=185

張貼者： Powentan的世界 於 上午8:54 0 意見

asyncore : Python裡面的非同步Socket

MFC裡面有個Class叫做CAsyncsocket, 它是用實作非同步的socket.

在實際的應用裡面, 一個應用程式很少會固定等待socket連線, 或是傳送資料, 通常都是在突然的情況下一個socket要進行連線, 或是要傳送資料. 所以非同步的socket的好處就在這裡, 你可以指定在socket發生連線或是傳送資料的時候進行某個動作, 而CAsyncsocket就是把這樣的非同步行為包成一個class讓我們只要繼承它就能達到這樣的效果.

而在Python裡面也有個非同步的module叫做asyncore. 我們實作的socket只要繼承asyncore.dispatcher就能進行非同步的socket運作.

下面就有Client和Server的範例code, 主要用途在於Client能連上Server, 然後Client和Server之間就能進行非同步的溝通, Client可以輸入訊息給Server, Server也能輸入訊息給Client.



Server程式 :

# -*- coding: cp950 -*-

import socket
import asyncore
import threading

MAX_RECV = 4096

#負責接受client socket連線
class AgentServer(asyncore.dispatcher):   
   def __init__(self, port):
       #asyncore.dispatcher的constructor
       asyncore.dispatcher.__init__(self)
       #client socket
       self.clientSocket = None
       #server port
       self.port = port
       #建立等待的socket
       self.create_socket(socket.AF_INET, socket.SOCK_STREAM)
       self.bind(('', self.port))
       self.listen(5)
  
   def handle_accept(self):
       #接受client socket的連線
       self.clientSocket, address = self.accept()
       print 'New client from : ' + address[0]
       #將和client連線的socket加上一些功能 (自訂socket)
       self.clientSocket = ClientAgent(self.clientSocket)

#自訂的client連線socket
class ClientAgent(asyncore.dispatcher):
   def __init__(self, socket):
       asyncore.dispatcher.__init__(self, socket)
       #要送出的data
       self.SendData = ""

   #從client收到的data
   def handle_read(self):
       self.RecvData = self.recv(MAX_RECV)
       if len(self.RecvData) > 0:
           print "recv : " + self.RecvData
   #送出data到client
   def handle_write(self):
       send_byte = self.send(self.SendData)
       #一次可能不會全部送完(一次最多送出512 bytes ?)
       if send_byte > 0:
           send_out = self.SendData[:send_byte]
           self.SendData = self.SendData[send_byte:]
           self.handle_write()
       else:
           print "send all!!"
           self.SendData = ""

   #不自動執行handle_write
   def writable(self):
       return False
  
   def handle_close(self):
       print "close connection : " + self.getpeername()[0]
       self.close()
#產生等待client連線的thread
class listen_client_thread(threading.Thread):
   def __init__(self,port):
       self.agentServer = AgentServer(port)
       threading.Thread.__init__ ( self )
      
   def run(self):
       print "Listen Client ..."
       asyncore.loop()
#產生處理輸入的thread       
class input_thread(threading.Thread):
   def __init__(self,listen_thread):
       self.listen_thread = listen_thread
       threading.Thread.__init__ ( self )
   def run(self):
       while 1:
           send_data = raw_input()
           self.listen_thread.agentServer.clientSocket.SendData = send_data
           self.listen_thread.agentServer.clientSocket.handle_write()

if __name__ == "__main__":
   #產生等待client連線的thread
   listen_thread = listen_client_thread(111)
   listen_thread.start()
   #產生處理輸入的thread
   input_thread(listen_thread).start()

Client程式 :

# -*- coding: cp950 -*-

import asyncore, socket
import threading

#收到data最大長度
MAX_RECV = 4096

#連線server的socket
class client(asyncore.dispatcher):

   def __init__(self, host, port):
       asyncore.dispatcher.__init__(self)
       self.SendData = ""
       self.RecvData = ""
       #和server建立連線
       self.create_socket(socket.AF_INET, socket.SOCK_STREAM)
       self.connect( (host, port) )

   def handle_connect(self):
       print 'connect!!'

   def handle_close(self):
       print "disconnection : " + self.getpeername()[0]
       self.close()

   #收到的data
   def handle_read(self):
       self.RecvData = self.recv(MAX_RECV)
       if len(self.RecvData) > 0:
           print "recv : " + self.RecvData

   #送出data
   def handle_write(self):
       send_byte = self.send(self.SendData)
       if send_byte > 0:
           send_out = self.SendData[:send_byte]
           self.SendData = self.SendData[send_byte:]
           print "send : " + send_out
           self.handle_write()
       else:
           print "send all!!"
           self.SendData = ""
   #自動偵測送出永遠失敗
   def writable(self):
       return False
  
#等待server傳送訊息的thread
class send_server_thread(threading.Thread):
   def __init__(self,host,port):
       self.client = client(host, port)
       threading.Thread.__init__ ( self )
   def run(self):
       try:
           asyncore.loop()
       except:
           pass
#等待user input的thread       
class input_thread(threading.Thread):
   def __init__(self,client_thread):
       self.client_thread = client_thread
       threading.Thread.__init__ ( self )
   def run(self):
       while 1:
           send_data = raw_input()
           self.client_thread.client.SendData = send_data
           self.client_thread.client.handle_write()

#主程式
if __name__ == "__main__":
   #建立和server連線, 並且等待溝通
   client_thread = send_server_thread("localhost",111)
   client_thread.start()
   #等待user input
   input_thread(client_thread).start()

參考資料 :
http://aspn.activestate.com/ASPN/Cookbook/Python/Recipe/483732
http://www.chmhome.com/Python_Nutshell/index.html?page=0596001886_pythonian-chp-19-sect-3.html
http://effbot.org/librarybook/asyncore.htm

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

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 意見

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 意見

wxPython裡面的API

紀錄一下目前學到的wxPython API

wx.Frame(parent, id=-1, title='', pos = wx.DefaultPosition,
size = wx.DefaultSize, style = wx.DEFAULT_FRAME_STYLE,
name = "frame")
: 初始化window的function

parent : wx.Window
id : int
title : string
pos : wx.Point
size : wx.Size
style
name : string

Move(wx.Point point)	move a window to the given position
MoveXY(int x, int y)	move a window to the given position
SetPosition(wx.Point point)	set the position of a window
SetDimensions(wx.Point point, wx.Size size)	set the position and the size of a window

取得parent widget : parent.GetParent()

設定button按下event:

button1 = wx.Button(self, -1, '+', (10, 10))
self.Bind(wx.EVT_BUTTON, self.OnPlus, id=button1.GetId()) 

參考資料 :
The wxPython tutorial

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

簡單的wxPython程式

wxPython是wxWidgets(wxWindows)的Python版本.
wxWidgets是一個跨平台的視窗程式開發的library, 好處在於 :

1. 開放原始碼
2. 跨平台
3. 大量的視窗元件可以使用
4. 常用的功能也有函式庫支援

基於以上理由我選擇了wxPython做為Python視窗程式開發的library (注).

下面就以一個簡單的建立視窗的程式來講解一下wxPython建立視窗程式的運作.

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

#建立視窗物件
class Frame(wx.Frame): 
  def __init__(self, parent, id, pos, title, size):
      wx.Frame.__init__(self, parent, id, title, size)
    
#建立控制視窗的物件
class App(wx.App):
  def OnInit(self): 
      self.frame = Frame(None, -1, wx.DefaultPosition,'視窗標題', (300,300))
      self.frame.Show()
      self.SetTopWindow(self.frame) 
      return True

#主程式
if __name__ == '__main__': 
  app = App()
  app.MainLoop()

程式第一行的

# -*- coding: cp950 -*-

表示程式碼的編碼是用big5編碼, 如果沒有這一行註解裡面有中文會無法執行
程式用到的class

1. Frame (繼承wx.Frame) : 建立一個視窗, __init__ 相當於C++裡面的constructor, 而self相當於傳入物件自己本身, 名字沒有限定要用self, 但是習慣上大家都是用self增加可讀性. __init__裡面呼叫Frame的parent的__init__ (constructor), 建立視窗.
   
2. App : 利用Frame來產生視窗, 主要的控制都在App裡面完成, 包含設定視窗屬性, Event的控制等 等, 但是在這個簡單程式裡面沒有做Event的bind. 需要定義OnInit, OnInit會在產生App這個物件的Instance時被呼叫.
   

程式流程 :

1. 建立App的Instance
2. 建立Instance時, App裡面的OnInit被呼叫. 在OnInit中建立並且Show出Frame (視窗).
3. app.MainLoop() 等待事件產生

簡單的說就是建立一個App物件利用Frame產生視窗, 並且在App物件中等待處理Event. 這就是wxPython的基本架構

(注) tk也有人推薦, 但是功能好像比較沒有這麼完整(視窗元件), 好處是容易學習.

參考資料 :
wxPython In Action翻譯
The wxPython tutorial
Gary的Blog

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

switch-case在Python裡面的做法

在Python裡面通常在判斷多種情況的時候都是用
if condition:
statements
elif condition:
statements
else condition:
statements

因為Python沒有switch-case語法. 然而其實沒有switch-case語法的原因在於利用Python內建的資料結構dictionary就可以達到這種效果.

一般我們的switch寫法會像下面這樣 :

switch(case)
{
case 1:
 case_1();
break;
case 2:
 case_2();
break;
...
}

而在Python裡面的做法是 :

switch = {
1: case_1,
2: case_2
}

switch[case]()

把switch設定成dictionary, 然後每個case會對應到一個function, 這個function就是執行那個case的動作. 在呼叫的時候就指定switch裡面所對應到的function.
在這個例子裡面是沒有帶參數的function, 實際上也可以帶參數. 例如 : switch[case](x).


參考內容 :
http://www.mustap.com/pythonzone_post_224_python-switch-statement
http://pythonly.blogspot.com/2008/04/python-switch-case.html

張貼者： Powentan的世界 於 上午9:37 0 意見