最新消息:欢迎光临 魔力 • Python!大家可以点开导航菜单中的【学习目录】,这个目录类似图书目录,更加方便学习!

Python3萌新入门笔记(43)

Python教程 小楼一夜听春语 3493浏览 0评论

这一篇教程开始,我们来了解Python的图形界面(GUI)编程。

Python的GUI库有很多,这里我只介绍wxPython这个库(很有名气的一个库)。

当然,也只是入门级的介绍。

wxPython这个库包含了很丰富的内容,如果想深入了解,可以下载官方的文档和Demo文件进行了解。

下载地址:https://extras.wxpython.org/wxPython4/extras/

提示:进入下载之后,选择版本号,在打开的新一级目录中,下载包含demo和docs的压缩文件(.tar.gz)。

wxPython可以直接通过pip命令进行安装,或者在PyCharm中进行安装。

安装操作可以参考《PyCharm中安装与卸载Python第三方库》。

完成安装之后,我们就可以通过import wx来使用这个库。

创建一个简单的图形界面应用程序,有几个必须的步骤。

  1. 创建应用
  2. 添加框架
  3. 添加面板
  4. 添加控件
  5. 添加函数
  6. 绑定控件函数
  7. 显示框架
  8. 运行主程序

接下来,我们就基于这几个步骤来创建一个简单的图像界面应用程序。

一、显示一个应用程序的图形界面

这里我们先完成步骤1、2、7、8,就能够完成一个空白程序界面的创建。

示例代码:

import wx

app = wx.App()  # 创建应用
win = wx.Frame(None, title='小楼帅哥哥的文本编辑器', size=(400, 320))  # 创建框架
# 此处省略其它步骤
win.Show()  # 显示框架
app.MainLoop()  # 运行主程序

在上方代码中,我们对App和Frame两个类进行了实例化。

这里我们来看一下官方文档中对这两个类的介绍。

wx.App:每个wx应用程序都必须有一个wx.App实例。为了确保GUI平台和wxWidgets已经完全初始化,所有创建UI对象的过程都应该放在wx.App实例化之后。

wx.Frame:框架是一个窗口,其大小和位置可以(通常)由用户更改。它通常有粗边框和标题栏,并且可以选择包含菜单栏、工具栏和状态栏。框架可以包含任何不是框架或对话框的窗口。

在对Frame类进行实例化时,可以设定一些参数。

Frame(parent, id=ID_ANY, title=””, pos=DefaultPosition,size=DefaultSize, style=DEFAULT_FRAME_STYLE, name=FrameNameStr)

  • parent:父窗口。一般情况下是None。如果不是None,当前窗口的父窗口被最小化并恢复时,当前窗口将被最小化。
  • id:窗口的标识符。它的值可以为-1,表示默认值。
  • title:窗口的标题。它的值是一个字符串。
  • pos:窗口的位置。参数值DefaultPosition表示默认位置,可以输入包含x轴与y轴坐标数值的元组。
  • size:窗口的尺寸。参数值DefaultSize表示默认尺寸,可以输入包含宽度与高度数值的元组。
  • style:窗口的样式。具体设置参考官方文档wx.Frame类描述中的Window Styles部分【点此查看】。例如,创建一个不可以调整尺寸的窗口,该参数的设置为:使用默认样式并且(&)不包含(~)更改边框尺寸和(|)最大化按钮
    style = wx.DEFAULT_FRAME_STYLE & ~(wx.RESIZE_BORDER | wx.MAXIMIZE_BOX )
  • name:窗口的名称。值为字符串;该参数用于将名称与项目关联起来,允许应用程序用户为单个窗口设置主题资源值。

除了两个类的实例化,我们还分别调用了这两各类的实例方法。

注意,wxPython库中的方法命名都是首字母大写的格式,这和python的习惯不一致。

  • Show(show=True):用于显示隐藏窗口。不填入参数或参数为True时,显示窗口;参数为False时,隐藏窗口。
  • MainLoop():循环执行GUI主程序

运行代码之后,我们就能够看到一个程序的界面。

接下来,我们向窗口中添加一些控件。

