你如何在 storyboard 上制作一个 UIImageView 可点击（快速）

Question

我是 swift（和一般的 Xcode 开发）的新手，我想知道如何使 storyboard 上的 ImageView 可点击。 我要做的是让它在单击时显示另一个视图 controller。

Answer 1

您可以为此添加tapGesture。 这是代码：

class ViewController: UIViewController {

@IBOutlet weak var imageView: UIImageView!
override func viewDidLoad() {
    super.viewDidLoad()
    // create tap gesture recognizer
    let tapGesture = UITapGestureRecognizer(target: self, action: "imageTapped:")

    // add it to the image view;
    imageView.addGestureRecognizer(tapGesture)
    // make sure imageView can be interacted with by user
    imageView.userInteractionEnabled = true
}

func imageTapped(gesture: UIGestureRecognizer) {
    // if the tapped view is a UIImageView then set it to imageview
    if let imageView = gesture.view as? UIImageView {
        println("Image Tapped")
        //Here you can initiate your new ViewController

        }
    }
}

Swift 3.0

class ViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!
    override func viewDidLoad() {
        super.viewDidLoad()
        // create tap gesture recognizer
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(ViewController.imageTapped(gesture:)))

        // add it to the image view;
        imageView.addGestureRecognizer(tapGesture)
        // make sure imageView can be interacted with by user
        imageView.isUserInteractionEnabled = true
    }

    func imageTapped(gesture: UIGestureRecognizer) {
        // if the tapped view is a UIImageView then set it to imageview
        if (gesture.view as? UIImageView) != nil {
            print("Image Tapped")
            //Here you can initiate your new ViewController

        }
    }
}

Swift 5.0

class ViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // create tap gesture recognizer
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(ViewController.imageTapped(gesture:)))

        // add it to the image view;
        imageView.addGestureRecognizer(tapGesture)
        // make sure imageView can be interacted with by user
        imageView.isUserInteractionEnabled = true
    }

    @objc func imageTapped(gesture: UIGestureRecognizer) {
        // if the tapped view is a UIImageView then set it to imageview
        if (gesture.view as? UIImageView) != nil {
            print("Image Tapped")
            //Here you can initiate your new ViewController

        }
    }
}

Answer 2

您可以更轻松地完成它，并通过Storyboard使图像可以点击，完全没有编码 。

• 首先，您需要将UITapGestureRecognizer拖到Storyboard中的UIImageView上。
• 然后使用@IBAction func imageClicked(_ sender: Any) {}创建要在代码中运行的IBAction @IBAction func imageClicked(_ sender: Any) {}
• 接下来，您需要通过在Document Outline选择手势识别器，然后切换到Connection Inspector Tab并将Sent Actions - > Selector拖到UIViewController ，然后选择您创建的相应操作，将UITapGestureRecognizer连接到UITapGestureRecognizer中的IBAction 。先前。
• 最后，您必须在图像视图上设置“ User Interaction Enabled ”复选框。

完成，一个完全可点击的UIImageView，无需编写一行代码，除了您要调用的明显函数。 但是，嘿，如果你想要推动一个segue，那么你可以通过使用手势识别器Triggered Segues而不是它的Sent Actions来完成编码。

尽管Storyboard有其局限性，但无需为可点击图像编写代码。 ;）

Answer 3

我建议创建一个没有文本的UIButton，并将其制作成您想要的图像。 执行此操作后，您可以从图像按CTRL拖动到要切换到的视图控制器。 或者您可以在视图控制器的代码中进行IBAction手动分段。

Answer 4

对于swift 3.0版，请尝试以下代码

override func viewDidLoad() {
super.viewDidLoad()

let tap1 = UITapGestureRecognizer(target: self, action: #selector(tapGesture1))
imageview.addGestureRecognizer(tap1)
imageview.isUserInteractionEnabled = true
}
func tapGesture1() {
    print("Image Tapped")
}

Answer 5

在故事板上设置图像视图，启用用户交互，然后使用此方法

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 
{
    UITouch *touch = [touches anyObject];

    if ([touch view] == yourImageView)
    {
            //add your code for image touch here 
    }
}

Answer 6

首先，创建一个图像视图。 比写这段代码覆盖 func viewDidLoad() { super.viewDidLoad()

let tap = UITapGestureRecognizer(target: self, action:          #selector(tapGesture))
imageview.addGestureRecognizer(tap)
imageview.isUserInteractionEnabled = true
}
func tapGesture() {
    print("Image View Tapped")
}

在您看来 controller。

UITapGestureRecognizer 方法做的一切都是可点击的

Answer 7

我通过设置用户交互enable = true来实现这一点

以下代码在TouchesBegan中......干净简单

ImageView也在StackView中

if let touch = touches.first {
   if touch.view == profilePicture {
      print("image touched")
   }
}

Answer 8

好吧，虽然你可以使用上面提到的UITapGestureRecognizer，如果你需要做一个快速的项目，只关心应用程序的功能，最简单的方法是有一个透明的按钮覆盖你的UIImageView没有文字，然后使用写下你想要的任何代码。 当然，如果您正在制作一个非常重要的项目或其他东西，但是如果您只想制作一个快速的应用程序（假设某个会议的MVP非常简单），这个方法应该可以正常工作。

Answer 9

在我看来，合理的方法是创建 UIImage 的扩展......

这是我找到的代码...

public typealias SimpleClosure = (() -> ())
private var tappableKey : UInt8 = 0 
private var actionKey : UInt8 = 1 

extension UIImageView {
    
    @objc var callback: SimpleClosure {
        get {
            return objc_getAssociatedObject(self, &actionKey) as! SimpleClosure
        }
        set {
            objc_setAssociatedObject(self, &actionKey, newValue, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }
    }
    
    var gesture: UITapGestureRecognizer {
        get {
            return UITapGestureRecognizer(target: self, action: #selector(tapped))
        }
    }
    
    var tappable: Bool! {
        get {
            return objc_getAssociatedObject(self, &tappableKey) as? Bool
        }
        set(newValue) {
            objc_setAssociatedObject(self, &tappableKey, newValue, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN)
            self.addTapGesture()
        }
    }

    fileprivate func addTapGesture() {
        if (self.tappable) {
            self.gesture.numberOfTapsRequired = 1
            self.isUserInteractionEnabled = true
            self.addGestureRecognizer(gesture)
        }
    }

    @objc private func tapped() {
        callback()
    }
}

用法应该是这样的

    @IBOutlet weak var exampleImageView: UIImageView! {
    didSet {
        self.exampleImageView.tappable = true
    }
}override func viewDidLoad() {
    super.viewDidLoad()
    self.exampleImageView.callback = {
         //TODO: Here you put the On click code.
    }
}