今天在读 wxPython 的 doc, 里面有个 demo.py 打开后是所有 demo 以及示例源码的大本营。这个程序做的非常有特色,在边看示例的时候可以看其中的源代码,还可以随时呼叫一个 demo,我才大致看了一两个文件,写一些笔记记录与此。(因为之前也没学过任何 python 下的 gui 编程,所以有些内容难免显得比较初级)。
1. 树型结构的完美表达方式。
首先点击界面左边的树根,右侧 panel 里面可以查看源码,这个就是该 demo 程序的主程序。首先我看到的是定义了一个:
_treeList = [...(...里面很多层嵌套内容就不写了...)...]
格式的东西,而其中的文字表明正是 demo 程序左侧的树状目录。在这里我们可以看到 python 的威力!利用 [] 和 () 这两种记号,结合使用列表和元组的数据结构就方便的定义了一个树型结构。这种写法其实感觉上和 javascript 里的数组以及对象的简略定义方法类似。
至于这个树是如何展现的,我打算在后面再回过头来研究。
2. 自定义 Logger 的机制
往下看我们就能看到一个
class
MyLog(wx.PyLog):
def
__init__
(self, textCtrl, logTime
=
0):
wx.PyLog.
__init__
(self)
self.tc
=
textCtrl
self.logTime
=
logTime
![None.gif](/Images/OutliningIndicators/None.gif)
def
DoLogString(self, message, timeStamp):
#
print message, timeStamp
#
if self.logTime:
#
message = time.strftime("%X", time.localtime(timeStamp)) + \
#
": " + message
if
self.tc:
self.tc.AppendText(message
+
'
\n
'
)
注释里也说明了,这里展示了如何实现一个自定义的 logger.
我们看到,这个自定义 logger 的构造器中除了 self 是必须的之外,引入了两个参数。textCtrl 是你要把 logger 写入到的那个文本控件, logTime 则是日志时间,这个有默认参数,可以不指定。
然后我们重写 DoLogString 方法,把日志文本写入到 textCtrl 这个文本框里去就 OK 了。整个代码也是非常的简单!
下面的代码有点长,暂时看不太懂,先不管它。。
然后我开始点击到树状列表中的 /Frames and Dialogs/Dialog 节点,来学学基本的对话框是如何用的。
试了几下 demo 后看源代码。我们看到这个文件里大概可以分为几个部分:
class
TestDialog(wx.Dialog):
![None.gif](/Images/OutliningIndicators/None.gif)
![dot.gif](/Images/dot.gif)
class
TestPanel(wx.Panel):
![None.gif](/Images/OutliningIndicators/None.gif)
![dot.gif](/Images/dot.gif)
def
runTest(frame, nb, log):
win
=
TestPanel(nb, log)
return
win
![None.gif](/Images/OutliningIndicators/None.gif)
![dot.gif](/Images/dot.gif)
if
__name__
==
'
__main__
'
:
import
sys,os
import
run
run.main([
''
, os.path.basename(sys.argv[0])]
+
sys.argv[
1
:])
大致看一遍就能理解, TestDialog 是继承自 wx.Dialog 的一个自定义对话框类。
该类的实例,将会在我们点击 Demo 那个面板上的 "Create and Show a custom Dialog" 面板后被创建,并显示出来。
TestPanel 是继承自 wx.Panel 的一个类,可以推测这里是创建了一个自定义的面板类。为什么要创建面板?因为这个东东是要能够别嵌入到主窗体里的 demo 选项卡里去的。这段代码后面我们就会看到。
TestDialog 的代码没什么意思,大致上就是和 C# winform 里面 designer 生成的代码很类似:创建控件,添加控件到容器里面,等等。不过不同的是,wxPython 里面我们可以看到,控件都是加到一个叫做 sizer 的东东里面去的,估计是让 sizer 来专门控制其尺寸方位调节之类的。(这个是我猜测的)。
然后值得注意的是最后这段代码:
self.SetSizer(sizer)
sizer.Fit(self)
最终再把 sizer 加到 Dialog 容器中,并让它进行一定的调整(其具体内容先不深究了)。
TestPanel 上面虽然只摆了一个 button,但是我觉得从中可以学到不少。代码如下:
class
TestPanel(wx.Panel):
def
__init__
(self, parent, log):
self.log
=
log
wx.Panel.
__init__
(self, parent,
-
1
)
![None.gif](/Images/OutliningIndicators/None.gif)
b
=
wx.Button(self,
-
1
,
"
Create and Show a custom Dialog
"
, (
50
,
50
))
self.Bind(wx.EVT_BUTTON, self.OnButton, b)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
def
OnButton(self, evt):
dlg
=
TestDialog(self,
-
1
,
"
This is a Dialog
"
, size
=
(
350
,
200
),
#
style = wxCAPTION | wxSYSTEM_MENU | wxTHICK_FRAME
style
=
wx.DEFAULT_DIALOG_STYLE
)
dlg.CenterOnScreen()
![None.gif](/Images/OutliningIndicators/None.gif)
#
this does not return until the dialog is closed.
val
=
dlg.ShowModal()
if
val
==
wx.ID_OK:
self.log.WriteText(
"
You pressed OK\n
"
)
else
:
self.log.WriteText(
"
You pressed Cancel\n
"
)
![None.gif](/Images/OutliningIndicators/None.gif)
dlg.Destroy()
首先我注意到其构造器里面,有一个 log 参数,这个联想到前面分析的就可以知道,是要从这里实现 logger 的依赖注入。
另外看到的是如何处理 button 的事件。(顺便学会
事件处理了,嘿嘿)
第三点,
模态对话框返回值如何判断。(用 wx.ID_OK 这个常数来判断)
好了,再来看一下 runTest 函数。
def
runTest(frame, nb, log):
win
=
TestPanel(nb, log)
return
win
我们看到这里创建了 TestPanel 的实例,并且返回了。返回给谁了?
很明显可以猜到,一定是给主窗体这个调用者了。
然后我回到树根的代码里看看。找到这么一段:
try
:
self.demoPage
=
module.runTest(self, self.nb, self)
except
:
self.demoPage
=
DemoErrorPanel(self.nb, self.codePage,
DemoError(sys.exc_info()), self)
这里看到其代码的意思是调用某个模块(module)的 runTest 方法,如果失败了则替换显示为一个错误信息的面板之类的,先不管它。
而且我们现在也可以猜到, runTest 方法应该是每个 demo 节点对应的模块里都会实现的一个方法,类似于接口规定的一样。(不过我这里还没找到相关接口的机制)
好了,我也累了,先学到这里。。。下次继续:)