Swift 使用Xib自定義View

參考自：http://www.voidcn.com/article/p-rummufan-cn.html

 

Xib

import UIKit

class CustomXibView: UIView {

    @IBOutlet weak var nameTF: UITextField!

    @IBOutlet weak var sexTF: UITextField!

    class func instantiateFromNib() -> CustomXibView {
        return Bundle.main.loadNibNamed("CustomXibView", owner: nil, options: nil)?.first as! CustomXibView
    }

    //用約束在xib里設置frame
    override func draw(_ rect: CGRect) {
        super.draw(rect)
        //設置一些子視圖的固定屬性
        nameTF.font = UIFont.systemFont(ofSize: 12)

        sexTF.font = UIFont.systemFont(ofSize: 12)
    }

    func setUp(model:NSObject) {
        //傳入model對子控件進行配置，這里暫用NSObject
        nameTF.placeholder = "請輸入姓名"

        sexTF.placeholder = "請輸入性別"
    }

}

 

使用

let xibView = CustomXibView.instantiateFromNib()
        xibView.frame = CGRect(x:10, y:view.frame.maxY + 10, width:200, height:100)
        self.view.addSubview(xibView)

 

純代碼

import UIKit

class CustomView: UIView {
    var lab:UILabel!
    var btn:UIButton!

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

        //初始化
        lab = UILabel()
        lab.textAlignment = .center
        lab.font = UIFont.systemFont(ofSize: 12)
        self.addSubview(lab)

        btn = UIButton()
        self.addSubview(btn)

    }

    override func layoutSubviews() {
        super.layoutSubviews()

        //設置 子控件 frame, 也可以在這里使用自動布局
        lab.frame = CGRect(x:10, y:10, width:100, height:40)

        btn.frame = CGRect(x:lab.frame.origin.x, y:lab.frame.maxY + 10, width:100, height:40)

    }

    //傳入model對子控件進行配置，這里暫用NSObject
    func setUp(model:NSObject) {
        lab.text = "你好"//model.xx

        btn.setTitle("確定", for: .normal) //title:model.xx
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

}

 

使用

//純代碼 view
        let view = CustomView()
        view.frame = CGRect(x:10, y:100, width:200, height:100)
        view.backgroundColor = UIColor.cyan
        view.setUp(model: "" as NSObject)
        self.view.addSubview(view)