Initialisieren / Instanziieren einer benutzerdefinierten UIView-Klasse mit einer XIB-Datei in Swift

Ich habe eine Klasse namens, MyClassdie eine Unterklasse von ist UIView, die ich mit einer XIBDatei initialisieren möchte . Ich bin nicht sicher, wie ich diese Klasse mit der aufgerufenen xib-Datei initialisieren sollView.xib

class MyClass: UIView {

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

Ich habe diesen Code getestet und er funktioniert hervorragend:

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

Initialisieren Sie die Ansicht und verwenden Sie sie wie folgt:

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

ODER

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

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

Sams Lösung ist bereits großartig, obwohl sie keine unterschiedlichen Bundles berücksichtigt (NSBundle: forClass hilft) und erfordert manuelles Laden, auch bekannt als Tippcode.

Wenn Sie volle Unterstützung für Ihre Xib-Outlets, verschiedene Bundles (Verwendung in Frameworks!) Und eine schöne Vorschau im Storyboard erhalten möchten, versuchen Sie Folgendes:

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

}

Verwenden Sie Ihre xib wie gewohnt, dh verbinden Sie Outlets mit File Owner und setzen Sie File File Owner auf Ihre eigene Klasse.

Verwendung: Unterklassen Sie einfach Ihre eigene View-Klasse in NibLoadingView und setzen Sie den Klassennamen in der Xib-Datei auf File's Owner

Kein zusätzlicher Code mehr erforderlich.

Gutschriften, bei denen Gutschriften fällig sind: Mit geringfügigen Änderungen von DenHeadless auf GH. Mein Kern: https://gist.github.com/winkelsdorf/16c481f274134718946328b6e2c9a4d8

Ab Swift 2.0 können Sie eine Protokollerweiterung hinzufügen. Meiner Meinung nach ist dies ein besserer Ansatz, da der Rückgabetyp Selfeher als ist UIViewund der Aufrufer nicht in die Ansichtsklasse umwandeln muss.

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
  }

}

Und das ist die Antwort von Frederik auf 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
    }
}

Universelle Methode zum Laden der Ansicht von xib:

Beispiel:

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

Implementierung:

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 Antwort: In meinem Fall wollte ich eine Steckdose in meiner benutzerdefinierten Klasse haben, die ich ändern kann:

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

Stellen Sie in der .xib sicher, dass das Feld Benutzerdefinierte Klasse MyClassView ist. Kümmere dich nicht um den Besitzer der Datei.

Stellen Sie außerdem sicher, dass Sie die Steckdose in MyClassView mit dem Etikett verbinden:

Um es zu instanziieren:

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

Swift 4

In meinem Fall muss ich hier Daten an diese benutzerdefinierte Ansicht übergeben, damit ich eine statische Funktion zum Instanziieren der Ansicht erstelle.

1. Erstellen Sie eine UIView-Erweiterung

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

2. Erstellen Sie 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. Setzen Sie die benutzerdefinierte Klasse in der XIB-Datei auf MyCustomView. Schließen Sie die Steckdose bei Bedarf wie gewohnt an.

4. Sofortansicht

   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)

        })
    })


}