快速的自定义视图操作

Question

I created a custom View because different UIViewController are having identical appearance.

It appeared to be a whole blank when I add the custom View into UIViewController . That doesn't matter. What matter is how do I create an action for the invisible Button overlay on the ImageView ? I cannot seem to connect Sent Action of the invisible Button to my UIViewController .

Any help would be greatly appreciated!

EDIT: @Mannopson this is how I did

import UIKit

class BookDetailsView: UIView {

    @IBOutlet var wholeView: UIView!
    @IBOutlet var borderView: UIView!
    @IBOutlet weak var imgBook: UIImageView!
    @IBOutlet weak var txtTitle: UITextField!
    @IBOutlet weak var txtAuthor: UITextField!
    @IBOutlet weak var txtDesc: UITextField!
    @IBOutlet weak var btnUploadPhoto: UIButton!

    //init for custom draw
    override init(frame: CGRect) {
        super.init(frame: frame)
        customInit()
    }

    //init for ib
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        customInit()
//        fatalError("init(coder:) has not been implemented")
    }

    private func customInit(){
        //load xib
        Bundle.main.loadNibNamed("BookDetailsView", owner: self, options: nil)

        //add wholeView as subView
        addSubview(wholeView)

        //auto fit
        wholeView.frame = self.bounds
        wholeView.autoresizingMask = [.flexibleHeight, .flexibleWidth]
        borderView.layer.borderWidth = 3
        borderView.layer.cornerRadius = 40
    }

}

Answer 1

The possible reasons for being unable to connect an Outlet are:

• The ViewController (in InterfaceBuilder) hasn't been attached to it's ViewController class ie no custom class has been specified in the Identity Inspector
• The wrong action/outlet pair ie trying to connect a button action to a view

Answer 2

In essence, assigning an action to UIImageView is a bad practice. You don't have to use image view to handle tap (even though technically you can). Instead, use simple UIButton, remove its text, border and its color, and simply set an image to it. You will get just what you want, without unnecessary overlays and such stuff. It's easier and is appropriate.

---

Edit (extract from comments which reveal another issue):

To add custom view to the view hierarchy. Most typical way:

Create a subclass of UIViewController with that class owning all the outlets. Then create a separate storyboard file (or you can even use current). Then simply instantiate it programmatically and by doing that, access the view property. Add that view as a subview to the view hierarchy of currently shown UIViewController .

Other solutions include:

1) Use container view to manage nested UIViewController .

2) Use separate XIB file for your custom view and instantiate it programmatically.

Answer 3

Try something like this:

class BookDetailsView: UIView {

@IBOutlet var wholeView: UIView!
@IBOutlet var borderView: UIView!
@IBOutlet weak var imgBook: UIImageView!
@IBOutlet weak var txtTitle: UITextField!
@IBOutlet weak var txtAuthor: UITextField!
@IBOutlet weak var txtDesc: UITextField!
@IBOutlet weak var btnUploadPhoto: UIButton!

}

Load the custom view in UIViewController 's viewDidLoad method:

let customView = Bundle.main.loadNibNamed("YourXIBName", owner: self, options: nil).first as! YourUIViewSubclass

// Customize appearence
customView.btnUploadPhoto.backgroundColor = UIColor.red

// Add an action for this button
customView.btnUploadPhoto.addTarget(self, action: #selector(yourFunctionForUIButton), forControlEvents: .touchUpInside)

self.view.addSubview(customView)

A custom function:

func yourFunctionForUIButton() { 
}

Hope it helps. This not not an answer for your main question and it's just recommendation

Answer 4

You should add gesture to your ImageView.

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