[SWIFT] Laden der mit der Xib-Datei erstellten Benutzeroberfläche in View

Sie möchten die Einschränkungen von AutoLayout so einfach wie möglich gestalten. Durch das Laden von Xib in View werden die Einschränkungen in ViewController vereinfacht! Und vereinfachen.

Platzieren Sie zuerst die Ansicht in sampleViewController.Xib. スクリーンショット 2020-11-14 12.09.12.png

Nachdem Sie die Ansicht wie folgt platziert haben, erstellen Sie die Swift-Datei und die Xib-Datei der Ansicht.

Schnelle Datei スクリーンショット 2020-11-14 11.55.32.png Xib-Datei anzeigen スクリーンショット 2020-11-15 21.04.17.png

Verwenden wir den gleichen Dateinamen! !! (Diesmal mit dem Namen sampleHomeView)

Schreiben Sie den Code in sampleHomeView.swift. Dies ist beim Kopieren und Einfügen in Ordnung.

sampleHomeView.swift


import UIKit

class sampleHomeView: UIView {
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        loadView()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        loadView()
    }
    
    private func loadView() {
        let className = String(describing: type(of: self))
        let view: UIView = Bundle.main.loadNibNamed(className, owner: self, options: nil)?.first as? UIView ?? UIView()
        view.frame = bounds
        addSubview(view)
    }
}

Durch Schreiben dieses Codes können Sie die Klasse des Dateibesitzers festlegen und in View laden. Wählen Sie in sampleHomeView.Xib den Eigentümer der Datei aus und setzen Sie Class auf sampleHomeView. スクリーンショット 2020-11-15 20.51.38.png

Platzieren Sie dann die UI-Teile in sampleHomeView.Xib. (Place Button diesmal) スクリーンショット 2020-11-14 12.01.59.png

Als nächstes setzen Sie sampleView.Xib. Wählen Sie die Ansicht aus, die Sie zuerst platziert haben, und setzen Sie die Klasse der benutzerdefinierten Klasse auf sampleHomeView. スクリーンショット 2020-11-15 20.55.59.png Jetzt können Sie Xib in View laden. In diesem Zustand wissen wir jedoch nicht, dass es in View geladen ist. Lassen Sie es uns also erstellen! !! スクリーンショット 2020-11-14 12.09.28.png

Du könntest es damit laden (^^) Auf diese Weise scheint das Layout von UI-Teilen vereinfacht zu werden.

Recommended Posts

Laden der mit der Xib-Datei erstellten Benutzeroberfläche in View
So laden Sie eine Spring-Upload-Datei und zeigen ihren Inhalt an
So geben Sie die von Rails erstellte CSV in S3 aus
[Rails] So laden Sie JavaScript in einer bestimmten Ansicht
[Ruby] So teilen Sie jede GraphQL-Abfrage in Dateien auf
So entwickeln Sie in Xib-Dateien ohne Verwendung von Storyboard
Wie man eine Ansicht auf Android "aushöhlt"
So konvertieren Sie erb-Datei in haml
[Anfänger] So löschen Sie NO FILE
So verhindern Sie die doppelte Verarbeitung durch addEventListener
Verwendung von binding.pry für die Ansichtsdatei
[Java] Verwendung der File-Klasse
So fügen Sie eine JAR-Datei in ScalaIDE hinzu
So erreichen Sie den Dateidownload mit Feign
So teilen Sie eine Spring Boot-Nachrichtendatei
So erreichen Sie das Hochladen von Dateien mit Feign
[Rails] Wie man Geräte ins Japanische übersetzt