用wxPython打造Python图形界面(下)

2019年04月25日 由 sunlei 发表 114140 0
上一篇文章,我们进行了以下几个部分,在这一篇我们接着往下进行。

  • wxPython入门

  • 安装wxPython

  • GUI的定义

  • 事件循环

  • 创建框架应用程序

  • 小部件

  • 绝对定位

  • 分级器(动态分级)

  • 添加一个事件

  • 创建工作应用程序

  • 设计用户界面

  • 创建用户界面


前文回顾:

用wxPython打造Python图形界面(上)

用wxPython打造Python图形界面(中)

本文目录:

  • 制作一个应用程序

  • 创建编辑对话框

  • 结论


制作一个功能应用程序

使应用程序工作的第一步是更新应用程序,使它具有一个文件菜单,因为这样你就可以将MP3文件添加到创建中。菜单几乎总是添加到wx.frame中。这就是你需要修改的类。

注意:有些应用程序已经不再在其应用程序中使用菜单。第一个这样做的是Microsoft Office,他们添加了Ribbon Bar。wxPython工具包有一个自定义小部件,你可以使用它在wx.lib.ag .ribbon中创建ribbon。

另一种最近已经删除菜单的应用程序是web浏览器,比如谷歌Chrome和Mozilla Firefox。现在他们只使用工具栏。

让我们学习如何添加菜单栏到我们的应用程序:
class Mp3Frame(wx.Frame):

def __init__(self):

wx.Frame.__init__(self, parent=None,

title='Mp3 Tag Editor')

self.panel = Mp3Panel(self)

self.create_menu()

self.Show()

def create_menu(self):

menu_bar = wx.MenuBar()

file_menu = wx.Menu()

open_folder_menu_item = file_menu.Append(

wx.ID_ANY, 'Open Folder',

'Open a folder with MP3s'

)

menu_bar.Append(file_menu, '&File')

self.Bind(

event=wx.EVT_MENU,

handler=self.on_open_folder,

source=open_folder_menu_item,

)

self.SetMenuBar(menu_bar)

def on_open_folder(self, event):

title = "Choose a directory:"

dlg = wx.DirDialog(self, title,

style=wx.DD_DEFAULT_STYLE)

if dlg.ShowModal() == wx.ID_OK:

self.panel.update_mp3_listing(dlg.GetPath())

dlg.Destroy()

在这里,可以在类的构造函数中添加对.create_menu()的调用。然后在.create_menu()本身中你将创建一个wx.menubar实例和一个wx.menu实例。

要将菜单项添加到菜单中,你可以调用菜单实例的.Append(),并将以下内容传递给它:

  • 一个惟一的标识符

  • 新菜单项的标签

  • 一个帮助字符串


接下来,需要将菜单添加到菜单栏,因此需要调用菜单栏的. append()。它接受menu实例和menu的标签。这个标签有点奇怪,因为你将它命名为&File而不是File。&符号告诉wxPython创建一个Alt+F的键盘快捷方式,只使用键盘就可以打开文件菜单。

注意:如果要向应用程序添加键盘快捷方式,则需要使用wx.acceleratotable的实例来创建它们。

要创建事件绑定,需要调用self.Bind(),它将框架绑定到wx.EVT_MENU。当你为菜单事件使用self.Bind()时,你不仅需要告诉wxPython使用哪个处理程序,还需要告诉wxPython将处理程序绑定到哪个源。

最后,你必须调用框架的. setmenubar()并将menubar实例传递给它,以便向用户显示它。

现在你已经把菜单添加到你的框架中,让我们来看看菜单项的事件处理程序,它再次复制如下:
def on_open_folder(self, event):

title = "Choose a directory:"

dlg = wx.DirDialog(self, title, style=wx.DD_DEFAULT_STYLE)

if dlg.ShowModal() == wx.ID_OK:

self.panel.update_mp3_listing(dlg.GetPath())

dlg.Destroy()

