如何在 UIView 中加载 xib 文件

Question

我一直在到处寻找，但到目前为止没有任何对我有用的东西。

基本上我想要一个名为 rootView.xib 的 .xib 文件，在其中我想要一个 UIView （让我们称之为 containerView ），它只占据屏幕的一半（所以会有常规视图和新视图）。然后我想要一个名为firstView.xib 的不同.xib 文件并将其加载到containerView 内。所以我可以在firstView.xib上有一堆东西，在rootView.xib上有一堆不同的东西，然后将我的firstView.xib加载到rootView.xib的containerView中，但由于它只占据屏幕的一半，你仍然会看到rootView.xib 上的内容

Answer 1

要以编程方式从 xib 文件中获取对象，您可以使用： [[NSBundle mainBundle] loadNibNamed:@"MyXibName"owner:self options:nil] 它返回 xib 中顶级对象的数组。

所以，你可以做这样的事情：

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];

Answer 2

我在 github 上创建了一个示例项目，用于从另一个 .xib 文件内的 .xib 文件加载 UIView。或者您可以通过编程来完成。

这对于您想要在不同 UIViewController 对象上重用的小部件很有用。

1. 新方法：https://github.com/PaulSolt/CustomUIView
2. 原始方法：https://github.com/PaulSolt/CompositeXib

Answer 3

[Swift 实现]

从 xib 加载视图的通用方法：

示例：

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

实现：

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))
    }
}

Answer 4

你可以尝试：

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

Answer 5

创建 XIB 文件：

文件->新建文件->ios->cocoa touch class->下一页

确保选中“同时创建 XIB 文件”

我想使用 tableview 执行，因此我选择了子类 UITableViewCell

您可以选择作为您的要求

<一href="https://i.sstatic.net/xa59u.png" rel="noreferrer">

根据您的意愿设计 XIB 文件 (RestaurantTableViewCell.xib)

我们需要获取行高来设置表格每行的高度

现在！需要快速归档它们。我把restaurantPhoto和restaurantName给你了，你们可以把你们所有人都给我。

现在添加一个 UITableView

名称
nib 文件的名称，不需要包含 .nib 扩展名。

所有者
指定为 nib 的文件所有者对象的对象。

选项
包含打开 nib 文件时使用的选项的字典。

第一
如果您不先定义，则获取所有视图..因此您需要获取该集合中的一个视图 frist 。

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

这是表视图控制器

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
    }

}

完成的完整代码:)

Answer 6

对于 Swift 4.2

假设您有一个名为 NibView 的类，关联的 nib 文件是 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
    }

}

创建该类的实例并添加到您的查看您想要的特定布局

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

Answer 7

对于 swift 3 和4

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