วิธีโหลดไฟล์ xib ใน UIView

ฉันได้ค้นหาทุกที่และจนถึงตอนนี้ก็ไม่มีอะไรได้ผลสำหรับฉัน

โดยทั่วไปฉันต้องการมีไฟล์. xib ที่เรียกว่า rootView.xib และภายในนั้นฉันต้องการมี UIView (เรียกว่า containerView) ที่ใช้เวลาเพียงครึ่งหนึ่งของหน้าจอ (ดังนั้นจะมีมุมมองปกติและมุมมองใหม่) จากนั้นฉันต้องการไฟล์. xib อื่นที่เรียกว่า firstView.xib และโหลดภายใน containerView ดังนั้นฉันสามารถมีหลายอย่างใน firstView.xib และสิ่งต่าง ๆ มากมายใน rootView.xib และโหลด firstView.xib ของฉันภายใน containerView ใน rootView.xib แต่เนื่องจากใช้เวลาเพียงครึ่งหนึ่งของหน้าจอคุณจึงยังคงเห็น สิ่งต่างๆบน rootView.xib

ในการรับวัตถุจากไฟล์ 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];

ฉันสร้างโปรเจ็กต์ตัวอย่างบน github เพื่อโหลด UIView จากไฟล์. xib ภายในไฟล์. xib อื่น หรือจะทำแบบเป็นโปรแกรมก็ได้

นี่เป็นสิ่งที่ดีสำหรับวิดเจ็ตเล็ก ๆ ที่คุณต้องการใช้ซ้ำกับวัตถุ UIViewController ต่างๆ

1. แนวทางใหม่: https://github.com/PaulSolt/CustomUIView
2. แนวทางดั้งเดิม: https://github.com/PaulSolt/CompositeXib

คุณสามารถลอง:

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

[การใช้งานอย่างรวดเร็ว]

วิธีทั่วไปในการโหลดมุมมองจาก 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))
    }
}

สร้างไฟล์ XIB:

ไฟล์ -> ไฟล์ใหม่ -> ios-> คลาสสัมผัสโกโก้ -> ถัดไป

ตรวจสอบให้แน่ใจว่าเครื่องหมายถูก "สร้างไฟล์ XIB ด้วย"

ฉันต้องการแสดงด้วยtableviewดังนั้นฉันจึงเลือกคลาสย่อยUITableViewCell

คุณสามารถเลือกเป็นคำขอของคุณ

ไฟล์ XIB ตามที่คุณต้องการ (RestaurantTableViewCell.xib)

เราจำเป็นต้องคว้าความสูงของแถวเพื่อกำหนดตารางแต่ละแถวให้สูงขึ้น

ตอนนี้! จำเป็นต้องซ่อนไฟล์ที่รวดเร็ว ฉันซ่อนตัวrestaurantPhotoและrestaurantNameคุณสามารถกอดพวกคุณทั้งหมดได้

ตอนนี้เพิ่ม UITableView

name
ชื่อของไฟล์ nib ซึ่งไม่จำเป็นต้องมีนามสกุล. nib

owner
วัตถุที่จะกำหนดให้เป็นวัตถุเจ้าของไฟล์ของปลายปากกา

ตัวเลือก
พจนานุกรมที่มีตัวเลือกที่จะใช้เมื่อเปิดไฟล์จะงอยปาก

อันดับแรก หากคุณไม่กำหนดก่อนจากนั้นจึงคว้าทุกมุมมอง .. ดังนั้นคุณต้องคว้ามุมมองหนึ่งภายในชุด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
    }

}

คุณทำเสร็จแล้ว :)

สำหรับ swift 3 & 4

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

สำหรับSwift 4.2.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)