Come assegnare un'azione per l'oggetto UIImageView in Swift

Sto cercando di assegnare UIImageViewun'azione a quando l'utente la tocca.

So come creare un'azione per a UIButton, ma come potrei imitare lo stesso comportamento di a UIButton, ma usando a UIImageView?

Avrai bisogno di un UITapGestureRecognizer. Per impostare usa questo:

override func viewDidLoad()
{
    super.viewDidLoad()

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

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

    // Your action
}

(Potresti anche usare a UIButtone assegnare un'immagine ad essa, senza testo e che semplicemente collegare un IBAction)

Devi aggiungere un riconoscimento gesti (per toccare usa UITapGestureRecognizer , per toccare e tieni premuto usa UILongPressGestureRecognizer ) al tuo UIImageView.

let tap = UITapGestureRecognizer(target: self, action: #selector(YourClass.tappedMe))
imageView.addGestureRecognizer(tap)
imageView.isUserInteractionEnabled = true

E implementa il metodo di selezione come:

@objc func tappedMe()
{
    println("Tapped on Image")
}

Puoi aggiungere a UITapGestureRecognizera imageView, trascinarne uno nello Storyboard / xib, trascinare Ctrl dall'immagineView in gestoRecognizer e trascinare Ctrl dal gestoRecognizer nel file Swift per crearne uno IBAction.

Dovrai anche abilitare le interazioni dell'utente sul UIImageView, come mostrato in questa immagine:

Per swift 2.0 e versioni successive, fai questo

@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")
    }

Codice Swift4

Prova questo alcuni nuovi metodi di estensione:

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")
        }
    }

}

Ora, ogni volta che vogliamo aggiungere un UITapGestureRecognizera UIViewo una UIViewsottoclasse come UIImageView, possiamo farlo senza creare funzioni associate per i selettori!

Uso:

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

In realtà potresti semplicemente impostare l'immagine di UIButtonciò che normalmente inseriresti in a UIImageView. Ad esempio, dove faresti:

myImageView.image = myUIImage

Puoi invece usare:

myButton.setImage(myUIImage, forState: UIControlState.Normal)

Quindi, ecco come potrebbe apparire il tuo codice:

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
}

Il bello dell'utilizzo di questo metodo è che se devi caricare l'immagine da un database, puoi impostare il titolo del pulsante prima di impostare l'immagine:

myButton.setTitle("Loading Image...", forState: UIControlState.Normal)

Per dire ai tuoi utenti che stai caricando l'immagine

È necessario aggiungere pigro per TapGestureRecognizer per registrarsi
poiché il 'sé' in UITapGestureRecognizer (target: self ...) sarà nullo se non è un var pigro. Anche se si imposta isUserInteractionEnable = true, non verrà registrato senza var pigro.

lazy var imageSelector : UIImageView = {
    let image = UIImageView(image: "imageName.png")
    //now add tap gesture
    image.isUserInteractionEnabled = true
    image.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handleImageSelector)))
    return image
}()
@objc private func handleImageSelector() {
    print("Pressed image selector")
}

È possibile inserire uno UIButtoncon uno sfondo trasparente sopra la parte superiore UIImageViewe ascoltare un tocco sul pulsante prima di caricare l'immagine

Swift 4 Code

Passaggio 1 in ViewdidLoad ()

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

Passaggio 2: aggiungere la seguente funzione

@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

    }

È testato e funziona correttamente

Suggerisco di posizionare il pulsante invisibile (opacità = 0) sulla visualizzazione dell'immagine e quindi gestire l'interazione sul pulsante.