如何根据UIimageview图像从一个按钮播放声音

时间:2019-07-06 14:27:46

标签: swift xcode avaudioplayer

我已经为孩子们开发了一个功能全面的闪存卡应用程序。它具有UIImageView,可通过手势单击和音乐按钮循环播放26张卡片(abcs),该按钮将为每个图像播放声音。现在,我有100%正常工作,但声音在IF语句中播放,该语句添加了额外的400行代码。

音乐按钮的示例:

        if (imageView.image?.isEqual(UIImage(named: "card1")))! {
            do { audioPlayer = try AVAudioPlayer(contentsOf: URL(fileURLWithPath: aSound))
                audioPlayer.play()
            } catch {
                print("Couldn't load sound file")
            }
        }
        else if (imageView.image?.isEqual(UIImage(named: "card2")))! {
            do { audioPlayer = try AVAudioPlayer(contentsOf: URL(fileURLWithPath: bSound))
                audioPlayer.play()
            } catch {
                print("Couldn't load sound file")
            }
        }
        else if (imageView.image?.isEqual(UIImage(named: "card3")))! {
            do { audioPlayer = try AVAudioPlayer(contentsOf: URL(fileURLWithPath: cSound))
                audioPlayer.play()
            } catch {
                print("Couldn't load sound file")
            }
        }

我知道我可以在其中设置声音文件的声音阵列,但是如何将其绑回到卡上呢?我不能在资产图片上设置标签属性吗?

寻找一种缩短我当前代码的方法。

2 个答案:

答案 0 :(得分:0)

这是我要解决的方法。还没有测试过,但是应该可以到达那里。我使用数组,但是Set或Dictionary可以工作。

1)创建一个结构

struct Card {
    let soundURL: URL
    let image: UIImage
}

2)将所有卡片收集到一个阵列中:

let cards: [Card] = {
    var collection = [Card]()
    let soundPaths: [String] = ["aSound", "bSound", "xSound", "zSound"]
    let cardNames: [String] = ["card1", "card2", "card25", "card26"]

    // array of all 26 urls
    var soundUrls: [URL] {
        var urls = [URL]()
        for path in soundPaths {
            urls.append(URL(fileURLWithPath: path))
        }
        return urls
    }

    // array of all 26 images
    var cardImages: [UIImage] {
        var images = [UIImage]()
        for name in cardNames {
            guard let image = UIImage(contentsOfFile: name) else { continue }
            images.append(image)
        }
        return images
    }

    // not the best approach but if you have sound and naming
    // in the order then:
    for idx in 0..<26 {
        let card = Card(soundURL: soundUrls[idx], image: cardImages[idx])
        collection.append(card)
    }

    return collection
}()

3)向UIImage添加扩展以播放声音:

extension UIImage {
    func playSound() {
        let card = cards.filter { $0.image == self }.first
        if card != nil {
            do {
                let audioPlayer = try AVAudioPlayer(contentsOf: card!.soundURL)
                audioPlayer.play()
            } catch {
                print("Couldn't load the sound file with error: \(error)")
            }
        }
    }
}

然后,当您获得imageView.image时,您应该可以这样做:

imageView.image?.playSound()

同样,我没有对此进行测试,但是我认为逻辑仍然成立。希望能有所帮助。

答案 1 :(得分:0)

这种方法是完全错误的。您的图片视图是视图。您不应根据显示的内容进行任何选择。您应该基于关于数据模型的某些事情做出选择。

例如,假设您有三个图像,以及三个图像名称的数组:

let images = ["Manny", "Moe", "Jack"]
var currentImageIndex = 0

假设您更改图片索引并显示该图片:

self.currentImageIndex = 1
self.imageView.image = UIImage(named:images[currentImageIndex])

然后,您可以通过查看currentImageIndex来了解显示哪个图像,而通过查看图像视图则可以

在现实生活中,您的模型可能更广泛,例如一个结构和一组结构。但是原理仍然完全相同。是模型告诉您该怎么做,而不是界面