Cách khởi tạo / khởi tạo lớp UIView tùy chỉnh bằng tệp XIB trong Swift

Tôi có một lớp được gọi MyClasslà lớp con của UIView, mà tôi muốn khởi tạo với một XIBtệp. Tôi không chắc làm thế nào để khởi tạo lớp này với tệp xib được gọiView.xib

class MyClass: UIView {

    // what should I do here? 
    //init(coder aDecoder: NSCoder) {} ?? 
}

Tôi đã thử nghiệm mã này và nó hoạt động rất tốt:

class MyClass: UIView {        
    class func instanceFromNib() -> UIView {
        return UINib(nibName: "nib file name", bundle: nil).instantiateWithOwner(nil, options: nil)[0] as UIView
    }    
}

Khởi tạo chế độ xem và sử dụng nó như dưới đây:

var view = MyClass.instanceFromNib()
self.view.addSubview(view)

HOẶC LÀ

var view = MyClass.instanceFromNib
self.view.addSubview(view())

CẬP NHẬT Swift> = 3.x & Swift> = 4.x

class func instanceFromNib() -> UIView {
    return UINib(nibName: "nib file name", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! UIView
}

Giải pháp của Sam thật tuyệt vời, mặc dù nó không tính đến các gói khác nhau (NSBundle: forClass mang đến giải cứu) và yêu cầu tải thủ công, còn gọi là nhập mã.

Nếu bạn muốn hỗ trợ đầy đủ cho Xib Outlets của mình, các Gói khác nhau (sử dụng trong khung!) Và có được bản xem trước đẹp trong Storyboard, hãy thử điều này:

// NibLoadingView.swift
import UIKit

/* Usage: 
- Subclass your UIView from NibLoadView to automatically load an Xib with the same name as your class
- Set the class name to File's Owner in the Xib file
*/

@IBDesignable
class NibLoadingView: UIView {

    @IBOutlet weak var view: UIView!

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

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

    private func nibSetup() {
        backgroundColor = .clearColor()

        view = loadViewFromNib()
        view.frame = bounds
        view.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]
        view.translatesAutoresizingMaskIntoConstraints = true

        addSubview(view)
    }

    private func loadViewFromNib() -> UIView {
        let bundle = NSBundle(forClass: self.dynamicType)
        let nib = UINib(nibName: String(self.dynamicType), bundle: bundle)
        let nibView = nib.instantiateWithOwner(self, options: nil).first as! UIView

        return nibView
    }

}

Sử dụng xib của bạn như bình thường, tức là kết nối Outlets với Chủ sở hữu tệp và đặt lớp Chủ sở hữu tệp thành lớp của riêng bạn.

Cách sử dụng: Chỉ cần phân lớp lớp View của riêng bạn từ NibLoadingView & Đặt tên lớp thành Chủ sở hữu tệp trong tệp Xib

Không cần thêm mã nữa.

Tín dụng khi đáo hạn tín dụng: Đã chấm dứt điều này với những thay đổi nhỏ từ DenHeadless trên GH. Gist của tôi: https://gist.github.com/winkelsdorf/16c481f274134718946328b6e2c9a4d8

Kể từ Swift 2.0, bạn có thể thêm tiện ích mở rộng giao thức. Theo tôi, đây là một cách tiếp cận tốt hơn vì kiểu trả về Selfthay vì UIView, vì vậy người gọi không cần phải chuyển sang lớp xem.

import UIKit

protocol UIViewLoading {}
extension UIView : UIViewLoading {}

extension UIViewLoading where Self : UIView {

  // note that this method returns an instance of type `Self`, rather than UIView
  static func loadFromNib() -> Self {
    let nibName = "\(self)".characters.split{$0 == "."}.map(String.init).last!
    let nib = UINib(nibName: nibName, bundle: nil)
    return nib.instantiateWithOwner(self, options: nil).first as! Self
  }

}

Và đây là câu trả lời của Frederik trên Swift 3.0

/*
 Usage:
 - make your CustomeView class and inherit from this one
 - in your Xib file make the file owner is your CustomeView class
 - *Important* the root view in your Xib file must be of type UIView
 - link all outlets to the file owner
 */
@IBDesignable
class NibLoadingView: UIView {

    @IBOutlet weak var view: UIView!

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

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

    private func nibSetup() {
        backgroundColor = .clear

        view = loadViewFromNib()
        view.frame = bounds
        view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        view.translatesAutoresizingMaskIntoConstraints = true

        addSubview(view)
    }

