本文共 4113 字，大约阅读时间需要 13 分钟。

swfti-ios实现自定义UIView等控件的方法。

在目前我的摸索中，有三种方法：

• 自己定义代码.swfit文件
• 自己定义代码.swfit文件和.xib文件使用Bundle.main.loadNibNamed(“BookView”, owner: nil, options:nil)?.first as? BookView//BookView是自己定义的组件名字
• 自定义代码.swift文件和.xib文件。可以直接从storyboard中加载，也能在代码里面加载

方法一：

// exampleimport Foundationimport UIKitclass BookCell: UIView {
      // 自己要的控件    var bookCover : UIImageView    var Description : UILabel    var addToShelf : UIButton    override init(frame:CGRect) {
           //控件的相对父组件的位置        bookCover = UIImageView(frame: CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height/5 * 4));        Description = UILabel(frame: CGRect(x: 2, y: frame.size.height/5 * 4+2, width: frame.size.width, height: 10))        Description.textColor = UIColor(hexString: "#FF6967")        Description.font = UIFont(name: Description.font.fontName, size: 10)        Description.textAlignment = NSTextAlignment.center                addToShelf = UIButton(frame: CGRect(x: frame.size.width/2+10, y: Description.frame.origin.y+12, width: 50, height:20))                addToShelf.titleLabel?.font = UIFont(name: (addToShelf.titleLabel?.font.fontName)!, size: 9);                addToShelf.setTitleColor(#colorLiteral(red: 0, green: 0, blue: 0, alpha: 1), for: UIControl.State.normal)                        addToShelf.layer.masksToBounds = true        addToShelf.layer.cornerRadius = 10        addToShelf.layer.borderWidth = 1.0;        addToShelf.layer.borderColor = UIColor(hexString: "#FF6A68").cgColor       super.init(frame:frame)            }        required init?(coder aDecoder: NSCoder) {
           fatalError("init(coder:) has not been implemented")    }    }// 在别的界面调用 xxx(frame:CGRect)j进行调用

• 总结起来就是实现override init(frame:CGRect) 方法

• required init?(coder aDecoder: NSCoder) 空实现即可

• 实现方法简单，但是不能使用xib，需要手写控件，甚至是约束

方法二：

• 新建代码.swft文件
• 新建xib文件最好的上面的同名。（选择View）
• 然后在view中进行绑定
  
  在view的地方，设定他的类，这样就可以拉控件到代码里面，然后进行编辑了

@IBOutlet weak var downloadBtn: UIButton!       @IBOutlet weak var title: UILabel!        required init?(coder aDecoder: NSCoder) {
          super.init(coder: aDecoder)    }    ///加载后会调用这个方法：    override func awakeFromNib() {
           super.awakeFromNib()        downloadBtn.layer.borderWidth = 1        downloadBtn.layer.borderColor = UIColor(hexString: "#FF6968").cgColor        downloadBtn.layer.masksToBounds = true        downloadBtn.layer.cornerRadius = 10    }

然后在代码中使用：

let xx = Bundle.main.loadNibNamed(“Xxx（类名字）”, owner: nil, options:nil)?.first as! Xx（类名字）进行加载

方法三：

• 同二，新建两个文件，同名
• 进行绑定，注意这次不是绑定在view
  图示：
  
  绑定之后，打开assitant
  可以拉入你想要的控件，进行属性设置，

class BookView: UIView {
       @IBOutlet weak var bookImageView: UIImageView!        @IBOutlet weak var progressLabel: UILabel!          // 在storyborad中调用了    override func awakeFromNib() {
           print("call awakeFromNib")          super.awakeFromNib()      } / ## 后面的是关键的代码    //初始化时将xib中的view添加进来      var contentView:UIView!        ///    /// - 代码中实例画的时候调用    override init(frame: CGRect) {
           super.init(frame: frame)        print("frame")        contentView = loadViewFromNib()        addSubview(contentView)      }     /// 从storyborad中实例化的时候调用：    required init?(coder aDecoder: NSCoder) {
           print("coder")        super.init(coder: aDecoder)        contentView = loadViewFromNib()        addSubview(contentView)    }    //加载xib    func loadViewFromNib() -> UIView {
           let className = type(of: self)        let bundle = Bundle(for: className)        let name = NSStringFromClass(className).components(separatedBy: ".").last                let nib = UINib(nibName: name!, bundle: bundle)        let view = nib.instantiate(withOwner: self, options: nil).first as! UIView        return view    }

init(coder:)和init(frame:)是在两个不同的情境下被调用的。前者是当自定义控件在XIB中使用的时候被调用，后者是使用代码直接创建自定义控件时被调用的。

当自定义控件在XIB中使用时候还有一个方法会被触发：awakeFromeNib，此方法是当控件从NIB文件加载完毕之后触发的, 它和init(coder:)的触发机制是不同的, init(coder:)要做真正的反序列化的工作, awakeFromNib是反序列化完毕并且设置好相关的Outlet变量之后被调用的。

• 完成的效果是能够在代码中通过 init(frame: CGRect)进行初始化
• 在storyborad中，能够通过给UIview绑定class
  
  在run之后，显示控件的样式；

可以设置在右侧设计版的属性：

注意, 你必须给变量定义一个明确的类型, 否则在IB上是看不到的

保存之后就可以在storyboard中，右侧的属性栏中编辑属性了，即可见即所得吧。

有什么问题可以留言哦，你的点赞就是我最大的动力！

转载地址：http://jjywi.baihongyu.com/