wxPython中文教程入门实例
wxpython中文教程入门实例
wx.window 是一个基类,许多构件从它继承。包括 wx.frame 构件。
可以在所有的子类中使用 wx.window 的方法。
wxpython的几种方法:
* settitle( string title ) —— 设置窗口标题。只可用于框架和对话框。
* settooltip( wx.tooltip tip ) —— 为窗口添加提示。
* setsize( wx.size size ) —— 设置窗口的尺寸。
* setposition( wx.point pos ) —— 设置窗口出现的位置。
* show( show = true ) —— 显示或隐藏窗口。其中的参数可以为 true 或false。
* move( wx.point pos ) —— 将窗口移动到指定位置。
* setcursor( wx.stockcursor id ) —— 设置窗口的鼠标指针样式。
例子:
import wx
app = wx.pysimpleapp()
frame = wx.frame( none, -1, '' )
frame.settooltip( wx.tooltip( 'this is a frame' ) )
frame.setcursor( wx.stockcursor( wx.cursor_magnifier ) )
frame.setposition( wx.point( 0, 0 ) )
frame.setsize( wx.size( 300, 250 ) )
frame.settitle( 'simple2.py' )
frame.show()
app.mainloop()
创建了一个"this is a frame"提示。鼠标指针被设置为放大镜样式。
可用的鼠标指针样式有:
wx.cursor_arrow
wx.cursor_right_arrow
wx.cursor_blank
wx.cursor_bullseye
wx.cursor_char
wx.cursor_cross
wx.cursor_hand
wx.cursor_ibeam
wx.cursor_left_button
wx.cursor_magnifier
wx.cursor_middle_button
wx.cursor_no_entry
wx.cursor_paint_brush
wx.cursor_pencil
wx.cursor_point_left
wx.cursor_point_right
wx.cursor_question_arrow
wx.cursor_right_button
wx.cursor_sizenesw
wx.cursor_sizens
wx.cursor_sizenwse
wx.cursor_sizewe
wx.cursor_sizing
wx.cursor_spraycan
wx.cursor_wait
wx.cursor_watch
wx.cursor_arrowwait
把窗口放在了左上角,大小是 300x250 像素,标题被设置为"simple2.py"。
wx.frame 是一个容器构件。这意味着它可以容纳其它构件。它有如下的构造器:
wx.frame( wx.window parent, id, string title, wx.point pos=wx.defaultposition, wx.size size=wx.defaultsize, style = wx.default_frame_styel, string name='frame' )
构造器是一种特殊的函数。它在对象创建时被调用。对于我们来说重要的是,我们打算创建一个新的构件时,只要简单的调用它的构造器就行了。python允许 参数有默认值。所以在wx.frame中必须的参数就只剩下了parent、id和title了。如果你按顺序指定参数的值,那么你可以不必带上参数的名 称。比如你想创建一个wx.frame构件,它没有parent,标识符是100,标题是"title",位置在(100,50)大小是 (100,100):
frame=wx.frame(none,100,'title',wx.point(100,50),wx.size(100,100))
下面我们省略了 pos 参数。所以必须明确的提供 size 参数:
frame=wx.frame(none,100,'title',size=wx.size(100,100))
例子,将使用其它有用的特性:
import wx
def main():
app=wx.pysimpleapp()
frame=wx.frame(none,-1,'icon',wx.defaultposition,wx.size(350,300))
frame.seticon(wx.icon('tipi.ico',wx.bitmap_type_ico))
frame.center()
frame.show()
app.mainloop()
if __name__ == '__main__':
main()
icon文件名为iipi.ico。位于当前目录下。icon构造器的第一个参数是icon文件名,第二个参数是 icon 文件类型。
就像你注意到的,程序的结构发生了改变。这样才符合python编程的标准。
在python中,__name__ 是一个特殊的变量。更复杂的程序通常由几个文件组成,但仅有一个文件用于开启程序。对于这个文件,当你直接执行它时,python设置__name__变 量的值为'__main__'。所以,如果你双击icon.py或从命令行直接执行它,__name__ 变量的值就会等于__main__。main()函数也就会被调用。
创建一个菜单栏在wxpython中相当简单。我们将讨论给菜单栏添加菜单、为已经存在的菜单添加子菜单。所有菜单都有菜单项组成。菜单项可以是常规项、复选项以及单选项。
先来创建一个菜单栏:
menubar = wx.menubar()
接着创建我们的菜单:
file = wx.menu()
edit = wx.menu()
help = wx.menu()
然后为菜单添加菜单项。做这件事有两种方式:
file.append( 101, '&open', 'open a new document' )
file.append( 102, '&save', 'save the document' )
可以使用横线来分隔逻辑区域:
file.appendseparator()
如果想在菜单中使用 icon,你需要手工创建 menuitem 对象:
quit=wx.menuitem(file,105,'&quit\tctrl+q','quit the application')
quit.setbitmap(wx.image('stock_exit-16.png', wx.bitmap_type_png).converttobitmap())
file.appenditem(quit)
wxpython工具包只能把bitmap图片用于菜单,所以我们需要把我们的png图片转换为bitmap格式。
然后把菜单加入到菜单栏:
menubar.append( file, '&file' )
menubar.append( edit, '&edit' )
menubar.append( help, '&help' )
最后在我们的程序类中创建菜单栏:
self.setmenubar( menubar )
把上述这些组成个小脚本:
#!/usr/bin/env python
# filename: menu1.py
import wx
class mymenu( wx.frame ):
def __init__(self,parent,id,title):
wx.frame.__init__(self,parent,-1,title,wx.defaultposition,wx.size(200, 150))
menubar=wx.menubar()
file=wx.menu()
edit=wx.menu()
help=wx.menu()
file.append(101,'&open','open a new document')
file.append(102,'&save','save the document')
file.appendseparator()
quit=wx.menuitem(file,105,'&quit\tctrl+q','quit the application')
quit.setbitmap(wx.image('stock_exit-16.png', wx.bitmap_type_png).converttobitmap())
file.appenditem(quit)
menubar.append(file,'&file')
menubar.append(edit,'&edit')
menubar.append(help,'&help')
self.setmenubar( menubar )
class myapp(wx.app):
def oninit(self):
frame=mymenu(none,-1,'menu1.py')
frame.show(true)
return true
app=myapp(0)
app.mainloop()
到目前为止已经知道了如何定义默认的普通菜单项。
接下来看看如何明确的定义复选菜单项和单选菜单项:
edit.append( 201, 'check item1', '', wx.item_check )
edit.append( 202, 'check item2', '', kind=wx.item_check )
或者
quit=wxmenuitem(file,105,'&quit\tctrl+q','quit the application', wx.item_normal)
其中那个参数被称为种类。
可选的种类有:
* wx.item_normal —— 默认
* wx.item_check —— 复选
* wx.item_radio —— 单选
如果你想创建子菜单,要先创建一个菜单:
submenu = wx.menu()
然后为此子菜单添加一些菜单项:
submenu.append( 301, 'radio item1', kind= wx.item_radio )
submenu.append( 302, 'radio item2', kind=wx.item_radio )
submenu.append( 303, 'radio item3', kind=wx.item_radio )
把子菜单添加到某个菜单对象就成了:
edit.appendmenu( 203, 'submenu', submenu )
最后,我们来看一下如何响应用户的动作。我们只是简单的感受一下。后面会有更详细的解释。
当用户选择了某个菜单项时,就产生了一个事件。我们必须提供一个事件处理器,用它反应相应的事件。在 wxpython 中处理事件是到目前为止我已知最优雅最简单的了。如果翻参考手册,你会发现 wx.evt_menu 处理在事件处理那章。
假如我们想为 quit 菜单项添加一个事件处理器:
wx.evt_menu( self, 105, self.onquit )
需要提供三个信息。我们要把事件处理器绑定到的那个对象。这里是 self, 程序的主对象。与之相匹配的菜单项的 id。以及处理事件的方法的名称。
对用户的动作做出反应的方法需要两个参数。第一个是方法定义于其中的那个对象。第二个是产生的事件。本例中,我们什么也不做,只是简单的关闭我们的程序:
def onquit( self, event ):
self.close()
下面的脚本会展示上面说的各种菜单项、子菜单以及一个简单的事件处理。
我讨厌程序窗口出现在角落里,所以加上了:
self.centre()
这样窗口就会出现在屏幕的当中。
#!/usr/bin/python
# filename: menu2.py
import wx
class mymenu(wx.frame):
def __init__(self, parent, id, title):
wx.frame.__init__(self, parent, -1, title,
wx.defaultposition, wx.size(380, 250))
menubar = wx.menubar()
file = wx.menu()
edit = wx.menu()
help = wx.menu()
file.append(101, '&open', 'open a new document')
file.append(102, '&save', 'save the document')
file.appendseparator()
quit = wx.menuitem(file, 105, '&quit\tctrl+q', 'quit the application')
quit.setbitmap(wx.image ('gtk-quit.png',
wx.bitmap_type_png).converttobitmap())
file.appenditem(quit)
edit.append(201, 'check item1', '', wx.item_check)
edit.append(202, 'check item2', kind= wx.item_check)
submenu = wx.menu()
submenu.append(301, 'radio item1', kind=wx.item_radio)
submenu.append(302, 'radio item2', kind=wx.item_radio)
submenu.append(303, 'radio item3', kind= wx.item_radio)
edit.appendmenu(203, 'submenu', submenu)
menubar.append(file, '&file')
menubar.append(edit, '&edit')
menubar.append(help, '&help')
self.setmenubar(menubar)
self.centre()
wx.evt_menu(self, 105, self.onquit)
def onquit(self, event):
self.close()
class myapp(wx.app):
def oninit(self):
frame = mymenu(none, -1, 'menu2.py')
frame.show(true)
return true
app = myapp(0)
app.mainloop()
工具栏是一个集合了大多数常用命令和动作的构件。典型的象保存、打开、剪切、复制、粘贴、撤销、重复等。
目的是为了节省时间。从工具栏执行动作只需点击一下,而从菜单需要点击两下。
#!/usr/bin/env python
# filename: toolbar.py
import wx
class mytoolbar( wx.frame ):
def __init__( self, parent, id, title ):
wx.frame.__init__( self, parent, id, title, wx.defaultposition, wx.size( 350, 250 ) )
vbox = wx.boxsizer( wx.vertical )
toolbar = wx.toolbar( self, -1, style=wx.tb_horizontal | wx.no_border )
toolbar.addsimpletool( 1, wx.image( 'stock_new.png', wx.bitmap_type_png ).converttobitmap(), 'new', '' )
toolbar.addsimpletool( 2, wx.image( 'stock_open.png', wx.bitmap_type_png ).converttobitmap(), 'opne', '' )
toolbar.addsimpletool( 3, wx.image( 'stock_save.png', wx.bitmap_type_png ).converttobitmap(), 'save', '' )
toolbar.addseparator()
toolbar.addsimpletool( 4, wx.image( 'stock_exit.png', wx.bitmap_type_png ).converttobitmap(), 'exit', '' )
toolbar.realize()
vbox.add( toolbar, 0, border=5 )
self.setsizer( vbox )
self.statusbar = self.createstatusbar()
self.centre()
wx.evt_tool( self, 1, self.onnew )
wx.evt_tool( self, 2, self.onopen )
wx.evt_tool( self, 3, self.onsave )
wx.evt_tool( self, 4, self.onexit )
def onnew( self, event ):
self.statusbar.setstatustext( 'new command' )
def onopen( self, event ):
self.statusbar.setstatustext( 'open command' )
def onsave( self, event ):
self.statusbar.setstatustext( 'save command' )
def onexit( self, event ):
self.close()
class myapp( wx.app ):
def oninit( self ):
frame = mytoolbar( none, -1, ' toolbar.py' )
frame.show( true )
return true
app = myapp( 0 )
app.mainloop()
wx.boxsizer 在后面的布局章节会解释到。工具栏构件通过三步创建。
首先,我们创建一个工具栏对象。
tollbar = wx.toolbar( self, -1, style= wx.tb_horizontal | wx.no_border )
然后我们使用 addsimpletool() 方法为工具栏添加了几个工具。你在参考手册中找不到这个方法。它是一个 wxpython 扩展。这既是个诅语也是个祝福。它合 python 编程变得容易。但另一方面,这些扩展没有被写入文档。你不得不通过浏览源代码、demo 或者在邮件列表中提问来了解它们。
toolbar.addsimpletool(1,wx.image('stock_new.png',wx.bitmap_type_png).converttobitmap(),'new','')
最后,我们调用 realize() 方法。这个方法显示工具栏构件。
toolbar.realize()
工具栏有好几个事件处理顺。当你点击工具栏上的图标时,就会产生一个wx.evt_command_tool_clicked事件。我们把此事件绑定的某个具体的wx.evt_tool处理器方法上。
为了显示相关的输出,我们创建了一个状态栏。
self.statusbar = self.createstatusbar()
这仍然是另外一个 wxpython 扩展。这样一旦我们点击工具栏按纽,状态栏就会显示相关信息。这是通过使用 setstatustext() 方法达成的。
有两种基本的方法可以用来布置我们的构件。第一种是手工布置。我们通过在构造器中指定位置来摆放我们的构件。
#!/usr/bin/evn python
import wx
class myframe(wx.frame):
def __init__(self,parent,id,title):
wx.frame.__init__(self,parent,id,title,wx.defaultposition,wx.size(250,50))
panel=wx.panel(self,-1)
wx.button(panel,-1,'button1',(0,0))
wx.button(panel,-1,'button2',(80,0))
wx.button(panel,-1,'button3',(160,0))
class myapp(wx.app):
def oninit(self):
frame=myframe(none,-1,'layout.py')
frame.show(true)
frame.centre()
app = myapp(0)
app.mainloop()
当窗口大小改变时,按纽的大小和位置并不改变。这是手工设置构件位置的一个主要特征。第二种方法是使用布局管理器。这是现实程序中比较流行的方法。基本上你要使用 sizer。我们将讨论:
* wx.boxsizer
* wx.staticboxsizer
* wx.gridsizer
* wx.gridbagsizer
来写一个程序,它的窗口顶部的一行被三个按纽占据。这些按纽会随窗口的改变而改变。
#!/usr/bin/env python
# filename: wxboxsizer.py
import wx
class myframe(wx.frame):
def __init__(self,parent,id,title):
wx.frame.__init__(self,parent,id,title,(-1,-1),wx.size(250,50))
panel=wx.panel(self,-1)
box=wx.boxsizer(wx.horizontal)
box.add( wx.button( panel, -1, 'button1' ), 1 )
box.add( wx.button( panel, -1, 'button2' ), 1 )
box.add( wx.button( panel, -1, 'button3' ), 1 )
panel.setsizer(box)
self.centre()
class myapp(wx.app):
def oninit(self):
frame = myframe( none, -1, 'wxboxsizer.py' )
frame.show(true)
return true
app = myapp(0)
app.mainloop()
我既可水平的摆放构件,也可竖直的摆放。
box = wx.boxsizer( integer orient )
其中的方向(orient)可以是 wx.vertical 或 wx.horizontal。将构件加入 wx.boxsizer 要使用 add() 方法。为了理解,我们来看一下它的参数。
add(wx.window window,integer proportion=0,integer flag=0,integer border=0)
其中的 proportion 参数定义了在定义的方向上构件改变的比例。假设我们有三个按纽,它们的 proportion 属性分别为0、1和2。它们被加入一个水平的 wx.boxsizer。proportion 参数为 0 的按纽根本不发生变化。而这个参数值为 2 的按纽在水平方向改变的程序将是参数值为 1 的那个按纽的两倍。
flag 参数可以更深入的设置构件的属性。我们可以控制构件之间的边框。我们可以在构件之间增加一些空白象素。在要使用边框的地方我们需要定义边界。我们可以使用 | 符号来连接它们。比如 wx.left | wx.bottom 。flag参数的值可以是:
* wx.left
* wx.right
* wx.bottom
* wx.top
* wx.all
如果我们使用 wx.expand 标识,我们的构件将占据所有分配给它的空间。最后,我们还可以定义构件的对齐方式。有以下几种:
* wx.align_left
* wx.align_right
* wx.align_top
* wx.align_bottom
* wx.align_center_vertical
* wx.align_center_horizontal
* wx.align_center
例子:
#!/usr/bin/python
# filename: layout3.py
import wx
class myframe( wx.frame ):
def __init__( self, parent, id, title ):
wx.frame.__init__(self,parent,id,title,(-1,-1),wx.size(450,300))
panel = wx.panel(self,-1)
box = wx.boxsizer( wx.horizontal )
box.add( wx.button( panel, -1, 'button1' ), 1, wx.all, 5 )
box.add( wx.button( panel, -1, 'button2' ), 0, wx.expand )
box.add( wx.button( panel, -1, 'button3' ), 0, wx.align_center )
panel.setsizer( box )
self.center()
class myapp( wx.app ):
def oninit( self ):
frame = myframe( none, -1, 'layout3.py' )
frame.show( true )
return true
app = my app( 0 )
app.mainloop()
这个例子中,我们仍旧是创建了三个按纽。第一个的周围有一些边界。它是唯一一个可以在水平方向改变大小的,当主窗口的大小改变时。第二个按纽占据了分配给它的所有空间。第三个在竖起方向据中对齐。
可以任意组合 wx.boxsizer 。
例如,可以将几个水平的 wx.boxsizer 放在一个竖起的 wx.boxsizer 中或者相反。
这样就能产生复杂的布局。
#!/usr/bin/env python
# filename: borders.py
import wx
class myframe( wx.frame ):
def __init__( self, parent, id, title ):
wx.frame.__init__( self, parent, id, title )
vbox = wx.boxsizer( wx.vertical )
hbox1 = wx.boxsizer( wx.horizontal )
hbox2 = wx.boxsizer( wx.horizontal )
pnl1 = wx.panel( self, -1, style=wx.simple_border )
pnl2 = wx.panel( self, -1, style=wx.raised_border )
pnl3 = wx.panel( self, -1, style=wx.sunken_border )
pnl4 = wx.panel( self, -1, style=wx.double_border )
pnl5 = wx.panel( self, -1, style=wx.static_border )
pnl6 = wx.panel( self, -1, style=wx.no_border )
hbox1.add( pnl1, 1, wx.expand | wx.all, 3 )
hbox1.add( pnl2, 1, wx.expand | wx.all, 3 )
hbox1.add( pnl3, 1, wx.expand | wx.all, 3 )
hbox2.add( pnl4, 1, wx.expand | wx.all, 3 )
hbox2.add( pnl5, 1, wx.expand | wx.all, 3 )
hbox2.add( pnl6, 1, wx.expand | wx.all, 3 )
vbox.add( hbox1, 1, wx.expand )
vbox.add( hbox2, 1, wx.expand )
self.setsizer( vbox )
self.centre()
class myapp( wx.app ):
def oninit( self ):
frame = myframe( none, -1, 'borders.py' )
frame.show( true )
return true
app = myapp( 0 )
app.mainloop()
在这个例子中,我们创建了一个两行三列的表格。我们创建了一个竖直的 wx.boxsizer 和两个水平的 wx.boxsizer。我们只是简单的把两个水平的放进了那个竖直的中了。我们展示了六种可用的边框样式。边框是简单的窗口装饰品。注意其中两个边框样 式只能在 windows 上使用。
边框:
* wx.simple_border
* wx.raised_border
* wx.sunken_border
* wx.double_border
* wx.static_border
* wx.no_border
wx.gridsizer 使用两维的表格来布局它里面的东西。每个表格的宽度等于它里面最大那个构件的宽度,高度等于它里面高度最大的那个构件的高度。
wx.gridsizer( integer rows, integer cols, integer vgap, integer hgap )
在构造器中,设定行和列的数目以及构件的水平和竖直间距。
使用 addmany() 方法将构件插入到表中。按照从左到右、从上到下的顺序。
#!/usr/bin/env python
# filename: calculator.py
import wx
class myframe( wx.frame ):
def __init__( self, parent, id, title ):
wx.frame.__init__(self,parent,id,title,wx.defaultposition,wx.size(300, 250))
self.formula = false
menubar = wx.menubar()
file = wx.menu()
file.append( 22, '&quit', 'exit calculator' )
menubar.append( file, '&file' )
self.setmenubar( menubar )
wx.evt_menu( self, 22, self.onclose )
sizer = wx.boxsizer( wx.vertical )
self.display = wx.textctrl(self, -1, '', style=wx.te_right)
sizer.add(self.display, 0, wx.expand|wx.top|wx.bottom, 4)
gs = wx.gridsizer(4, 4, 3, 3)
gs.addmany([(wx.button(self, 20, 'cls'), 0, wx.expand),
(wx.button(self, 21, 'bck'), 0, wx.expand),
(wx.statictext(self, -1, ''), 0, wx.expand),
(wx.button(self, 22, 'close'), 0, wx.expand),
(wx.button(self, 1, '7'), 0, wx.expand),
(wx.button(self, 2, '8'), 0, wx.expand),
(wx.button(self, 3, '9'), 0, wx.expand),
(wx.button(self, 4, '/'), 0, wx.expand),
(wx.button(self, 5, '4'), 0, wx.expand),
(wx.button(self, 6, '5'), 0, wx.expand),
(wx.button(self, 7, '6'), 0, wx.expand),
(wx.button(self, 8, '*'), 0, wx.expand),
(wx.button(self, 9, '1'), 0, wx.expand),
(wx.button(self, 10, '2'), 0, wx.expand),
(wx.button(self, 11, '3'), 0, wx.expand),
(wx.button(self, 12, '-'), 0, wx.expand),
(wx.button(self, 13, '0'), 0, wx.expand),
(wx.button(self, 14, '.'), 0, wx.expand),
(wx.button(self, 15, '='), 0, wx.expand),
(wx.button(self, 16, '+'), 0, wx.expand)])
sizer.add(gs, 1, wx.expand)
self.setsizer(sizer)
self.centre()
wx.evt_button(self, 20, self.onclear)
wx.evt_button(self, 21, self.onbackspace)
wx.evt_button(self, 22, self.onclose)
wx.evt_button(self, 1, self.onseven)
wx.evt_button(self, 2, self.oneight)
wx.evt_button(self, 3, self.onnine)
wx.evt_button(self, 4, self.ondivide)
wx.evt_button(self, 5, self.onfour)
wx.evt_button(self, 6, self.onfive)
wx.evt_button(self, 7, self.onsix)
wx.evt_button(self, 8, self.onmultiply)
wx.evt_button(self, 9, self.onone)
wx.evt_button(self, 10, self.ontwo)
wx.evt_button(self, 11, self.onthree)
wx.evt_button(self, 12, self.onminus)
wx.evt_button(self, 13, self.onzero)
wx.evt_button(self, 14, self.ondot)
wx.evt_button(self, 15, self.onequal)
wx.evt_button(self, 16, self.onplus)
def onclear(self, event):
self.display.clear()
def onbackspace(self, event):
formula = self.display.getvalue()
self.display.clear()
self.display.setvalue(formula[:-1])
def onclose(self, event):
self.close()
def ondivide(self, event):
if self.formula:
return
self.display.appendtext('/')
def onmultiply(self, event):
if self.formula:
return
self.display.appendtext('*')
def onminus(self, event):
if self.formula:
return
self.display.appendtext('-')
def onplus(self, event):
if self.formula:
return
self.display.appendtext('+')
def ondot(self, event):
if self.formula:
return
self.display.appendtext('.')
def onequal(self, event):
if self.formula:
return
formula = self.display.getvalue()
self.formula = true
try:
self.display.clear()
output = eval(formula)
self.display.appendtext(str(output))
except standarderror:
self.display.appendtext("error")
def onzero(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('0')
def onone(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('1')
def ontwo(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('2')
def onthree(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('3')
def onfour(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('4')
def onfive(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('5')
def onsix(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('6')
def onseven(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('7')
def oneight(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('8')
def onnine(self, event):
if self.formula:
self.display.clear()
self.formula = false
self.display.appendtext('9')
class myapp(wx.app):
def oninit(self):
frame = myframe(none, -1, "calculator.py")
frame.show(true)
self.settopwindow(frame)
return true
app = myapp(0)
app.mainloop()
输入的公式使用 python 的内置函数 eval 来处理。
output = eval( formula )
如果公式有错,就会显示一条错误信息。
请注意如何在 bck 和 close 按纽之间插入空白的。
只是简单的在那放了一个空的 wx.statictext。这是一个很常用的技巧。
上一篇: 软文写作技巧:seo类文章的写作构成方式