    private func loadViewFromNib() -> UIView {
        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: String(describing: type(of: self)), bundle: bundle)
        let nibView = nib.instantiate(withOwner: self, options: nil).first as! UIView

        return nibView
    }
}

Cách tải phổ biến từ xib:

Thí dụ:

let myView = Bundle.loadView(fromNib: "MyView", withType: MyView.self)

Thực hiện:

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))
    }
}

Swift 3 Trả lời: Trong trường hợp của tôi, tôi muốn có một ổ cắm trong lớp tùy chỉnh mà tôi có thể sửa đổi:

class MyClassView: UIView {
    @IBOutlet weak var myLabel: UILabel!

    class func createMyClassView() -> MyClass {
        let myClassNib = UINib(nibName: "MyClass", bundle: nil)
        return myClassNib.instantiate(withOwner: nil, options: nil)[0] as! MyClassView
    }
}

Khi ở .xib, hãy đảm bảo rằng trường Lớp tùy chỉnh là MyClassView. Đừng bận tâm với Chủ sở hữu tệp.

Ngoài ra, hãy đảm bảo rằng bạn kết nối ổ cắm trong MyClassView với nhãn:

Để khởi tạo nó:

let myClassView = MyClassView.createMyClassView()
myClassView.myLabel.text = "Hello World!"

Swift 4

Ở đây trong trường hợp của tôi, tôi phải chuyển dữ liệu vào chế độ xem tùy chỉnh đó, vì vậy tôi tạo hàm tĩnh để khởi tạo chế độ xem.

1. Tạo tiện ích mở rộng UIView

   extension UIView {
       class func initFromNib<T: UIView>() -> T {
           return Bundle.main.loadNibNamed(String(describing: self), owner: nil, options: nil)?[0] as! T
       }
   }

2. Tạo MyCustomView

   class MyCustomView: UIView {
   
       @IBOutlet weak var messageLabel: UILabel!
   
       static func instantiate(message: String) -> MyCustomView {
           let view: MyCustomView = initFromNib()
           view.messageLabel.text = message
           return view
       }
   }

3. Đặt lớp tùy chỉnh thành MyCustomView trong tệp .xib. Kết nối ổ cắm nếu cần thiết như bình thường.

4. Xem ngay lập tức

   let view = MyCustomView.instantiate(message: "Hello World.")

override func draw(_ rect: CGRect) 
{
    AlertView.layer.cornerRadius = 4
    AlertView.clipsToBounds = true

    btnOk.layer.cornerRadius = 4
    btnOk.clipsToBounds = true   
}

class func instanceFromNib() -> LAAlertView {
    return UINib(nibName: "LAAlertView", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! LAAlertView
}

@IBAction func okBtnDidClicked(_ sender: Any) {

    removeAlertViewFromWindow()

    UIView.animate(withDuration: 0.4, delay: 0.0, options: .allowAnimatedContent, animations: {() -> Void in
        self.AlertView.transform = CGAffineTransform(scaleX: 0.1, y: 0.1)

    }, completion: {(finished: Bool) -> Void in
        self.AlertView.transform = CGAffineTransform.identity
        self.AlertView.transform = CGAffineTransform(scaleX: 0.0, y: 0.0)
        self.AlertView.isHidden = true
        self.AlertView.alpha = 0.0

        self.alpha = 0.5
    })
}


func removeAlertViewFromWindow()
{
    for subview  in (appDel.window?.subviews)! {
        if subview.tag == 500500{
            subview.removeFromSuperview()
        }
    }
}


public func openAlertView(title:String , string : String ){

    lblTital.text  = title
    txtView.text  = string

    self.frame = CGRect(x: 0, y: 0, width: screenWidth, height: screenHeight)
    appDel.window!.addSubview(self)


    AlertView.alpha = 1.0
    AlertView.isHidden = false

    UIView.animate(withDuration: 0.2, animations: {() -> Void in
        self.alpha = 1.0
    })
    AlertView.transform = CGAffineTransform(scaleX: 0.0, y: 0.0)

    UIView.animate(withDuration: 0.3, delay: 0.2, options: .allowAnimatedContent, animations: {() -> Void in
        self.AlertView.transform = CGAffineTransform(scaleX: 1.1, y: 1.1)

    }, completion: {(finished: Bool) -> Void in
        UIView.animate(withDuration: 0.2, animations: {() -> Void in
            self.AlertView.transform = CGAffineTransform(scaleX: 1.0, y: 1.0)

        })
    })


}