AKMIDIListener：ReceivedNoteOn 无法更改 UI 组件

Posted 2023-02-16

【中文标题】AKMIDIListener：ReceivedNoteOn 无法更改 UI 组件

【英文标题】：AKMIDIListener: ReceivedNoteOn unable to change UI Components

【发布时间】：2018-11-10 21:11:33

【问题描述】：

我正在创建一个应用程序，它接收 MIDI 音符并根据收到的音符在应用程序中播放音乐。我正在使用 AudioKit 的 AKMIDIListener 协议和函数 receivedMIDINoteOn。它能够接收这些事件并相应地播放我想从我的应用程序中播放的音符。但是，我也在尝试更改 ReceivedMIDINoteOn 函数中的 UI 组件，但我无法这样做。否则，接收到的MIDINoteOn 正在正确处理它的事件，UI 不会因为某种原因而改变以反映这一点。我正在更改的 UIViewController 也具有 AKMIDIListener 协议，并且在该 UIViewController 中也定义了 receivedMIDINoteOn 函数。我在下面提供了一个代码 sn-p 来帮助识别问题。为什么 UI 组件可能不会更新？在下面的代码中，“playButton”在收到 MIDINoteOn 函数时没有更新，即使我知道该函数运行是因为它播放背景音乐。此外，每当我在代码中的其他函数中使用更改标题时，playButton 都会相应地更改其标题

let midi = AudioKit.midi


class firstPageViewController: UIViewController, AKMIDIListener 

@IBOutlet var MusicButtons: [UIButton]!
@IBOutlet var playButton: UIButton!
@IBOutlet var pauseButton: UIButton!
@IBOutlet var WaveForm: AudioVisualizationView!


@IBOutlet weak var firstButton: UIButton!

@IBOutlet weak var secondButton: UIButton!

@IBOutlet weak var thirdButton: UIButton!


override func viewDidLoad() 
    super.viewDidLoad()
    isOnFirstPage = true
    isOnSecondPage = false
    isOnThirdPage = false
    self.secondButton.setTitleColor(UIColor.blue, for: .normal)
    self.thirdButton.setTitleColor(UIColor.blue, for: .normal)
    midi.openInput()
    midi.addListener(self)
    self.init_buttons()
    self.init_soundwave()
    self.init_audio()


func receivedMIDINoteOn(noteNumber: MIDINoteNumber, velocity: MIDIVelocity, channel: MIDIChannel) 
    let currNum = mapping[Int(noteNumber)]
    if currNum == 64  //Play button
        self.playBackground(0)
        self.playButton.setTitle("Currently Playing", for: .normal)
    
    else if currNum == 67  //Pause button
        self.pauseMusic(0)
        self.playButton.setTitle("Play", for: .normal)
    
    else if currNum == 68  //Switch button - first page
        self.firstPageSwitch(0)
    
    else if currNum == 69  //Switch button - second page
        self.secondPageSwitch(0)
    
    else if currNum == 70  //Switch button - third page
        self.thirdPageSwitch(0)
    
    else if currNum == 71 
        //
    
    else if currNum == 65 
        //
    
    else if currNum == 66 
        //
    
    else 
        if isOnFirstPage! 
            self.playMusic(currNum: currNum!, holder: audioPlayer)
            self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
        
        if isOnSecondPage!
            self.playMusic(currNum: currNum!, holder: secondAudioPlayer)
            self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
        
    

【问题讨论】：

receivedMIDINoteOn() 方法是否在主 UI 线程上被调用？曾经有一段时间 MIDI 完全在中断中处理（在过去），所以如果它是在后台线程中处理的，我不会感到惊讶。此外，您可以尝试在更改backgroundColor 后添加对self.MusicButtons![currNum!]needsDisplay = true 的调用。

【参考方案1】：

评论者是正确的，您需要将您的 UI 调用包装在一个

中

DispatchQueue.main.async 

  // ... code here

也许还得在最后加上self.playButton.setNeedsDisplay()。