虽然,我们可以在窗口中直接添加控件,但是,这样并不便于管理。

当一个窗口中,划分了不同的功能(一个功能可能是多个控件组成),有些功能需要能够单独的显示或隐藏时,实现起来会非常复杂。

解决这样的问题,我们可以使用wx.Panel类。

Panel是放置控件的窗口。

在实例化一个Panel时,我们同样可以设定一些参数。

Panel(parent, id=ID_ANY, pos=DefaultPosition, size=DefaultSize,style=TAB_TRAVERSAL, name=PanelNameStr)

  • parent:父窗口。
  • id:面板的标识符。
  • pos:窗口的位置。参数值DefaultPosition表示默认位置,可以输入包含x轴与y轴坐标数值的元组。
  • size:窗口的尺寸。参数值DefaultSize表示默认尺寸,可以输入包含宽度与高度数值的元组。
  • style:面板的样式。具体设置参考官方文档wx.Panel类描述中的Window Styles部分。
  • name:面板的名称。参数值为字符串。

默认情况下,面板的尺寸和父窗口一致,颜色和对话框相同;如果想更改可以用面板对象调用相关的Set方法。

例如,添加一个面板并设置颜色为灰色。

示例代码:

pan = wx.Panel(win)  # 添加面板
pan.SetBackgroundColour('#666666')  # 设置面板颜色

运行代码,我们就能够看到当前的效果。

有了面板之后,我们可以在面板中添加其他的控件。

例如,我们做一个可以选择文件/打开文件/编辑文本/保存文件的文本编辑器。

这里我们需要添加几个控件:

  • 文件选择控件:FilePickerCtrl
  • 按钮:Button
  • 文本控件:TextCtrl

这些控件的参数大同小异,一般包含以下参数:

  • parent:父窗口。
  • id:控件的标识符。
  • label/value:控件上默认的文本或值。
  • pos:控件在父窗口中的位置。
  • size:控件的尺寸。
  • style:控件的样式。
  • validator:控件的验证器。
  • name:控件的名称。

示例代码:

file_btn = wx.FilePickerCtrl(pan, pos=(5, 5))
file_btn.GetPickerCtrl().SetLabel('选择')
open_btn = wx.Button(pan, label='打开', pos=(215, 5), size=(80, 30))
save_btn = wx.Button(pan, label='保存', pos=(300, 5), size=(80, 30))
cont_ipt = wx.TextCtrl(pan, pos=(5, 40), size=(375, 240), style=wx.TE_MULTILINE | wx.HSCROLL)

这里特别说一下FilePickerCtrl控件和TextCtrl控件。

FilePickerCtrl控件默认的文字为Browse(浏览),如果想改成中文,不能直接调用SetLabel()方法。

原因就是这个控件由两个控件(TextCtrl和PickerCtrl)组成,如果设置选择控件(PickerCtrl)的文本,必须先获取选择控件。

TextCtrl控件默认是单行文本输入框,如果想能够多行输入并且带有滚动条,需要设置style参数。

  • wx.TE_MULTILINE:文本允许多行(自动允许垂直滚动)
  • wx.HSCROLL:允许水平滚动

通过以上代码,我们就实现了我们想要的图形界面。

示例代码:(当前全部代码)

import wx

app = wx.App()  # 创建应用
win = wx.Frame(None, title='小楼帅哥哥的文本编辑器', size=(400, 320))  # 创建框架

pan = wx.Panel(win)  # 添加面板
pan.SetBackgroundColour('#666666')  # 设置面板颜色

file_btn = wx.FilePickerCtrl(pan, pos=(5, 5))  # 添加文件选择控件
file_btn.GetPickerCtrl().SetLabel('选择')  # 设置选择控件文本
open_btn = wx.Button(pan, label='打开', pos=(215, 5), size=(80, 30))  # 添加按钮控件
save_btn = wx.Button(pan, label='保存', pos=(300, 5), size=(80, 30))  # 添加按钮控件
cont_ipt = wx.TextCtrl(pan, pos=(5, 40), size=(375, 240), style=wx.TE_MULTILINE | wx.HSCROLL)  # 添加文本控件

