前言:
我是在豆瓣评论(http://book.douban.com/review/5780362/)上看得连接(http://hwg86.blog.16
一、概念
XRC(XML Resource)的设计来源于wxWidgets,它的想法很简单,就是将界面设计的工作从程序中独立出来。具体的做法是,创建单独的XML文件,负责界面设计,程序运行的时候载入,生成界面。这样做的好处是显而易见的。首先,将繁琐的外观设计代码从程序中去掉,程序更清晰易读。其次,XRC文件独立于程序,程序运行时才调用,因此可以随意更换外观。这种思想并不是wxWidgets的原创,MFC中的RC已经有了,类似的还有HTML和CSS的关系。wxPython从wxWidgets继承而来,当然也保留了XRC。
这里有几点要补充的。一是wxPython的XRC文件中用到的类名称仍然是wxWidgets中的类名称,换句话说,wxPython和wxWidgets可以共用XRC文件,第二点要补充的是XRC文件可以编译成二进制文件XRS,或者编译成C++代码。
二、例子
先来看一个例子。
imp
class MyFrame(wx.Frame):
def __init__(self):
wx.Frame.__init__(self, parent=None, id=wx.ID_ANY, title='My Frame')
panel = wx.Panel(self)
label1 = wx.StaticText(panel, wx.ID_ANY, 'First name:')
label2 = wx.StaticText(panel, wx.ID_ANY, 'Last name:')
self.text1 = wx.TextCtrl(panel, wx.ID_ANY)
self.text2 = wx.TextCtrl(panel, wx.ID_ANY)
button = wx.Button(panel, wx.ID_ANY, 'Submit')
sizer = wx.FlexGridSizer(rows=2, cols=2, vgap=5, hgap=5)
self.Bind(wx.EVT_BUTTON, self.On
sizer.Add(label1)
sizer.Add(self.text1)
sizer.Add(label2)
sizer.Add(self.text2)
sizer.Add((0,0)) #filler for the grid cell
sizer.Add(button)
panel.SetSizer(sizer)
sizer.Fit(self)
def On
wx.MessageBox('Your name is %s %s!' %
(self.text1.GetValue(), self.text2.GetValue()), 'Feedback')
class MyApp(wx.App):
def On
frame = MyFrame()
self.SetTopWindow(frame)
frame.Show()
return True
if __name__ == '__main__':
app = MyApp(False)
app.MainLoop()
这是一个简单的wxPython程序。可以看到上面的代码中,除了Bind和On
imp
from wx imp
class MyApp(wx.App):
def On
self.res = xrc.XmlResource('gui.xrc')
self.init_frame()
return True
def init_frame(self):
self.frame = self.res.LoadFrame(None, 'mainFrame')
self.panel = xrc.XRCCTRL(self.frame, 'panel')
self.text1 = xrc.XRCCTRL(self.panel, 'text1')
self.text2 = xrc.XRCCTRL(self.panel, 'text2')
self.frame.Bind(wx.EVT_BUTTON, self.On
self.frame.Show()
def On
wx.MessageBox('Your name is %s %s!' %
(self.text1.GetValue(), self.text2.GetValue()), 'Feedback')
if __name__ == '__main__':
app = MyApp(False)
app.MainLoop()
看起来是不是比上面的清晰多了,当然,程序要跑起来,还需要下面的部分.
下面的代码属于XRC文件。
<?xml version="1.0" encoding="utf-8"?>
<resource>
<object name="mainFrame">
<title>My Frame</title>
<object name="panel">
<object
<cols>2</cols>
<rows>3</rows>
<vgap>5</vgap>
<hgap>5</hgap>
<object
<object name="label1">
<label>First name:</label>
</object>
</object>
<object
<object name="text1"/>
</object>
<object
<object name="label2">
<label>Last name:</label>
</object>
</object>
<object
<object name="text2"/>
</object>
<object
<size>0,0</size>
</object>
<object
<object name="button">
<label>Submit</label>
</object>
</object>
</object>
</object>
</object>
</resource>
这段代码看起来很复杂,但是如果熟悉XML的话,应该很容易看明白它的结构。最关键的是,我们不用亲手写这些代码,很多工具,像XRCed,wxGlade都可以自动生成这些代码,你所要做的只是点几下鼠标。
三、创建XRC文件
虽然我们不用亲自写XRC文件,弄清楚它的原理还是必要的。在wxPython中,Button的构造函数是这样的。
wx.Button( parent, id, label='', pos=wx.DefaultPosition, size=wx.DefaultSize,
size=wx.DefaultSize, style=0, validator=wx.DefaultValidator, name='button')
实际使用的时候,通常没有这么多参数,
button = wx.Button(panel, wx.ID_ANY, 'Submit')
但是在XRC文件中,要创建一个Button,通常用下面的方式,
<object name="button">
<label>Submit</label>
</object>
从上面这几行代码中,我们可以得到如下信息:
1. XRC用<object> </object>表示要创建的对象。
2. XRC用所用的是C++的类名wxButton,而不是wxPython的类名wx.Button。
3. XRC用name表示对象的名称,对应于python代码中的id。
4. XRC用层次关系表示对象之间的父子关系。
下面这段代码显示了XRC文件的层次关系。
<?xml version="1.0" encoding="utf-8"?>
<resource>
<object name="mainFrame">
<title>Test Frame</title>
<object name="panel">
<object name="button">
<label>Submit</label>
</object>
</object>
</object>
</resource>
注意,所有的结构都包含在<resource> </resource>中,表示这个文件是XML Resource文件。
到目前为止,我们对XRC文件的结构已经有了初步的认识,接下来要了解的是在Python程序中如何用到它们。
四、使用XRC文件
如何使用XRC文件是wxPython+XRC框架的关键一步。在前面的代码中,我们注意到这样两行,
imp
from wx imp
这里要强调的是xrc模块必须单独被导入,所以,第二行是必须的。
class MyApp(wx.App):
def On
self.res = xrc.XmlResource('gui.xrc')
self.init_frame()
return True
在上面这几行代码中,在上面的代码中,Self.res存储xrc文件的内容。xrc.XmlResource是导入XRC文件,创建xrc对象的关键。
self.init_frame()是用户自己定义的函数。你不一定要定义self.init_frame()函数,这样做的好处只是把初始化框架的工作单独放在一起,看起来清晰。你也可以在On
self.frame = self.res.LoadFrame(None, 'mainFrame')
LoadFrame()函数返回mainFrame的引用,将顶层Frame对象载入到python程序中,第一个参数是parent,第二个参数是ID,即XRC文件中为Frame取的名字。这个函数还初始化所有的children Frame,这些工作并没有显示的表现出来,由XRC自动完成。
当你想从XRC文件中提取信息时,有两种方式可以选择,一种是XRCID(XRC_name),这个函数可以获得对象的ID;另一种是XRCCTRL(XRC_name),可以获得对象的引用。
self.panel = xrc.XRCCTRL(self.frame, 'panel')
self.text1 = xrc.XRCCTRL(self.panel, 'text1')
self.text2 = xrc.XRCCTRL(self.panel, 'text2')
对XRCCTRL需要多说两句,XRCCTRL函数返回对象的引用。但是并没有create新对象,仅仅是获取他们的引用,创建对象的工作已经在上面的LoadFrame()过程中完成了。另一个需要强调的是,调用XRCCTRL时,不一定提供直接的parent,可以使用更上一层的parent,XRCCTRL会用FindWindowById递归的往下找。也就是说,如果你迷路了,报上爷爷的名字,警察叔叔也能把你送到家。
到目前为止,构造界面的工作算是完成了。如果你熟悉GUI编程的话,马上会想到,接下来的工作应该是将Gui对象,事件和事件处理函数联系起来。这就是接下来要讲的事件绑定。
五、事件绑定
先看一段代码,
self.frame.Bind( wx.EVT_BUTTON, self.On
这是一个简单的绑定的例子,将按钮事件,事件函数和按钮ID绑定起来。前两个参数不用多解释,注意第三个参数中的XRCID函数,这个函数通过对象的名称ID返回对象的数字ID。这个数字ID是你在创建对象的时候wxPython用wx.NewID()生成的。
讲到这里有必要了解一下Bind()函数,下面是Bind()函数的定义,
Bind(event, handler, source=None, id=wx.ID_ANY, id2=wx.ID_ANY)
最后一个参数我们忽略不计。第四个参数就是我们刚才的例子中的第三个参数,你也许会奇怪,为什么跳过了默认的第三个参数直接读取第四个参数,程序还能正常?在这种情形下,它的确就是正常。看了Bind()函数的定义之后,你也许还能想出另一种调用方法,像下面这样,
self.button = xrc.XRCCTRL(self.panel, 'button')
self.frame.Bind(wx.EVT_BUTTON, self.On
这当然也是正确的。但我们通常都用前一种方法。为什么呢?后一种不是更直观吗?真正的原因是,XRCCTRL只能返回wxWindow的继承类的引用,也就是有GetID方法的类。但很多情况下,我们要绑定的对象并不是wxWindow的继承类,像我们经常用到的Bind是将event handler和menu绑定起来,wxMenuItem类不是由wxWindow继承而来,因此,用XRCCTRL得不到它的引用,这种情况下,必须用XRCID来获得对象的ID,并将ID传给Bind作为参数。所以,为了简单,为了统一,我们就选择ID来作为Bind的参数。
关于利用wxPython+XRC的框架进行GUI编程,到这里就讲完了,这些东西是我从网上收集来的,半翻译半笔记最后写成现在这样。主要参考了下面这篇文章
http://wiki.wxpython.org/XRCTutorial
希望能对也为这个内容困惑的朋友有帮助。