从登入画面开始做起（下）Day4

今天做昨天说到file owner的详细实作方法

1. 将设计好的Xib的file owner属性添加Class

注意：这边的Class是说file owner的类型，而非与MainView产生连结要产生连结要在MainView.swift档案中，添加程序码去绑定

2. 在MainView.swift之下透过Code加载Xib档案

那麽MainView.swift里面应该要有些什麽

1. @IBOulet元件与MainView.swift做连结

让MainView.swift知道我们xib里面有些什麽元件他要负责显示

2.使用NibLoadable载入Xib

什麽是NibLoadable？

是一个方便使用的框架，可以负责用来载入Nib档案

该如何使用NibLoadable？

创立一个NibLoadble.swift档案，输入以下

protocol NibOwnerLoadable: AnyObject {
    static var nib: UINib { get }
}

// MARK: - Default implmentation
extension NibOwnerLoadable {
    
    static var nib: UINib {
        UINib(nibName: String(describing: self), bundle: Bundle(for: self))
    }
}

// MARK: - Supporting methods
extension NibOwnerLoadable where Self: UIView {
    
    func loadNibContent() {
        guard let views = Self.nib.instantiate(withOwner: self, options: nil) as? [UIView],
            let contentView = views.first else {
                fatalError("Fail to load \(self) nib content")
        }
        self.addSubview(contentView)
        contentView.translatesAutoresizingMaskIntoConstraints = false
        contentView.topAnchor.constraint(equalTo: topAnchor).isActive = true
        contentView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
        contentView.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
        contentView.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
    }
}