我可以快速将 UIImageView 放在 UIButton 中吗？

Question

所以这是我的问题。

我需要用 3 个按钮制作一个应用程序。所有这些按钮都使用户能够添加图像，该图像假定与此类按钮位于完全相同的位置。

我这样声明我的按钮

@IBOutlet weak var image1: UIButton!
    @IBOutlet weak var image2: UIButton!
    @IBOutlet weak var image3: UIButton!
    @IBOutlet weak var buttonTest: UIButton!

首先尝试将图像应用到按钮以添加图像，它可以工作，但图像大小不合适

第二次我尝试使用这样的背景图片

但它不起作用。图片没有出现。

我也尝试使用 UIImageView 而不是 UIButton，但 UIImageVIew 没有“动作”，并且很难创建一个gestureRecognizer 并将其与我的 ImagePicker 一起使用

所以，我的问题是，是否可以将 UIButton 子类化以在其中放置 UIImageView ？因为我不想使用在 UIImageView 中更改 UIImage 的按钮重复相同的代码 3 次。

我希望我已经足够清楚了。如果您需要更多解释，请告诉我。

谢谢你：D

编辑：

好的，现在我想用 UIImageVIew 来做这件事。 所以我声明了每个 UIImageView，并添加了一个调用函数的手势识别器。如何添加参数“sender”以将点击的图像发送到函数？

    @IBOutlet weak var image2: UIImageView!
    @IBOutlet weak var image3: UIImageView!
    @IBOutlet weak var image4: UIImageView!
    @IBOutlet weak var image5: UIImageView!
    @IBOutlet weak var image6: UIImageView!

    let tapGestureRecognizer = UITapGestureRecognizer(target: self,     action: #selector(imageTapped(tapGestureRecognizer:)))
            
        image1.addGestureRecognizer(tapGestureRecognizer)
        image2.addGestureRecognizer(tapGestureRecognizer)
        image3.addGestureRecognizer(tapGestureRecognizer)
        image4.addGestureRecognizer(tapGestureRecognizer)
        image5.addGestureRecognizer(tapGestureRecognizer)
        image6.addGestureRecognizer(tapGestureRecognizer)

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

        // Your action
    }

Answer 1

子类化 UIButton 是正确的，但是子类化它的父类 UIControl 会好得多。这将为您提供创建伪按钮所需的所有控制操作，但没有 UIButton 子类的限制，也没有重新创建所有手势识别器的开销。然后，您可以像设计任何其他 UIView 一样对其进行设计/布局。

作为一个简单（且未优化）的示例：

//create button class, with a big image in the middle of the view
class MyButton: UIControl {
   let buttonImage = UIImage(systemName: "hand.tap")
   let highlightedButtonImage = UIImage(systemName: "hand.tap.fill")
   lazy var buttonView = UIImageView(image: buttonImage)
   
   override init(frame: CGRect) {
      super.init(frame: frame)
      buttonView.image
      backgroundColor = .systemPink
      addSubview(buttonView)
      buttonView.translatesAutoresizingMaskIntoConstraints = false
      NSLayoutConstraint.activate([
         buttonView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 20),
         buttonView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -20),
         buttonView.topAnchor.constraint(equalTo: topAnchor, constant: 20),
         buttonView.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -20)
      ])
   }
   
   required init?(coder: NSCoder) {
      fatalError("init(coder:) has not been implemented")
   }
}


//add button to the view controller
class myViewController: UIViewController {
   override func viewDidLoad() {
      super.viewDidLoad()
      view.backgroundColor = .systemCyan
      let myButton = MyButton(frame: .zero)
      myButton.addTarget(self, action: #selector(buttonPressUp(_:)), for: .touchUpInside)
      myButton.addTarget(self, action: #selector(buttonPressDown), for: .touchDown)
      
      vc.view.addSubview(myButton)
      myButton.translatesAutoresizingMaskIntoConstraints = false
      NSLayoutConstraint.activate([
         myButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 100),
         myButton.topAnchor.constraint(equalTo: view.topAnchor, constant: 100),
         myButton.widthAnchor.constraint(equalToConstant: 200),
         myButton.heightAnchor.constraint(equalToConstant: 200)
      ])
   }
   
   @objc func buttonPressDown(_ button: MyButton) {
      button.buttonView.image = button.highlightedButtonImage
   }
   
   @objc func buttonPressUp(_ button: MyButton) {
      print("button tapped")
      button.buttonView.image = button.buttonImage
   }
}