首页»学习  »   正文

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

上一篇文章,我们进行了以下几个部分,在这一篇我们接着往下进行。

  • 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

发表评论