Estou tentando atribuir um UIImageView
a uma ação quando o usuário toca nela.
Eu sei como criar uma ação para a UIButton
, mas como eu poderia imitar o mesmo comportamento de a UIButton
, mas usando a UIImageView
?
Estou tentando atribuir um UIImageView
a uma ação quando o usuário toca nela.
Eu sei como criar uma ação para a UIButton
, mas como eu poderia imitar o mesmo comportamento de a UIButton
, mas usando a UIImageView
?
Respostas:
Você precisará de um UITapGestureRecognizer
. Para configurar, use isto:
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
}
(Você também pode usar UIButton
ae atribuir uma imagem a ela, sem texto e depois simplesmente conectar uma IBAction
)
@objc
modificador à função.
Você precisa adicionar um reconhecedor de gestos (para tocar, use UITapGestureRecognizer , para tocar e segurar, use UILongPressGestureRecognizer ) ao seu UIImageView
.
let tap = UITapGestureRecognizer(target: self, action: #selector(YourClass.tappedMe))
imageView.addGestureRecognizer(tap)
imageView.isUserInteractionEnabled = true
E implemente o método seletor como:
@objc func tappedMe()
{
println("Tapped on Image")
}
Você pode adicionar um UITapGestureRecognizer
ao imageView, basta arrastar um para o Storyboard / xib, arraste com a tecla Ctrl pressionada a partir do imageView para o gestoRecognizer e com a tecla Ctrl pressionada do gestoRecognizer para o arquivo Swift para criar umIBAction
.
Você também precisará ativar as interações do usuário no UIImageView
, conforme mostrado nesta imagem:
UIImageView
não responde a toques por padrão. Você também precisa ativar as interações do usuário.
Para o Swift 2.0 e superior, faça isso
@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")
}
Código Swift4
Experimente alguns novos métodos de extensão:
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")
}
}
}
Agora, sempre que quisermos adicionar um UITapGestureRecognizer
a umUIView
ou UIView
subclasse comoUIImageView
, podemos fazê-lo sem criar funções associadas para seletores!
Uso:
profile_ImageView.addTapGestureRecognizer {
print("image tapped")
}
Você pode simplesmente definir a imagem do UIButton
para o que você normalmente colocaria em um arquivo UIImageView
. Por exemplo, onde você faria:
myImageView.image = myUIImage
Você poderia usar:
myButton.setImage(myUIImage, forState: UIControlState.Normal)
Então, aqui está a aparência do seu código:
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
}
O melhor de usar esse método é que, se você precisar carregar a imagem de um banco de dados, poderá definir o título do botão antes de definir a imagem:
myButton.setTitle("Loading Image...", forState: UIControlState.Normal)
Para informar aos usuários que você está carregando a imagem
É necessário adicionar preguiçoso para que o TapGestureRecognizer se registre,
pois o 'self' em UITapGestureRecognizer (target: self ...) será nulo se não for um var preguiçoso. Mesmo se você definir isUserInteractionEnable = true, ele não será registrado sem a variante lenta.
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")
}
Você pode colocar um UIButton
fundo transparente por cima do UIImageView
e ouvir um toque no botão antes de carregar a imagem
let pictureTap = UITapGestureRecognizer(target: self, action: #selector(MyInfoTableViewController.imageTapped))
userImageView.addGestureRecognizer(pictureTap)
userImageView.isUserInteractionEnabled = true
@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
}