Comment attribuer une action pour UIImageView objet en Swift

Je suis en train d'affecter une UIImageView à une action lorsque l'utilisateur appuie sur elle.

Je sais comment créer une action pour une UIButton, mais comment pourrais-je imiter le même comportement d'un UIButton, mais à l'aide d'un UIImageView?

InformationsquelleAutor user3706773 | 2015-01-10

382

Vous aurez besoin d'un UITapGestureRecognizer.
Pour configurer l'utilisation de ce:
```
override func viewDidLoad()
{
    super.viewDidLoad()

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

func imageTapped(tapGestureRecognizer: UITapGestureRecognizer)
{
    let tappedImage = tapGestureRecognizer.view as! UIImageView

    //Your action
}
```
(Vous pourriez aussi utiliser un UIButton et appliquer une image, sans texte et qu'il suffit de connecter un IBAction)
- Merci a utilisé le bouton comme une image et a parfaitement fonctionné 🙂
- Pinailler: var tgr = UITapGestureRecognizer(cible:action auto:Sélecteur("imageTapped:")), besoin d'une virgule entre les deux paramètres.
- comme indiqué ci-dessous par MidHun MP, assurez-vous que vous avez la userInteractionEnabled = true
- Dans Swift 3.0 la syntaxe de l'action:le Sélecteur("imageTapped:") a changé à l'action: #sélecteur(imageTapped))
- Également dans Swift 3.0 la userInteractionEnabled propriété a été renommé isUserInteractionEnabled
- est-il possible d'ajouter une action pour UIImageView sans l'aide de UITapGestureRecognizer?
- Vous pouvez créer une sous-classe de UIImageView et poignée touche via touchesBegan: et touchesEnded:, mais à l'aide d'un gestureRecognizer est certainement le moyen le plus pratique.
- vous avez utilisé le bouton comme une image.mais je veux aspect fit pour mes images. alors quoi?
- L'utilisation de Swift 4, cela a fonctionné pour moi, mais j'ai dû ajouter un @objc modificateur de la fonction.
- Belle et concise solution! Bien que je préfère le bouton aussi parce qu'il peut gérer les états de sélection mieux et ont une meilleure expérience utilisateur en général, tandis que les images n'ont tout simplement pas que par défaut.
InformationsquelleAutor Aseider
63

Vous avez besoin d'ajouter un geste de reconnaissance (Pour sur utiliser les UITapGestureRecognizer, pour appuyez et maintenez sur l'utilisation UILongPressGestureRecognizer) à votre UIImageView.
```
let tap = UITapGestureRecognizer(target: self, action: #selector(YourClass.tappedMe))
imageView.addGestureRecognizer(tap)
imageView.isUserInteractionEnabled = true
```
Et de mettre en Œuvre le sélecteur de méthode comme:
```
@objc func tappedMe()
{
    println("Tapped on Image")
}
```
- userInteractionEnabled est la clé.
- ce n'est pas de travail pour moi "aider"
- Quel est le problème que vous rencontrez ? Si vous avez une nouvelle question, merci de poster une nouvelle question.
- Je suis de la génération de l'image afficher dynamiquement et ont fait exactement ce qui est écrit dans cette réponse, mais tappedMe() la fonction n'est pas appelée
- Il a travaillé pour moi, avec les modifications suivantes: laisser appuyez sur = UITapGestureRecognizer(cible: auto, action: #sélecteur(ViewController.tappedMe)) // ligne suivante -> successIndicatorImg.addGestureRecognizer(tap) // ligne suivante -> successIndicatorImg.isUserInteractionEnabled = true
- êtes-vous en utilisant le même geste à plusieurs vues de l'INTERFACE utilisateur ? Je viens de résoudre ce problème que j'ai été en utilisant le même geste pour de multiples points de vue et une seule a été de travailler pour moi. quand j'ai créer plusieurs gestes il a travaillé pour moi.
InformationsquelleAutor Midhun MP
34

Vous pouvez ajouter un UITapGestureRecognizer à l'imageView, il suffit de glisser un dans votre table de montage séquentiel/xib, appuyez sur la touche Ctrl de l'imageView à la gestureRecognizer, et faites glisser la souris à partir de la gestureRecognizer à la Swift-fichier pour faire un IBAction.

Vous aurez également besoin de permettre les interactions de l'utilisateur sur le UIImageView, comme le montre cette image:
- UIImageView ne répond pas à la touche par défaut. Vous devez également activer les interactions de l'utilisateur.
- Oups, c'est vrai. Édité.
- Interaction de l'utilisateur Activé a fait le tour pour moi, merci!
- J'aime la façon dont vous pouvez définir ce paramètre à l'aide de l'IB, le glisser/déposer est puissant, et ne pensais pas que c'était possible. +1 pour l'. Comme un noob, il serait facile de ne pas savoir comment il est connecté sans "l'utilisation de la souris autour de" la table de montage séquentiel. Cela dépend de vos préférences, mais je préfère "le voir dans le code".
InformationsquelleAutor Emil

Pour swift 2.0 et au-dessus de ce faire

@IBOutlet weak var imageView: UIImageView!
    override func viewDidLoad() {
        super.viewDidLoad()
        //Do any additional setup after loading the view, typically from a nib.
        let tap = UITapGestureRecognizer(target: self, action: #selector(ViewController.tappedMe))
        imageView.addGestureRecognizer(tap)
        imageView.userInteractionEnabled = true
    }
    func tappedMe()
    {
        print("Tapped on Image")
    }

Cela fonctionne bien avec swift 3.0. Merci!!
userInteractionEnabled a été rebaptisé à isUserInteractionEnabled

InformationsquelleAutor Abhishek Kumar

Swift4 Code

Essayer ce quelques nouvelles méthodes d'extension:

import UIKit

extension UIView {

    fileprivate struct AssociatedObjectKeys {
        static var tapGestureRecognizer = "MediaViewerAssociatedObjectKey_mediaViewer"
    }

    fileprivate typealias Action = (() -> Void)?


    fileprivate var tapGestureRecognizerAction: Action? {
        set {
            if let newValue = newValue {
                //Computed properties get stored as associated objects
                objc_setAssociatedObject(self, &AssociatedObjectKeys.tapGestureRecognizer, newValue, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN)
            }
        }
        get {
            let tapGestureRecognizerActionInstance = objc_getAssociatedObject(self, &AssociatedObjectKeys.tapGestureRecognizer) as? Action
            return tapGestureRecognizerActionInstance
        }
    }


    public func addTapGestureRecognizer(action: (() -> Void)?) {
        self.isUserInteractionEnabled = true
        self.tapGestureRecognizerAction = action
        let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(handleTapGesture))
        self.addGestureRecognizer(tapGestureRecognizer)
    }


    @objc fileprivate func handleTapGesture(sender: UITapGestureRecognizer) {
        if let action = self.tapGestureRecognizerAction {
            action?()
        } else {
            print("no action")
        }
    }

}

Maintenant, chaque fois que nous voulons ajouter un UITapGestureRecognizer à un UIView ou UIView sous-classe comme UIImageView, nous pouvons le faire sans la création de fonctions associées pour les sélecteurs de!

Utilisation:

 profile_ImageView.addTapGestureRecognizer {
        print("image tapped")
    }

Fonctionne très bien. et il a beaucoup simplifié la mise en œuvre et de loin.
m'effraie un peu avec la réflexion fonctions utilisées - est-il une bonne chance de ce travail à l'avenir swift versions?
C'est très élégant et utile. Fonctionne pour moi

InformationsquelleAutor Ravindra Bhati

8

Vous pourrait en fait il suffit de régler l'image de la UIButton à ce que vous auriez normalement placer dans un UIImageView. Par exemple, lorsque vous ferait:
```
myImageView.image = myUIImage
```
Vous pourriez utiliser:
```
myButton.setImage(myUIImage, forState: UIControlState.Normal)
```
Donc, voici ce que votre code pourrait ressembler à:
```
override func viewDidLoad(){
  super.viewDidLoad()

  var myUIImage: UIImage //set the UIImage here
  myButton.setImage(myUIImage, forState: UIControlState.Normal)
}

@IBOutlet var myButton: UIButton!
@IBAction func buttonTap(sender: UIButton!){
  //handle the image tap
}
```
La grande chose au sujet de l'utilisation de cette méthode est que si vous devez charger l'image à partir d'une base de données, vous pouvez définir le titre du bouton avant de définir l'image:
```
myButton.setTitle("Loading Image...", forState: UIControlState.Normal)
```
À dire à vos utilisateurs que vous êtes le chargement de l'image

InformationsquelleAutor Jojodmo
1

Vous pouvez mettre un UIButton avec un fond transparent sur le haut de la UIImageView, et d'écouter un tap sur le bouton avant le chargement de l'image
- Son un moyen rapide de décrire une option. Je pensais que tout le monde savait que les!
- Ce n'est pas une bonne idée de rajouter des composants d'INTERFACE utilisateur, sans réelle raison. Il permettra d'augmenter la complexité de l'INTERFACE utilisateur et aussi que vous avez à traiter avec la même auto contraintes de mise en forme. Il est juste mieux pour ajouter une TapGestureRecognizer.
InformationsquelleAutor depsch ali

Swift 4 Code

L'Étape 1 Dans Le ViewdidLoad()

   let pictureTap = UITapGestureRecognizer(target: self, action: #selector(MyInfoTableViewController.imageTapped))
       userImageView.addGestureRecognizer(pictureTap)
       userImageView.isUserInteractionEnabled = true

Étape 2 Ajouter La Fonction Suivante

@objc func imageTapped() {

        let imageView = userImageView
        let newImageView = UIImageView(image: imageView?.image)
        newImageView.frame = UIScreen.main.bounds
        newImageView.backgroundColor = UIColor.black
        newImageView.contentMode = .scaleAspectFit
        newImageView.isUserInteractionEnabled = true
        let tap = UITapGestureRecognizer(target: self, action: #selector(dismissFullscreenImage))
        newImageView.addGestureRecognizer(tap)
        self.view.addSubview(newImageView)

        self.navigationController?.isNavigationBarHidden = true
        self.tabBarController?.tabBar.isHidden = true

    }

Il est Testé Et fonctionne Correctement

InformationsquelleAutor Sachin Rasane

0

Je suggère à la place invisible(opacity = 0) bouton de votre imageview et ensuite gérer l'interaction sur le bouton.

InformationsquelleAutor levan

Vous devez vous connecter pour publier un commentaire.