Comment faire une UIImageView tappable et de l'amener à faire quelque chose? (Swift)

Une fois que vous avez créer la vue, vous devez définir c'est userInteractionEnabled true à la propriété. Ensuite, vous devez joindre un geste vers elle.

imageView.userInteractionEnabled = true
//now you need a tap gesture recognizer
//note that target and action point to what happens when the action is recognized.
let tapRecognizer = UITapGestureRecognizer(target: self, action: Selector("imageTapped:"))
//Add the recognizer to your view.
imageView.addGestureRecognizer(tapRecognizer)

Maintenant, vous avez encore besoin de la fonction, dans ce cas imageTapped:, qui est l'endroit où l'action se passe lorsque le geste est reconnu. Le geste qui a été reconnu sera transmise en argument, et vous pouvez trouver qui imageView était capté à partir d'elles des gestes de vue de la propriété.

func imageTapped(gestureRecognizer: UITapGestureRecognizer) {
    //tappedImageView will be the image view that was tapped.
    //dismiss it, animate it off screen, whatever.
    let tappedImageView = gestureRecognizer.view!
}

OriginalL'auteur Jeremy Pope

Ma réponse précédente est toujours précis pour l'ajout d'un robinet de reconnaissance pour une UIImageView, cependant il n'est pas suffisant pour les fins d'un point de vue animation. Si vous êtes à la création d'un jeu, vous aurez probablement envie de regarder dans SpriteKit, comme il est littéralement taillé pour cela. Cependant, cela peut être fait avec la normale UIKit. J'ai testé deux approches, qui travaillent tous les deux.

Les deux approches a travaillé beaucoup mieux sur un périphérique réel que dans le simulateur

S'approche de 1, plus Simple mais un peu moins précis jusqu'à un dixième de seconde plus lent dans mes tests.

Au lieu de l'ajout d'un robinet, d'un geste de la UIImageView, ajouter le geste à la superview. De conserver une référence à vos blocs dans un tableau de propriété, et de vérifier si tous les blocs sont interceptés par le robinet.

class ViewController: UIViewController {
let size = CGFloat(40)
let xPosition = CGFloat(14)
let options = UIViewAnimationOptions.Autoreverse
var blocks = [UIImageView]()
override func viewDidLoad() {
super.viewDidLoad()
//Adding recognizer to the whole view.
        let tapRecognizer = UITapGestureRecognizer(target: self, action: Selector("screenTapped:"))
view.addGestureRecognizer(tapRecognizer)
blocks.append(createBlock())
}
//changed to return the created block so it can be stored in an array.
    func createBlock() -> UIImageView {
let imageName = "block.png"
let image = UIImage(named: imageName)
let imageView = UIImageView(image: image!)
imageView.frame = CGRect(x: xPosition, y: -40, width: size, height: size)
self.view.addSubview(imageView)
UIView.animateWithDuration(2, delay: 0.0, options: options, animations: {
imageView.backgroundColor = UIColor.redColor()
imageView.frame = CGRect(x: self.xPosition, y: 590, width: self.size, height: self.size)
}, completion: { animationFinished in
imageView.removeFromSuperview()
self.blocks.append(self.createBlock())
})
return imageView
}
func screenTapped(gestureRecognizer: UITapGestureRecognizer) {
let tapLocation = gestureRecognizer.locationInView(view)
//This is to keep track of the blocks to remove from the array.
        //If you remove them as you iterate the array, and you have more than 
        //one block to remove, you may end up removing the wrong block
        //or with an index out of bounds.
        var removeBlocks = [Int]()
for (index, block) in enumerate(blocks) {
//this is the frame of the view as we see it on screen.
            //unfortunately block.frame is not where we see it making a recognizer
            //on the block itself not work.
            if block.layer.presentationLayer().frame.contains(tapLocation) {
//Then this block was clicked.
                block.removeFromSuperview()
removeBlocks.append(index)
}
}
//get the indexes ro remove backwards so we are removing from
        //back to front.
        for index in removeBlocks.reverse() {
blocks.removeAtIndex(index)
}
}
}

Approche 2, le Meilleur de la Performance à l'extérieur de SpriteKit

Dans l'approche à deux, vous sous-classe UIView, et de définir votre vue principale à la place de la UIView. Vous avez seulement besoin de remplacer une seule méthode. Je suis stocker le bloc de tableau dans la vue pour des raisons de commodité.

D'abord le TouchView.

import UIKit
class TouchView: UIView {
var blocks = [UIImageView]()
override func touchesBegan(touches: Set<NSObject>, withEvent event: UIEvent) {
//ignoring multiple touches for now
        if touches.count == 1 {
if let touch = touches.first as? UITouch {
let touchLocation = touch.locationInView(self)
//This is to keep track of the blocks to remove from the array.
                //If you remove them as you iterate the array, and you have more than
                //one block to remove, you may end up removing the wrong block
                //or with an index out of bounds.
                var removeBlocks = [Int]()
for (index, block) in enumerate(blocks) {
//this is the frame of the view as we see it on screen.
                    //unfortunately block.frame is not where we see it making a recognizer
                    //on the block itself not work.
                    if block.layer.presentationLayer().frame.contains(touchLocation) {
//Then this block was clicked.
                        block.removeFromSuperview()
removeBlocks.append(index)
}
}
//get the indexes ro remove backwards so we are removing from
                //back to front.
                for index in removeBlocks.reverse() {
blocks.removeAtIndex(index)
}
}
}
}
}

Maintenant le ViewController ressemblerait à:

import UIKit
class ViewController: UIViewController {
let size = CGFloat(40)
let xPosition = CGFloat(14)
let options = UIViewAnimationOptions.Autoreverse
var blocks = [UIImageView]()
//computed get only property for conveniece of accessing block array
    var touchView:TouchView {
get {
return self.view as! TouchView
}
}
override func viewDidLoad() {
super.viewDidLoad()
touchView.blocks.append(createBlock())
//Do any additional setup after loading the view, typically from a nib.
    }
func createBlock() -> UIImageView {
let imageName = "block.png"
let image = UIImage(named: imageName)
let imageView = UIImageView(image: image!)
imageView.frame = CGRect(x: xPosition, y: -40, width: size, height: size)
self.view.addSubview(imageView)
UIView.animateWithDuration(2, delay: 0.0, options: options, animations: {
imageView.backgroundColor = UIColor.redColor()
imageView.frame = CGRect(x: self.xPosition, y: 590, width: self.size, height: self.size)
}, completion: { animationFinished in
imageView.removeFromSuperview()
self.touchView.blocks.append(self.createBlock())
})
return imageView
}
}

Dans mes tests, cela semble fonctionner assez bien, même avec la plus animée de "blocs". Encore une fois, si vous pensez faire des part entière de jeu, vous devriez vraiment regarder SpriteKit. Il est vraiment simple tutoriel ici qui devrait vous obtenir a commencé. Si vous pouvez supprimer l'on a accepté la réponse de ma réponse précédente, qui permettrait d'aider les autres à ne pas être conduire dans le mauvais chemin, à moins qu'ils ne cherchent à ajouter un geste à un non-mouvement UIImageView.

OriginalL'auteur Jeremy Pope

Par Défaut, l'affichage de l'image d'interaction de l'utilisateur n'est pas activé, alors assurez-vous de l'éteindre.

let myImageView = UIImageView()
myImageView.isUserInteractionEnabled = true

OriginalL'auteur