使用 customView 将GestureRecognizer 添加到 rightBarButtonItem

Question

如何使用customView向我的rightBarButtonItem添加操作？

现在我有代码：

override func viewDidLoad() {
    super.viewDidLoad()
    configurePhotoProfile()
}

func configurePhotoProfile() {
    let imageView = UIImageView()
    let widthConstraint = imageView.widthAnchor.constraint(equalToConstant: 34)
    let heightConstraint = imageView.heightAnchor.constraint(equalToConstant: 34)
    heightConstraint.isActive = true
    widthConstraint.isActive = true
    imageView.kf.setImage(with: URL(string: channel?.recipientUrlImage ?? ""))
    imageView.backgroundColor = .clear
    imageView.layer.masksToBounds = true
    imageView.layer.cornerRadius = 17
    imageView.isUserInteractionEnabled = true
    imageView.addGestureRecognizer(UIGestureRecognizer(target: self, action: #selector(ChatsViewController.didTapImageButton(_:))))
    if UserDefaults.standard.integer(forKey: UserDefaultsKeys.selectedSegmentedControl) == 0 {
        self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: imageView)
    } else {
        self.navigationItem.rightBarButtonItem = nil
    }
}

@objc func didTapImageButton(_ sender: UIBarButtonItem) {
    print("tap")
}

但是，如果我点击barButtonItem ，则在控制台中看不到我的print("tap") 。 我的问题在哪里？

Answer 1

像下面这样使用UITapGestureRecognizer

let tap = UITapGestureRecognizer(target: self, action: #selector(ChatsViewController.didTapImageButton(_:)))
tap.numberOfTapsRequired = 1
imageView.addGestureRecognizer(tap)

Answer 2

我看到您正在使用基本手势识别器类，您应该使用UITapGestureRecognizer代替。

Answer 3

• 当您在视图上以编程方式设置约束时，该视图也是以编程方式创建的，您需要执行以下操作...

   imageView.translatesAutoresizingMaskIntoConstraints = false

• 上述属性需要设为false才能以编程方式获取工作约束。

• 另一种选择是您只指定了约束的高度和宽度，但没有指定x position和y position 。 您需要指定(X,Y)位置。

使用图像视图

使用图像视图，您可以执行以下操作。

func configurePhotoProfile() {
    let imageView = UIImageView(frame: .init(x: 0, y: 0, width: 34, height: 34))
    imageView.kf.setImage(with: URL(string: channel?.recipientUrlImage ?? ""))
    imageView.backgroundColor = .clear
    imageView.layer.masksToBounds = true
    imageView.layer.cornerRadius = 17
    imageView.isUserInteractionEnabled = true
    let tap = UITapGestureRecognizer(target: self, action: #selector(ChatsViewController.didTapImageButton(_:)))
    tap.numberOfTapsRequired = 1
    imageView.addGestureRecognizer(tap)
    if UserDefaults.standard.integer(forKey: UserDefaultsKeys.selectedSegmentedControl) == 0 {
        navigationItem.rightBarButtonItem = UIBarButtonItem(customView: imageView)
    } else {
        navigationItem.rightBarButtonItem = nil
    }
}

您可以将UIButton添加到栏按钮项（带有自定义视图），而不是图像，如下所示。

let vw = UIButton(frame: .init(x: 0, y: 0, width: 34, height: 34))
vw.addTarget(self, action: #selector(ChatsViewController.didTapImageButton(_:)), for: .touchUpInside)

//set buttons other properties

let barButton = UIBarButtonItem(customView: vw)
navigationItem.rightBarButtonItem = barButton

Answer 4

您正在使用手势识别器的基类，只需在代码中使用UITapGestureRecognizer更新如下：

override func viewDidLoad() {
            super.viewDidLoad()
            configurePhotoProfile()
        }

        func configurePhotoProfile() {
            let imageView = UIImageView()
            imageView.translatesAutoresizingMaskIntoConstraints = false
            let widthConstraint = imageView.widthAnchor.constraint(equalToConstant: 34)
            let heightConstraint = 
            imageView.heightAnchor.constraint(equalToConstant: 34)
            heightConstraint.isActive = true
            widthConstraint.isActive = true
            imageView.kf.setImage(with: URL(string: channel?.recipientUrlImage ?? ""))
            imageView.backgroundColor = .clear
            imageView.layer.masksToBounds = true
            imageView.layer.cornerRadius = 17
            imageView.isUserInteractionEnabled = true
            let tap = UITapGestureRecognizer(target: self, action: #selector(ChatsViewController.didTapImageButton(_:)))
            tap.numberOfTapsRequired = 1
            imageView.addGestureRecognizer(tap)
            if UserDefaults.standard.integer(forKey: UserDefaultsKeys.selectedSegmentedControl) == 0 {
                self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: imageView)
            } else {
                self.navigationItem.rightBarButtonItem = nil
            }
        }

        @objc func didTapImageButton(_ sender: UIBarButtonItem) {
            print("tap")
        }

Answer 5

我对您通过使用Gesture获取事件的方法感到担忧。 使用IBAction获取事件会更好。

为此，您可以在NavigationItem添加自定义视图 ( UIView )，并将UIImage和UIButton添加为该自定义视图的子视图。

完成所需的UI部分后，您可以为添加的按钮创建一个IBAction 。

下图是您想要的UI的初始方法，您可以在此处添加子视图