首页 / 问题 / 正文

wxPython按钮加载多张图片

1 投票
1 回答
1293 浏览
提问于 2025-04-17 14:13

好的，先讲讲背景。为了我的大学项目，我正在制作一个打击乐器的节奏老师。这个程序的功能是加载一个鼓谱和一个与这个鼓谱相匹配的音频文件。用户按下“播放”按钮后，它会播放一个与鼓谱相符的短鼓点。到目前为止，我已经有一个按钮可以播放加载的Wav文件，还有一个按钮可以加载图片。希望我说的能让你明白。

所以我想问，有没有人能提供一个函数，能够同时加载一张图片和一个音频文件的按钮？如果再次按下这个按钮，它会加载另一张图片和音频文件，覆盖之前加载的内容。我会有很多图片和音频文件需要加载。重要的是，图片必须和音频文件相匹配。

再说一次，我有一个按钮可以播放音频文件，还有一个按钮可以单独加载图片（我这样做是因为我是新手，只是在学习如何实现这些功能）。

我会发一段代码，应该会更容易理解！抱歉如果内容有点长！只是想让你了解我在做什么。

import wxversion
wxversion.select("2.8")
import wx
import wx.media

class MainWindow(wx.Frame):

    title = "Main Menu"

    def __init__(self, parent, id):
     wx.Frame.__init__(self,parent,id,'Window', size=(1000,700))
     panel=wx.Panel(self, -1)

     self.SetBackgroundColour(wx.Colour(100,100,100))
     self.Centre()
     self.Show()

     status=self.CreateStatusBar()

     menubar=wx.MenuBar()
     filemenu=wx.Menu()
     exitmenu = filemenu.Append(wx.NewId(),"Exit", "Exit Program")

     menubar.Append(filemenu,"File")
     self.Bind(wx.EVT_MENU, self.onExit, exitmenu)
     self.SetMenuBar(menubar)

     font1 = wx.Font(30, wx.MODERN, wx.NORMAL, wx.NORMAL, False, u'Consolas')

     Text1=wx.StaticText(panel, -1, "Rhythm Trainer", (10,15))
     Text1.SetFont(font1)
     Text1.SetForegroundColour('white')

     btn1 = wx.Button(panel, label='Basic', pos=(100,200), size=(150, 50))
     btn1.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     self.Bind(wx.EVT_BUTTON, self.newwindow, btn1)

     btn2 = wx.Button(panel, label='Advanced', pos=(100,270), size=(150, 50))
     btn2.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     btn3 = wx.Button(panel, label='Notations', pos=(100,340), size=(150, 50))
     btn3.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     btn4 = wx.Button(panel, label='Settings', pos=(100,410), size=(150, 50))
     btn4.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     btn5 = wx.Button(panel, label="Quit", pos=(820, 550), size=(150, 50))
     btn5.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.OnClick, btn5)

    def OnClick(self, event):
     self.Close()

    def OnQuitButton(self, event):
     wx.Sleep(1)   
     self.Destroy()

    def onExit(self, event):
     self.Destroy()

    def newwindow(self, event):
     secondWindow=window2(parent=None, id=-1)
     secondWindow.Show()