因为你希望用户选择一个包含MP3的文件夹,所以你需要使用Wxpython的wx.dirdialog。wx.dir对话框允许用户只打开目录。

你可以设置对话框的标题和各种样式标志。要显示对话框,需要调用. showmodal()。这将导致对话框以模态显示,这意味着当对话框显示时,用户将无法与主应用程序交互。

如果用户按下对话框的OK按钮,你可以通过对话框的. getpath()获得用户的路径选择。你将希望将该路径传递给panel类,在这里可以通过调用panel的.update_mp3_listing()来实现。

最后,需要关闭对话框。要关闭对话框,推荐的方法是调用它的. destroy()。

对话框确实有一个. close()方法,但它基本上只是隐藏了对话框,并且当你关闭应用程序时它不会自我销毁,这可能会导致一些奇怪的问题,比如你的应用程序现在正在正确地关闭。在对话框中调用. destroy()可以更简单地避免这个问题。

现在让我们更新Mp3Panel类。你可以从更新.update_mp3_listing()开始:
def update_mp3_listing(self, folder_path):

self.current_folder_path = folder_path

self.list_ctrl.ClearAll()

self.list_ctrl.InsertColumn(0, 'Artist', width=140)

self.list_ctrl.InsertColumn(1, 'Album', width=140)

self.list_ctrl.InsertColumn(2, 'Title', width=200)

self.list_ctrl.InsertColumn(3, 'Year', width=200)

mp3s = glob.glob(folder_path + '/*.mp3')

mp3_objects = []

index = 0

for mp3 in mp3s:

mp3_object = eyed3.load(mp3)

self.list_ctrl.InsertItem(index,

mp3_object.tag.artist)

self.list_ctrl.SetItem(index, 1,

mp3_object.tag.album)

self.list_ctrl.SetItem(index, 2,

mp3_object.tag.title)

mp3_objects.append(mp3_object)

self.row_obj_dict[index] = mp3_object

index += 1

在这里,将当前目录设置为指定的文件夹,然后清除list控件。这使列表控件像一个新的,只显示你当前正在处理的mp3。这也意味着你需要重新插入所有列。

接下来,你将使用传入的文件夹,并使用Python的glob模块搜索MP3文件。

然后你可以循环播放mp3,把它们变成eyed3对象。你可以通过调用eyed3的.load()来实现这一点。假设MP3已经具有适当的标记,然后可以将MP3的艺术家、专辑和标题添加到列表控件中。

有趣的是,向列表控件对象添加新行的方法是对第一列调用. insertitem(),对所有后续列调用SetItem()。

最后一步是将MP3对象保存到Python字典row_obj_dict中。

现在需要更新.on_edit()事件处理程序,以便编辑MP3的标签:
def on_edit(self, event):

selection = self.list_ctrl.GetFocusedItem()

if selection >= 0:

mp3 = self.row_obj_dict[selection]

dlg = EditDialog(mp3)

dlg.ShowModal()

self.update_mp3_listing(self.current_folder_path)

dlg.Destroy()

你需要做的第一件事是通过调用列表控件的. getfocuseditem()获得用户的选择。

如果用户没有在列表控件中选择任何内容,它将返回-1。假设用户确实选择了一些内容,你将希望从字典中提取MP3对象并打开MP3标记编辑器对话框。这将是一个自定义对话框,你将使用它来编辑MP3文件的艺术家、专辑和标题标记。

像往常一样,以模态显示对话框。当对话框关闭时,.on_edit()中的最后两行将开始执行。这两行代码将更新list控件,以便显示用户刚刚编辑并销毁对话框的当前MP3标记信息。

创建编辑对话框

最后一个难题是创建一个MP3标签编辑对话框。为了简单,我们将跳过这个界面的草图,因为它是一系列包含标签和文本控件的行。文本控件中应预先填充现有的标记信息。可以通过创建wx.staticText的实例为文本控件创建标签。

当需要创建自定义对话框时,wx.dialog类是你的朋友。你可以使用它来设计编辑器:
class EditDialog(wx.Dialog):   

