点击屏幕获取声音（声音文件数组）、xcode 和 swift

Question

目前 - 我正在构建一个抽认卡应用程序。该应用程序显示一组闪存卡，用户可以左右滑动（代码如下）正如您所见，有 11 个不同的图像数组（每个包含一组特定的单词），所有这些数组加起来就是一个最终的大批。我有一个音频文件来耦合每个图像。

问题 - 我想让它在用户点击屏幕时播放音频文件。例如，如果正在显示湖图像并且用户点击屏幕，则将播放lake.mp4 音频文件，如果用户向左滑动小羊图像并点击屏幕，则将播放lamb.mp4 音频文件等。 . 我知道我必须添加一个轻击手势识别器，但我不确定如何让每个音频文件耦合正确的图像。

下面的代码是我目前正在使用的。

import UIKit

class SecondViewController: UIViewController , UIGestureRecognizerDelegate  {

@IBAction func home(_ sender: Any) {
    performSegue(withIdentifier: "home", sender: self)
}

@IBOutlet weak var imgPhoto: UIImageView!

struct List {
    let words: [String]
    var active: Bool
}

let list1 = List(words:["lake", "lamb", "lamp", "lark", "leaf", "leash", "left", "leg", "lime", "lion", "lips", "list", "lock", "log", "look", "love", "lunch"], active: true)

let list2 = List(words: ["ladder", "ladybug", "laughing", "lawnmower", "lemon", "leopard", "leprechaun", "letters", "licking", "lifesaver", "lifting", "lightbulb", "lightning", "listen", "llama"], active: true)

let list3 = List(words: ["alligator", "balance", "ballerina", "balloon", "bowling", "cello", "colors", "curlyhair", "dollar", "dolphin", "elephant", "eyelashes", "gasoline", "goalie", "hula", "jellyfish", "olive", "pillow", "pilot", "polarbear", "rollerskate", "ruler", "silly", "telephone", "television", "tulip", "umbrella", "valentine", "violin", "xylophone", "yellow"], active: true)

let list4 = List(words: ["apple", "ball", "bell", "bubble", "castle", "fall", "fishbowl", "girl", "owl", "pail", "peel", "pool", "smile", "whale", "wheel"], active: true)

let list5 = List(words: ["planet", "plank", "plant", "plate", "play", "plum", "plumber", "plus"], active: true)

let list6 = List(words: ["black", "blanket", "blender", "blocks", "blond", "blood", "blow", "blue"], active: true)

let list7 = List(words: ["flag", "flipflop", "float", "floor", "flower", "fluffy", "flute", "fly"], active: true)

let list8 = List(words: ["glacier", "glad", "glasses", "glide", "glitter", "globe", "glove", "glue"], active: true)

let list9 = List(words: ["clam", "clamp", "clap", "claw", "clean", "climb", "clip", "cloud"], active: true)

let list10 = List(words:["sled", "sleep", "sleeves", "slice", "slide", "slime", "slip", "slow"], active: true)

let list11 = List(words: ["belt", "cold", "dolphin", "elf", "golf", "melt", "milk", "shelf"], active: true)

var imageIndex: Int = 0

var imageList: [String] {

    let wordLists = [list1, list2, list3, list4, list5, list6, list7, list8, list9, list10, list11]



    let active = wordLists.reduce([]) { (result:[String], list:List) in
        if list.active {
            return result + list.words

        } else {
            return result
        }
    }

    return active

}




override func viewDidLoad() {
    super.viewDidLoad()

    imgPhoto.image = UIImage(named: imageList[imageIndex])

    // Do any additional setup after loading the view.
    imgPhoto.isUserInteractionEnabled = true

    let leftSwipe = UISwipeGestureRecognizer(target: self, action: #selector(Swiped(gesture:)))
    leftSwipe.cancelsTouchesInView = false

    let rightSwipe = UISwipeGestureRecognizer(target: self, action: #selector(Swiped(gesture:)))
    rightSwipe.cancelsTouchesInView = false

    leftSwipe.direction = .left
    rightSwipe.direction = .right

    view.addGestureRecognizer(leftSwipe)
    view.addGestureRecognizer(rightSwipe)

}

func Swiped(gesture: UIGestureRecognizer) {

    if let swipeGesture = gesture as? UISwipeGestureRecognizer {

        switch swipeGesture.direction {

        case UISwipeGestureRecognizerDirection.right :
            print("User swiped right")

            // decrease index first

            imageIndex -= 1

            // check if index is in range

            if imageIndex < 0 {

                imageIndex = imageList.count - 1

            }

            imgPhoto.image = UIImage(named: imageList[imageIndex])

        case UISwipeGestureRecognizerDirection.left:
            print("User swiped Left")

            // increase index first

            imageIndex += 1

            // check if index is in range

            if imageIndex > imageList.count - 1 {

                imageIndex = 0

            }

            imgPhoto.image = UIImage(named: imageList[imageIndex])

        default:
            break //stops the code/codes nothing.
        }
    }
}
}

---

   import UIKit

class SecondViewController: UIViewController , UIGestureRecognizerDelegate  {



var imageIndex: Int = 0
@IBAction func home(_ sender: Any) {
    performSegue(withIdentifier: "home", sender: self)
}

@IBOutlet weak var imgPhoto: UIImageView!


let itemList:[Card] = [
    Card(image: UIImage(named: "alligator")!, soundUrl: "Alligator.m4a"),
    Card(image: UIImage(named: "apple")!, soundUrl: "Apple.m4a"),
    Card(image: UIImage(named: "ball")!, soundUrl: "Ball.m4a")
]



override func viewDidLoad() {
    super.viewDidLoad()


    let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(imageTapped(tapGestureRecognizer:)))
    imgPhoto.isUserInteractionEnabled = true
    imgPhoto.addGestureRecognizer(tapGestureRecognizer)

    imgPhoto.image = (itemList[0] ).image

    // Do any additional setup after loading the view.
    imgPhoto.isUserInteractionEnabled = true

    let leftSwipe = UISwipeGestureRecognizer(target: self, action: #selector(Swiped(gesture:)))
    leftSwipe.cancelsTouchesInView = false

    let rightSwipe = UISwipeGestureRecognizer(target: self, action: #selector(Swiped(gesture:)))
    rightSwipe.cancelsTouchesInView = false

    leftSwipe.direction = .left
    rightSwipe.direction = .right


    view.addGestureRecognizer(leftSwipe)
    view.addGestureRecognizer(rightSwipe)

}

func imageTapped(tapGestureRecognizer: UITapGestureRecognizer)
{

    itemList[imageIndex].playSound()
    // Your action
}

func Swiped(gesture: UIGestureRecognizer) {

    if let swipeGesture = gesture as? UISwipeGestureRecognizer {

        switch swipeGesture.direction {

        case UISwipeGestureRecognizerDirection.right :
            print("User swiped right")

            // decrease index first

            imageIndex -= 1

            // check if index is in range

            if imageIndex < 0 {

                imageIndex = itemList.count - 1

            }

            imgPhoto.image = itemList[imageIndex].image

        case UISwipeGestureRecognizerDirection.left:
            print("User swiped Left")
            // increase index first

            imageIndex += 1

            // check if index is in range

            if imageIndex > itemList.count - 1 {

                imageIndex = 0

            }



            imgPhoto.image = itemList[imageIndex].image
        default:


            break //stops the code/codes nothing.
        }
    }
}
}

---

import Foundation; import UIKit; import AVFoundation


class Card: NSObject
{
var image: UIImage
var soundUrl: String
var player: AVAudioPlayer?

init(image: UIImage, soundUrl: String) {
    self.image = image
    self.soundUrl = soundUrl
}
    func playSound()
{
    guard let url = Bundle.main.url(forResource: self.soundUrl, withExtension: "m4a") else { return }
    do
    {
        try AVAudioSession.sharedInstance().setCategory(AVAudioSessionCategoryPlayback)
        try AVAudioSession.sharedInstance().setActive(true)

        player = try AVAudioPlayer(contentsOf: url)
        guard let player = player else { return }
        player.play()
    print("hhh")
    } catch let error {
        print(error.localizedDescription)
    }
}
}

Answer 1

更多格式化结构使用MMVM架构的建模概念

import AVFoundation

        class Card: NSObject 
        {
          var image: UIImage
          var soundUrl: String
          var player: AVAudioPlayer?

          init(image: UIImage, soundUrl: String) {
            self.image = image
            self.soundUrl = soundUrl
          }


        func playSound() 
        {
            guard let url = Bundle.main.url(forResource: self.soundUrl, withExtension: "mp3") else { return }
            do 
            {
                try AVAudioSession.sharedInstance().setCategory(AVAudioSessionCategoryPlayback)
                try AVAudioSession.sharedInstance().setActive(true)

                player = try AVAudioPlayer(contentsOf: url)
                guard let player = player else { return }

                player.play()
            } catch let error {
                print(error.localizedDescription)
            }
        }
        }

用法

 class SecondViewController: UIViewController , UIGestureRecognizerDelegate  {



    var imageIndex: Int = 0
    @IBAction func home(_ sender: Any) {
        performSegue(withIdentifier: "home", sender: self)
    }

    @IBOutlet weak var imgPhoto: UIImageView!


    let itemList:[Card] = [
        Card(image: UIImage(named: "lake")!, soundUrl: "lake.mp3"),
        Card(image: UIImage(named: "river")!, soundUrl: "river.mp3"),
        Card(image: UIImage(named: "ocean")!, soundUrl: "ocean.mp3")
        ]



    override func viewDidLoad() {

super.viewDidLoad()

let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(imageTapped(tapGestureRecognizer:)))
imgPhoto.isUserInteractionEnabled = true
imgPhoto.addGestureRecognizer(tapGestureRecognizer)




        imgPhoto.image = (itemList[0] as! Card).image

        // Do any additional setup after loading the view.
        imgPhoto.isUserInteractionEnabled = true

        let leftSwipe = UISwipeGestureRecognizer(target: self, action: #selector(Swiped(gesture:)))
        leftSwipe.cancelsTouchesInView = false

        let rightSwipe = UISwipeGestureRecognizer(target: self, action: #selector(Swiped(gesture:)))
        rightSwipe.cancelsTouchesInView = false

        leftSwipe.direction = .left
        rightSwipe.direction = .right

        view.addGestureRecognizer(leftSwipe)
        view.addGestureRecognizer(rightSwipe)

    }


      func imageTapped(tapGestureRecognizer: UITapGestureRecognizer)
{

itemList[imageIndex].playSound()
    // Your action
}
    func Swiped(gesture: UIGestureRecognizer) {

        if let swipeGesture = gesture as? UISwipeGestureRecognizer {

            switch swipeGesture.direction {

            case UISwipeGestureRecognizerDirection.right :
                print("User swiped right")

                // decrease index first

                imageIndex -= 1

                // check if index is in range

                if imageIndex < 0 {

                    imageIndex = imageList.count - 1

                }

                imgPhoto.image = itemList[imageIndex].image

            case UISwipeGestureRecognizerDirection.left:
                print("User swiped Left")

                // increase index first

                imageIndex += 1

                // check if index is in range

                if imageIndex > imageList.count - 1 {

                    imageIndex = 0

                }

                imgPhoto.image = itemList[imageIndex].image
            default:


                break //stops the code/codes nothing.
            }
        }
    }
}

你最后的疑惑解决方案

let firstList:[Card] = [
        Card(image: UIImage(named: "lake")!, soundUrl: "lake"),
        Card(image: UIImage(named: "lamb")!, soundUrl: "lamb"),
        Card(image: UIImage(named: "lamp")!, soundUrl: "lamp")
           ]
struct List {
    let words: [Card] /*Create array of cards*/
    var active: Bool
}

let list1 = List(words:firstList, active: true)
let list2 = List(words:secondList, active: true)

 let wordLists = [list1, list2]

print((wordLists[0] as! List).words[0].soundurl)

**OUTPUT**
lake

Answer 2

我建议使用对象数组而不是使用 2 个不同的数组。

例如。创建以下类：

class Card: NSObject {
  var image: UIImage
  var soundUrl: String

  init(image: UIImage, soundUrl: String) {
    self.image = image
    self.soundUrl = soundUrl
  }
}

然后您可以创建一个 Card 对象数组，例如：

let cards = [
        Card(image: UIImage(named: "lake"), soundUrl: "lake.mp3"),
        Card(image: UIImage(named: "river"), soundUrl: "river.mp3"),
        Card(image: UIImage(named: "ocean"), soundUrl: "ocean.mp3")
    ]

然后当用户滑动时使用数组cards 来访问图像或声音的url。数组的每个元素都是一个 Card，它有 2 个属性：UIImage 和 String（你的声音的 URL）。

PS：模型只是一个例子，它可以是 UIImage + URL 等。取决于你的需要。