如何在简单的 UIView 动画上执行操作

Question

I've never done any coding before until a few weeks ago, and whilst I've made reasonable progress on my own, I'm struggling with something that I hope someone wouldn't mind helping with.

I'm trying to make a simple app for my daughter in Swift (xCode Version 7.3 - 7D175). It's a series of animations where characters pop up and down inside a moon crater.

What I want to be able to do, is call a function when one of the animated UIImages is pressed. Ideally I'd like it to play a sound when the animation is pressed (I know how to call sounds, just not in this way)

I've created a Class where I wrote the code for the animations

  func alienAnimate() {

    UIView.animateWithDuration(0.3, delay: 0, options: [.CurveLinear, .AllowUserInteraction], animations: {
        self.center.y -= 135
             }, completion: nil)

    UIView.animateWithDuration(0.3, delay: 3, options: [.CurveLinear, .AllowUserInteraction], animations: {
        self.center.y += 135
            }, completion: nil)

    }

If someone could point me in the right direction, I'd greatly appreciated. I guess there's probably better ways of animating, but this is all I know at the moment.

EDIT - 2nd May

OK so I eventually got it working...well, nearly :) It still doesn't work exactly as I'd like, but I'm working on it.

The animations essentially move vertically along a path (so the aliens pop up like they're coming out of a hole). The below code works, but still allows you to click on the image at the start of it's path when it's effectively down a hole.

I still need to work out how to click where it actually is now, and not be able to press its starting point.

View of App

    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
    let touch = touches.first
    let touchLocation = touch!.locationInView(self.view)
    if self.imgAlien.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()

    } else if self.imgAlien.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()
    } else if self.imgAlien2.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()
    } else if self.imgAlien3.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()
    } else if self.imgAlien4.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()
    } else if self.imgAlien5.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()
    } else if self.imgUFO.layer.presentationLayer()!.hitTest(touchLocation) != nil {
        sfxPop.play()

}

}

Answer 1

Supposing your have your planet and animation working up and down as you wish, what do you do is to detecting touch:

This is just an example:

var image : UIImage = UIImage(named:"alien.png")!
var image2 : UIImage = UIImage(named:"alienBoss.png")!
var alien1 = UIImageView(image: image)
var alien2 = UIImageView(image: image)
var alienBoss = UIImageView(image: image2)

override func touchesBegan(touches: NSSet, withEvent event: UIEvent) {
    let touch = touches.first as! UITouch
    if(touch.view == alien1){
        // User touch alien1, do whatever you want
    } else
    if(touch.view == alien2){
        // User touch alien2, do whatever you want
    } else
    if(touch.view == alienBoss){
        // User touch alienBoss, do whatever you want
    }
}

Then, you want to enable sound so you can use AVAudioPlayer library:

    import UIKit
    import AVFoundation

    class ViewController: UIViewController {

        var player:AVAudioPlayer = AVAudioPlayer()

override func viewDidLoad() {
        super.viewDidLoad()

        let audioPath = NSBundle.mainBundle().pathForResource("alienSound", ofType: "mp3")
        var error:NSError? = nil
}

You can use the code below to play a sound, stop, set the volume:

do {
    player = try AVAudioPlayer(contentsOfURL: NSURL(fileURLWithPath: audioPath!))
   // to play the mp3
   player.play()
   // to stop it
   player.stop()
   // to pause it
   player.pause()
   // to set the volume
   player.volume = 0.5  // from 0.0 to 1.0
   ...
}
catch {
    print("Something bad happened.")
}