能夠從Storyboard和ViewController加載xib

Question

我正在嘗試創建一個完美的解決方案，以直接從代碼和Storyboard創建自定義UIView子類。 但是，我沒有找到任何解決方案。

對於通過情節IBDesignable解決方案，我遵循了以下示例http://supereasyapps.com/blog/2014/12/15/create-an-ibdesignable-uiview-subclass-with-code-from-an-xib-file-in -xcode-6並完美運行。

但是，如果我嘗試通過調用此Extension方法通過UIViewController調用此子類：

extension UIView {
    class func loadFromNibNamed(nibNamed: String, bundle : NSBundle? = nil) -> UIView? {
        return UINib(
            nibName: nibNamed,
            bundle: bundle
        ).instantiateWithOwner(nil, options: nil)[0] as? UIView
    }
}

它崩潰並表示錯過this class is not key value coding-compliant for the key 。

有人找到了可以與我共享的解決方案嗎？

我需要它，因為我應該在情節UITableview SectionHeader將此UIView用作UITableview SectionHeader

Answer 1

為了保留這兩種情況，我更喜歡在子類聲明中編寫以下代碼：

@IBDesignable class CustomView: UIView {

    var view: UIView!

    @IBOutlet weak var button: UIButton!
    @IBOutlet weak var label: UILabel!


    func xibSetup() {
        view = loadViewFromNib()
        view.frame = bounds
        view.autoresizingMask = [UIViewAutoresizing.flexibleWidth, UIViewAutoresizing.flexibleHeight]
        addSubview(view)
    }

    func loadViewFromNib() -> UIView {

        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: "CustomView", bundle: bundle)
        let view = nib.instantiate(withOwner: self, options: nil)[0] as! UIView

        return view
    }


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

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

這樣，我可以看到它並將其添加到storyboard 。 在ViewForHeaderInSection方法中，我這樣寫：

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

let header = UIView()

let view:CustomView = CustomView(frame: CGRect(x: 0, y: 0, width:  self.view.frame.width, height: 30))

view.label.text = "header title: \(section)"

header.addSubview(view)


return header

}

這樣就可以了;）

Answer 2

這是在情節提要中實例化的視圖控制器中使用xib的方法（在您的情況下為UITableView的節標題）。

1. 使用swift文件中的IBOutlet創建一個xib文件，設計您的界面以及與UI元素的必要連接

2. 在您的視圖控制器類的viewDidLoad方法中（從情節提要中實例化的一種）

    // Name your xib and swift class as Header let headerNib = UINib(nibName: "Header", bundle: nil) self.tableView.registerNib(headerNib, forHeaderFooterViewReuseIdentifier: "header") 

3. 實現UITableViewDelegate方法viewForHeaderInSection

    func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { let header = tableView.dequeueReusableHeaderFooterViewWithIdentifier("header") as! Header // Customise your header view here return header; } 

這就是您需要做的。