win.Show()  # 显示框架
app.MainLoop()  # 运行主程序

不过,完成这个界面的过程很复杂,每个控件我们都需要指定位置;并且,还存在一个问题,就是改变窗口尺寸的时候,控件不能够跟随着改变尺寸。

如果想布局更加容易,而且能达到控件尺寸自动适应窗口尺寸的效果,我们可以使用sizer(尺寸器)。

wx.BoxSizer类,能够帮助我们创建尺寸器对象。

大家可以把尺寸器理解为一个控件容器,尺寸器中的控件可以水平摆放或者垂直摆放,并且尺寸器可以嵌套。

我们刚刚写好的界面,如果使用尺寸器,需要先划分。

如上图所示,hbox中包含3个控件:文件选择/打开按钮/保存按钮。

而vbox中,包含hbox和文本控件。

示例代码:

hbox = wx.BoxSizer()  # 尺寸器实例化(默认水平)
hbox.Add(file_btn, proportion=1, flag=wx.EXPAND)  # 添加控件到尺寸器
hbox.Add(open_btn, proportion=0, flag=wx.LEFT, border=5)  # 添加控件到尺寸器
hbox.Add(save_btn, proportion=0, flag=wx.LEFT, border=5)  # 添加控件到尺寸器

vbox = wx.BoxSizer(wx.VERTICAL)  # 尺寸器实例化(垂直)
vbox.Add(hbox, proportion=0, flag=wx.EXPAND | wx.ALL, border=5)  # 添加尺寸器到尺寸器
vbox.Add(cont_ipt, proportion=1, flag=wx.EXPAND | wx.LEFT | wx.BOTTOM | wx.RIGHT, border=5)  # 添加控件到尺寸器

pan.SetSizer(vbox)  # 为窗口设置尺寸器

在上方代码中,需要为大家介绍一下Add()方法和SetSizer()方法。(这里只介绍部分参数)

Add (sizer, proportion=0, flag=0, border=0):此方法能够将子尺寸器(或控件)添加到尺寸器。

  • sizer:尺寸器或控件。
  • proportion:参数值为0或者1;值为1时,尺寸器或控件尺寸将随窗口尺寸发生变化;值为0时,为固定尺寸。
  • flag:影响尺寸器行为的标志;参数为整数或值为整数的常量。
  • border:边距;值为整数。

这里比较难懂的是flag这个参数,它的值可以为多个,值之间需要使用管道符“|”分隔。

  • wx.EXPAND:指定尺寸器或控件是否被扩展以填充分配给它的空间。
  • wx.LEFT/wx.RIGHT/wx.BOTTOM/wx.ALL:指定边界宽度将应用到的尺寸器的哪一边。

更多参数信息请参考官方文档中sizers_overview的Sizer Flag部分【点此查看】。

SetSizer( sizer):将设置好布局的尺寸器添加到窗口。

更多参数信息请参考官方文档中wx.Window的方法部分【点此查看】。

在下一篇教程中,我们再继续完成这个应用程序的功能部分。

本节知识点:

1、wxPython简介

2、创建图形界面

3、使用尺寸器布局

本节英文单词与中文释义:

1、app:计算机应用程序

2、frame:框架

3、GUI(Graphical User Interface):图形用户界面

4、widget:部件

5、loop:循环

6、picker:选择器

7、border:边框

8、expand:扩展

9、proportion:比例

10、box:盒子

11、save:保存

12、browse:浏览

13、label:标签

14、multiline:多行

15、text:文本

16、ctrl:控制

17、left:左侧

18、right:右侧

19、bottom:底部

20、btn(button):按钮

21、ipt(input):输入

22、cont(content):内容

23、title:标题

24、style:样式

25、win(window):窗口

26、pan(panel):面板

27、background:背景

28、colour:颜色

29、tab(tabulator ):跳格\制表

30、maximize:取最大值

31、resize:调整尺寸

32、any:任何

33、traversal:遍历

转载请注明:魔力Python » Python3萌新入门笔记(43)

头像
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网站 (可选)