Jak załadować plik XIB w UIView

Szukałem wszędzie i do tej pory nic mi nie wyszło.

Zasadniczo chcę mieć plik .xib o nazwie rootView.xib, a wewnątrz niego chcę mieć UIView (nazwijmy to containerView), który zajmuje tylko połowę ekranu (więc byłby zwykły widok i nowy widok). Następnie chcę inny plik .xib o nazwie firstView.xib i załadować go do kontenera containerView. Mogę więc mieć kilka rzeczy na firstView.xib i kilka różnych rzeczy w rootView.xib i załadować mój firstView.xib w containerView w rootView.xib, ale ponieważ zajmuje tylko połowę ekranu, nadal zobaczysz rzeczy na rootView.xib

Aby programowo pobrać obiekt z pliku xib, możesz użyć: [[NSBundle mainBundle] loadNibNamed:@"MyXibName" owner:self options:nil]co zwraca tablicę obiektów najwyższego poziomu w xib.

Możesz więc zrobić coś takiego:

UIView *rootView = [[[NSBundle mainBundle] loadNibNamed:@"MyRootView" owner:self options:nil] objectAtIndex:0];
UIView *containerView = [[[NSBundle mainBundle] loadNibNamed:@"MyContainerView" owner:self options:nil] lastObject];
[rootView addSubview:containerView];
[self.view addSubview:rootView];

Utworzyłem przykładowy projekt na github, aby załadować UIView z pliku .xib do innego pliku .xib. Lub możesz to zrobić programowo.

Jest to dobre dla małych widżetów, których chcesz użyć ponownie w różnych obiektach UIViewController.

1. Nowe podejście: https://github.com/PaulSolt/CustomUIView
2. Oryginalne podejście: https://github.com/PaulSolt/CompositeXib

Możesz spróbować:

UIView *firstViewUIView = [[[NSBundle mainBundle] loadNibNamed:@"firstView" owner:self options:nil] firstObject];
[self.view.containerView addSubview:firstViewUIView];

[Szybkie wdrożenie]

Uniwersalny sposób ładowania widoku z xib:

Przykład:

let myView = Bundle.loadView(fromNib: "MyView", withType: MyView.self)

Realizacja:

extension Bundle {

    static func loadView<T>(fromNib name: String, withType type: T.Type) -> T {
        if let view = Bundle.main.loadNibNamed(name, owner: nil, options: nil)?.first as? T {
            return view
        }

        fatalError("Could not load view with type " + String(describing: type))
    }
}

Utwórz plik XIB:

Plik -> nowy Plik -> ios-> cocoa touch class -> next

upewnij się, że zaznaczono "także utwórz plik XIB"

Chciałbym z nią występować, tableviewwięc wybrałem podklasęUITableViewCell

możesz wybrać jako swoje wymagania

Projekt pliku XIB według własnego uznania (RestaurantTableViewCell.xib)

musimy chwycić wysokość wiersza, aby ustawić wysokość każdego wiersza

Teraz! trzeba je schować w szybkim pliku. Jestem wkurzony restaurantPhotoi restaurantNamemożecie was wszystkich schwytać .

Teraz dodajemy UITableView

nazwa
Nazwa pliku nib, która nie musi zawierać rozszerzenia .nib.

właściciel
Obiekt do przypisania jako obiekt właściciela pliku końcówki.

opcje
Słownik zawierający opcje używane podczas otwierania pliku nib.

najpierw, jeśli nie zdefiniujesz najpierw, a następnie przechwytujesz cały widok ... więc musisz pobrać jeden widok z tego zestawu frist.

Bundle.main.loadNibNamed("yourUIView", owner: self, options: nil)?.first as! yourUIView

tutaj jest kontroler widoku tabeli Pełny kod

import UIKit

class RestaurantTableViewController: UIViewController ,UITableViewDataSource,UITableViewDelegate{

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 5
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let restaurantTableviewCell = Bundle.main.loadNibNamed("RestaurantTableViewCell", owner: self, options: nil)?.first as! RestaurantTableViewCell

        restaurantTableviewCell.restaurantPhoto.image = UIImage(named: "image1")
        restaurantTableviewCell.restaurantName.text = "KFC Chicken"

        return restaurantTableviewCell
    }
   // set row height
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 150
    }

}

Skończyłeś :)

Do szybkiego 3 i 4

let customView = Bundle.main.loadNibNamed("CustomView", owner: nil, options: nil)?.first as? CustomView

Dla Swift 4.2

Załóżmy, że masz klasę o nazwie NibView, a powiązany plik nib to NibView.xib

class NibView: UIView {

    class func getScreen() -> NibView {
        let xib = Bundle.main.loadNibNamed(String(describing :self), owner: self, options: nil)
        let me = xib![0] as! NibView
        return me
    }

}

utwórz instancję klasy i dodaj w widoku z określonym układem, co chcesz

let myView = NibView.getScreen()
self.yourView.addSubview(myView)