Instantiate view with XIB

Question

I have a xib created by following guide (How do I create a custom iOS view class and instantiate multiple copies of it (in IB)?) but I have a question:

how can I instantiate if from code?

So what should I write in viewDidLoad instead of

self.myView = [[MyView alloc] initWithFrame:self.view.bounds];

I know how to instantiate it with storyboard, but I have no idea how to do it from code. Thanks!

score 6 · Accepted Answer · edited May 23 '17 at 12:00

6

You will have to add -loadNibNamed method like following:

Add the following code to your Your_View init method:

NSArray *subviewArray = [[NSBundle mainBundle] loadNibNamed:@"Your_nib_name" owner:self options:nil];
UIView *mainView = [subviewArray objectAtIndex:0];
[self addSubview:mainView];

Refer these two questions here:

Adding a custom subview (created in a xib) to a view controller's view - What am I doing wrong

iOS: Custom view with xib

EDIT:

In your ViewController.m file

#import CustomView.h   <--- //import your_customView.h file

- (void)viewDidLoad
{
    [super viewDidLoad];

    CustomView *customView = [[CustomView alloc]init];
    [self.view addSubview:customView];
}

edited May 23 '17 at 12:00

Community

1
1

answered Oct 22 '14 at 04:20

Rumin

3,787
3
27
30

yep, that's clear. But what should I do in ViewController to add view from nib? – user2786037 Oct 22 '14 at 07:32
what is `[CustomView customView]`? – user2786037 Oct 22 '14 at 08:21
`customView` will be your method of `CustomView` class in which you have initialized your view. i.e in which you have loaded the nib file of the view. If you are writing that code in `-init`, then simply write `[[CustomView alloc]init];` – Rumin Oct 22 '14 at 09:29

Alex · Answer 2 · 2022-08-18T13:32:32.097

2

Swift 4

extension UIView {
    class func makeFromNib() -> Self {
        let nibName = String(describing: self)
        let bundle = Bundle(for: self)
        let nib = UINib(nibName: nibName, bundle: bundle)
        let view = nib.instantiate(withOwner: nil, options: nil)[0]
        return view as! Self
    }
}

use

let myView = MyView.makeFromNib()
let profileView = ProfileView.makeFromNib()

edited Aug 18 '22 at 13:32

answered Sep 26 '19 at 14:09

Alex

1,603
1
16
11

score 0 · Answer 3 · answered Jun 13 '18 at 15:31

Here is a Swift 4 extension that I use:

public extension UIView {
    // Load the view for this class from a XIB file
    public func viewFromNibForClass(index : Int = 0) -> UIView {
        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: String(describing: type(of: self)), bundle: bundle)
        return nib.instantiate(withOwner: self, options: nil)[index] as! UIView
    }

    // Load the view for this class from a XIB file and add it
    public func initViewFromNib() {
        let view = viewFromNibForClass()
        addSubview(view)
        //view.frame = bounds  // No Autolayout
        view.constrainToFillSuperview()  // Autolayout helper
    }
}

Use it like this:

override init(frame: CGRect) {
    super.init(frame: frame)
    initViewFromNib()
}

required public init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    initViewFromNib()
}

Instantiate view with XIB

3 Answers3

Linked