def __init__(self, mp3):

title = f'Editing "{mp3.tag.title}"'

super().__init__(parent=None, title=title)

self.mp3 = mp3

self.main_sizer = wx.BoxSizer(wx.VERTICAL)

self.artist = wx.TextCtrl(

self, value=self.mp3.tag.artist)

self.add_widgets('Artist', self.artist)

self.album = wx.TextCtrl(

self, value=self.mp3.tag.album)

self.add_widgets('Album', self.album)

self.title = wx.TextCtrl(

self, value=self.mp3.tag.title)

self.add_widgets('Title', self.title)

btn_sizer = wx.BoxSizer()

save_btn = wx.Button(self, label='Save')

save_btn.Bind(wx.EVT_BUTTON, self.on_save)

btn_sizer.Add(save_btn, 0, wx.ALL, 5)

btn_sizer.Add(wx.Button(

self, id=wx.ID_CANCEL), 0, wx.ALL, 5)

self.main_sizer.Add(btn_sizer, 0, wx.CENTER)

self.SetSizer(self.main_sizer)

在这里,首先要对wx.dialog进行子分类,并根据正在编辑的MP3的标题为其提供自定义标题。

接下来,你可以创建要使用的sizer和小部件。为了使事情更简单,你可以创建一个名为.add_widgets()的帮助器方法,用于将wx.staticText widgets作为带有文本控件实例的行添加。这里唯一的其他小部件是保存按钮。

接下来我们来编写add_widgets方法:
def add_widgets(self, label_text, text_ctrl):

row_sizer = wx.BoxSizer(wx.HORIZONTAL)

label = wx.StaticText(self, label=label_text,

size=(50, -1))

row_sizer.Add(label, 0, wx.ALL, 5)

row_sizer.Add(text_ctrl, 1, wx.ALL | wx.EXPAND, 5)

self.main_sizer.Add(row_sizer, 0, wx.EXPAND)

add_widgets()接受标签的文本和文本控件实例。然后,它创建一个水平方向的BoxSizer。

接下来,你将使用传入的文本为其label参数创建wx.staticText的实例。你还可以将其大小设置为50像素宽,默认高度设置为-1。因为你希望标签位于文本控件之前,所以你将首先向BoxSizer添加StaticText小部件,然后添加文本控件。

最后,要将水平大小调整器添加到顶层垂直大小调整器。通过将sizer彼此嵌套,可以设计复杂的应用程序。

现在,你需要创建on_save()事件处理程序,以便保存更改:
  def on_save(self, event):

self.mp3.tag.artist = self.artist.GetValue()

self.mp3.tag.album = self.album.GetValue()

self.mp3.tag.title = self.title.GetValue()

self.mp3.tag.save()

self.Close()

在这里,你将标记设置为文本控件的内容,然后调用eyed3对象的.save()。最后,调用对话框的.close()。在这里调用.close()而不是.destroy()的原因是你已经在panel子类的.on-edit()中调用了.destroy()。

现在你的应用程序完成了!

结论

在本文中,你了解了很多关于wxpython的知识。你已经熟悉了使用wxpython创建GUI应用程序的基础知识。

你现在了解更多关于以下内容的信息:

  • 如何使用Wxpython的一些小部件

  • Wxpython中的事件如何工作

  • 绝对定位与sizer测量的比较

  • 如何创建框架应用程序


最后,你学习了如何创建一个工作的应用程序,MP3标签编辑器。你可以使用本文中学到的内容来继续增强这个应用程序,或者自己创建一个出色的应用程序。

wxpython gui工具包是一个可靠的、充满了有趣的小部件,可以用来构建跨平台的应用程序。不要让自己的想象力受限,大胆尝试。
欢迎关注ATYUN官方公众号
商务合作及内容投稿请联系邮箱:bd@atyun.com
评论 登录
热门职位
Maluuba
20000~40000/月
Cisco
25000~30000/月 深圳市
PilotAILabs
30000~60000/年 深圳市
写评论取消
回复取消