class window2(wx.Frame):

    title = "new Window"

    def __init__(self, parent, id):
     wx.Frame.__init__(self, parent, id, 'Window2', size=(1000,700))
     panel=wx.Panel(self, -1)

     self.SetBackgroundColour(wx.Colour(100,100,100))
     self.Centre()
     self.Show()

     status=self.CreateStatusBar()

     menubar=wx.MenuBar()
     filemenu=wx.Menu()
     exitmenu = filemenu.Append(wx.NewId(),"Exit", "Exit Program")

     menubar.Append(filemenu,"File")
     self.Bind(wx.EVT_MENU, self.onExit, exitmenu)
     self.SetMenuBar(menubar)

     font2 = wx.Font(30, wx.MODERN, wx.NORMAL, wx.NORMAL, False, u'Consolas')

     Text2=wx.StaticText(panel, -1, "Rhythm Trainer", (10,15))
     Text2.SetFont(font2)
     Text2.SetForegroundColour('white')
     self.Show(True)

     btn1 = wx.Button(panel, label="Back", pos=(820, 550), size=(150, 50))
     btn1.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.OnClick, btn1)

     btn2 = wx.Button(panel, label="Play", pos=(820, 100), size=(150, 50))
     btn2.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.onPlaySound, btn2)

     btn3 = wx.Button(panel, label="Stop", pos=(820, 150), size=(150, 50))
     btn3.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.onStopSound, btn3)

     btn4 = wx.Button(panel, label="Next", pos=(820, 200), size=(150, 50))
     btn4.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.loadImage, btn4)
     self.panel = wx.Panel(self, -1, pos=(50,50), size=(800, 200))

    def loadImage(self, event):
      image_file = 'Rock-beats.jpg'
      bmp = wx.Image(image_file, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
      wx.StaticBitmap(self.panel, -1, bmp, pos=(200, 50), size=(417, 133))



     # def onNext(self, event):
        """
        Calls the nextPicture method
        """
        #self.nextPicture()

    def onPlaySound (self, event):
      sound = wx.Sound('Test3.wav')
      sound.Play(wx.SOUND_ASYNC)

    def onStopSound(self, event):
     wx.Sound.Stop()

    def onExit(self, event):
      self.Destroy()
      wx.Sound.Stop()

    def OnClick(self, event):
      wx.Sound.Stop()
      self.Close()

if __name__=='__main__':
 app=wx.PySimpleApp()
 frame=MainWindow(parent=None,id=-1)

代码2.0 for Unutbu- 这是我完整的可运行代码 -

import wxversion
#wxversion.select("2.8")
import wx
import wx.media
import itertools as IT
import os

IMAGE_DIR = './'
SOUND_DIR = './'

class MainWindow(wx.Frame):

    title = "Main Menu"

    def __init__(self, parent, id):
     wx.Frame.__init__(self,parent,id,'Window', size=(1000,700))
     panel=wx.Panel(self, -1)

     self.SetBackgroundColour(wx.Colour(100,100,100))
     self.Centre()
     self.Show()

     status=self.CreateStatusBar()

     menubar=wx.MenuBar()
     filemenu=wx.Menu()
     exitmenu = filemenu.Append(wx.NewId(),"Exit", "Exit Program")

     menubar.Append(filemenu,"File")
     self.Bind(wx.EVT_MENU, self.onExit, exitmenu)
     self.SetMenuBar(menubar)

     font1 = wx.Font(30, wx.MODERN, wx.NORMAL, wx.NORMAL, False, u'Consolas')

     Text1=wx.StaticText(panel, -1, "Rhythm Trainer", (10,15))
     Text1.SetFont(font1)
     Text1.SetForegroundColour('white')

     btn1 = wx.Button(panel, label='Basic', pos=(100,200), size=(150, 50))
     btn1.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     self.Bind(wx.EVT_BUTTON, self.newwindow, btn1)

     btn2 = wx.Button(panel, label='Advanced', pos=(100,270), size=(150, 50))
     btn2.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     btn3 = wx.Button(panel, label='Notations', pos=(100,340), size=(150, 50))
     btn3.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     btn4 = wx.Button(panel, label='Settings', pos=(100,410), size=(150, 50))
     btn4.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

     btn5 = wx.Button(panel, label="Quit", pos=(820, 550), size=(150, 50))
     btn5.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.OnClick, btn5)

    def OnClick(self, event):
     self.Close()

    def OnQuitButton(self, event):
     self.Destroy()

    def onExit(self, event):
     self.Destroy()

    def newwindow(self, event):
     secondWindow=window2(parent=None, id=-1)
     secondWindow.Show()
     self.Close()

 class window2(wx.Frame):

    title = "new Window"

    def __init__(self, parent, id):
     wx.Frame.__init__(self, parent, id, 'Window2', size=(1000,700))
     panel=wx.Panel(self, -1)
     self.images = IT.cycle([filename for filename in os.listdir(IMAGE_DIR) if filename.endswith('.jpg')])
     self.image_file = None
     #self.images = IT.cycle(os.listdir(IMAGE_DIR))
     #self.image_file = next(self.images)    

     self.SetBackgroundColour(wx.Colour(100,100,100))
     self.Centre()
     self.Show()

     status=self.CreateStatusBar()

     menubar=wx.MenuBar()
     filemenu=wx.Menu()
     exitmenu = filemenu.Append(wx.NewId(),"Exit", "Exit Program")

     menubar.Append(filemenu,"File")
     self.Bind(wx.EVT_MENU, self.onExit, exitmenu)
     self.SetMenuBar(menubar)

     font2 = wx.Font(30, wx.MODERN, wx.NORMAL, wx.NORMAL, False, u'Consolas')

     Text2=wx.StaticText(panel, -1, "Rhythm Trainer", (10,15))
     Text2.SetFont(font2)
     Text2.SetForegroundColour('white')
     self.Show(True)

     btn1 = wx.Button(panel, label="Back", pos=(820, 550), size=(150, 50))
     btn1.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.OnClick, btn1)

     btn2 = wx.Button(panel, label="Play", pos=(820, 100), size=(150, 50))
     btn2.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.onPlaySound, btn2)

     btn3 = wx.Button(panel, label="Stop", pos=(820, 150), size=(150, 50))
     btn3.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.onStopSound, btn3)

     btn4 = wx.Button(panel, label="Next", pos=(820, 200), size=(150, 50))
     btn4.SetFont(wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
     self.Bind(wx.EVT_BUTTON, self.loadImage, btn4)
     self.panel = wx.Panel(self, -1, pos=(50,50),  size=(1000, 180))



    def loadImage(self, event):
      #image_file = 'Rock-beats.jpg'
      #bmp = wx.Image(image_file, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
      #wx.StaticBitmap(self.panel, -1, bmp, pos=(200, 50), size=(417, 133))
       self.image_file = next(self.images)
       image_file = os.path.join(IMAGE_DIR, self.image_file)
       bmp = wx.Image(image_file, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
       width = bmp.GetWidth()
       height = bmp.GetHeight()
       wx.StaticBitmap(self.panel, -1, bmp, pos=(200, 50), size=(width, height))
       wx.Sound.Stop()
       print(self.image_file)

     # def onNext(self, event):
     #"""
     # Calls the nextPicture method
     # """
     #self.nextPicture()

    def onPlaySound (self, event):
      #sound = wx.Sound('Test3.wav')
      #sound.Play(wx.SOUND_ASYNC)
       sound_file, ext = os.path.splitext(self.image_file)
       sound_file = os.path.join(SOUND_DIR, sound_file + '.wav')
       sound = wx.Sound(sound_file)
       sound.Play(wx.SOUND_ASYNC) 
       print(sound_file) 
       def onStopSound(self, event):
       wx.Sound.Stop()

    def onExit(self, event):
      self.Destroy()
      wx.Sound.Stop()

    def OnClick(self, event):
      wx.Sound.Stop()
      self.Close()
      mainwindow=MainWindow(parent=None, id=-1)
      mainwindow.Show()

if __name__=='__main__':
 app=wx.PySimpleApp()
 frame=MainWindow(parent=None,id=-1)
 frame.Show()
 app.MainLoop()
wxpython 用户交互 编程学习 音频播放 图像加载 多媒体应用 按钮功能 鼓谱

1 个回答

2

这里有一种方法可以做到：

  • 首先，定义一些全局变量，用来指定存放图片和音频文件的文件夹：

    IMAGE_DIR = '/path/to/images'
SOUND_DIR = '/path/to/sounds'

    如果你愿意，可以使用同一个文件夹。我假设：

    • 所有的图片都是以 .jpg 结尾的 JPEG 文件，
    • 如果一张图片叫 foo.jpg，那么对应的音频文件叫 foo.wav。

  • 接下来，在 window2.__init__ 方法中定义两个新的属性：

    self.images = IT.cycle([filename for filename in os.listdir(IMAGE_DIR) if filename.endswith('.jpg')])
self.image_file = None

    并且在文件的顶部，导入 itertools 模块：

    import itertools as IT

    os.listdir(IMAGE_DIR) 会返回一个文件名的列表。IT.cycle 会返回一个可以无限循环列表中项目的可迭代对象。

    next(self.images) 会一次返回可迭代对象 self.images 中的一个项目——每次调用 next 都会返回不同的项目。我们将在下面使用这个功能。

  • 现在，loadImage 可能会这样写：

    def loadImage(self, event):
    self.image_file = next(self.images)
    image_file = os.path.join(IMAGE_DIR, self.image_file)
    bmp = wx.Image(image_file, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
    wx.StaticBitmap(self.panel, -1, bmp, pos=(200, 50), size=(417, 133))

并且播放对应的音频文件：

   def onPlaySound(self, event):  
        sound_file, ext = os.path.splitext(self.image_file)
        sound_file = os.path.join(SOUND_DIR, sound_file + '.wav')
        sound = wx.Sound(sound_file)
        sound.Play(wx.SOUND_ASYNC)

由于使用了 os.path.join 和 os.path.splitext，确保在文件顶部也导入 os 模块。

这是你发布的代码，包含了建议的修改：

import wxversion
wxversion.select("2.8")
import wx
import wx.media

import itertools as IT
import os

IMAGE_DIR = os.path.expanduser('~/tmp/images')
SOUND_DIR = os.path.expanduser('~/tmp/sounds')


class MainWindow(wx.Frame):

    title = "Main Menu"

    def __init__(self, parent, id):
        wx.Frame.__init__(self, parent, id, 'Window', size=(1000, 700))
        panel = wx.Panel(self, -1)
        self.SetBackgroundColour(wx.Colour(100, 100, 100))
        self.Centre()
        self.Show()

        status = self.CreateStatusBar()

        menubar = wx.MenuBar()
        filemenu = wx.Menu()
        exitmenu = filemenu.Append(wx.NewId(), "Exit", "Exit Program")

        menubar.Append(filemenu, "File")
        self.Bind(wx.EVT_MENU, self.onExit, exitmenu)
        self.SetMenuBar(menubar)

        font1 = wx.Font(
            30, wx.MODERN, wx.NORMAL, wx.NORMAL, False, u'Consolas')

        Text1 = wx.StaticText(panel, -1, "Rhythm Trainer", (10, 15))
        Text1.SetFont(font1)
        Text1.SetForegroundColour('white')

        btn1 = wx.Button(panel, label='Basic', pos=(100, 200), size=(150, 50))
        btn1.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

        self.Bind(wx.EVT_BUTTON, self.newwindow, btn1)

        btn2 = wx.Button(
            panel, label='Advanced', pos=(100, 270), size=(150, 50))
        btn2.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

        btn3 = wx.Button(
            panel, label='Notations', pos=(100, 340), size=(150, 50))
        btn3.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

        btn4 = wx.Button(
            panel, label='Settings', pos=(100, 410), size=(150, 50))
        btn4.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))

        btn5 = wx.Button(panel, label="Quit", pos=(820, 550), size=(150, 50))
        btn5.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
        self.Bind(wx.EVT_BUTTON, self.OnClick, btn5)

    def OnClick(self, event):
        self.Close()

    def OnQuitButton(self, event):
        wx.Sleep(1)
        self.Destroy()

    def onExit(self, event):
        self.Destroy()

    def newwindow(self, event):
        secondWindow = Window2(parent=None, id=-1)
        secondWindow.Show()
        self.Close()


class Window2(wx.Frame):

    title = "new Window"

    def __init__(self, parent, id):
        wx.Frame.__init__(self, parent, id, 'Window2', size=(1000, 700))
        panel = wx.Panel(self, -1)

        self.SetBackgroundColour(wx.Colour(100, 100, 100))
        self.Centre()
        self.Show()

        status = self.CreateStatusBar()

        menubar = wx.MenuBar()
        filemenu = wx.Menu()
        exitmenu = filemenu.Append(wx.NewId(), "Exit", "Exit Program")

        menubar.Append(filemenu, "File")
        self.Bind(wx.EVT_MENU, self.onExit, exitmenu)
        self.SetMenuBar(menubar)

        font2 = wx.Font(
            30, wx.MODERN, wx.NORMAL, wx.NORMAL, False, u'Consolas')

        Text2 = wx.StaticText(panel, -1, "Rhythm Trainer", (10, 15))
        Text2.SetFont(font2)
        Text2.SetForegroundColour('white')
        self.Show(True)

        btn1 = wx.Button(panel, label="Back", pos=(820, 550), size=(150, 50))
        btn1.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
        self.Bind(wx.EVT_BUTTON, self.OnClick, btn1)

        btn2 = wx.Button(panel, label="Play", pos=(820, 100), size=(150, 50))
        btn2.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
        self.Bind(wx.EVT_BUTTON, self.onPlaySound, btn2)

        btn3 = wx.Button(panel, label="Stop", pos=(820, 150), size=(150, 50))
        btn3.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
        self.Bind(wx.EVT_BUTTON, self.onStopSound, btn3)

        btn4 = wx.Button(panel, label="Next", pos=(820, 200), size=(150, 50))
        btn4.SetFont(
            wx.Font(14, wx.DEFAULT, wx.NORMAL, wx.NORMAL, 0, u'Consolas'))
        self.Bind(wx.EVT_BUTTON, self.loadImage, btn4)
        self.panel = wx.Panel(self, -1, pos=(50, 50), size=(800, 200))

        self.images = IT.cycle(
            [filename for filename in os.listdir(IMAGE_DIR)
             if any(filename.lower().endswith(ext) 
                    for ext in ('.png', '.jpg', '.jpeg'))])
        self.image_file = next(self.images)

        img = wx.EmptyImage(240,240)
        self.imageCtrl = wx.StaticBitmap(self.panel, wx.ID_ANY, 
                                         wx.BitmapFromImage(img), pos=(200, 50))

    def loadImage(self, event):
        self.image_file = next(self.images)
        print(self.image_file)
        image_file = os.path.join(IMAGE_DIR, self.image_file)
        img = wx.Image(image_file, wx.BITMAP_TYPE_ANY)
        img = img.Scale(240,240)
        # The idea of using imageCtrl.SetBitmap comes from
        # http://www.blog.pythonlibrary.org/2010/03/26/creating-a-simple-photo-viewer-with-wxpython/
        self.imageCtrl.SetBitmap(wx.BitmapFromImage(img))

    def onPlaySound(self, event):
        sound_file, ext = os.path.splitext(self.image_file)
        sound_file = os.path.join(SOUND_DIR, sound_file + '.wav')
        print(sound_file)
        sound = wx.Sound(sound_file)
        sound.Play(wx.SOUND_ASYNC)

    def onStopSound(self, event):
        wx.Sound.Stop()

    def onExit(self, event):
        self.Destroy()
        wx.Sound.Stop()

    def OnClick(self, event):
        wx.Sound.Stop()
        self.Close()

if __name__ == '__main__':
    app = wx.PySimpleApp()
    frame = MainWindow(parent=None, id=-1)
    app.MainLoop()
回答于 2025-04-17 由 Python大师
分享 举报

撰写回答