Benutzerdefinierte UIToolBar mit Xib [Swift 3]

Question

Kann ich eine benutzerdefinierte UIToolBar in einer Xib Datei erstellen?

Ich möchte eine Symbolleiste mit einem fertigen Button ganz links und einem letzten/nächsten Button auf der linken Seite erstellen. Aber ich möchte sicherstellen, dass die Einschränkungen so sind, dass sie für jede Telefongröße korrekt skaliert werden. Gibt es ein Beispiel?

Answer 1

Ja, Sie können. Wählen Sie zuerst eine Xib als Vorlage. Benennen Sie die Vorlage "Symbolleiste".

Löschen Sie dann die Standardansicht, die Sie erhalten. Gehen Sie zur Objektbibliothek in der unteren rechten Ecke und ziehen Sie eine Werkzeugleiste heraus.

Sie erhalten einen Standard-Button Button Item ganz links. Benennen Sie dies in "Fertig" um, ziehen Sie dann ein anderes Element in der Leiste und benennen Sie es "Weiter" oder "Letzter" um.

Erstellen Sie jetzt eine neue Datei. Wählen Sie Cococa Touch Class und machen Sie es zu einer Unterklasse von UIToolBar.

Gehen Sie zurück zu Ihrer Werkzeugleiste xib und machen Sie ihre Klasse zur Cocoa Touch Klasse, die Sie gerade erstellt haben. In meinem Beispiel habe ich mein ToolBarExample genannt.

Gehen Sie jetzt zu Ihrer ViewController-Klasse. Fügen Sie in ViewDidLoad Folgendes hinzu.

override func viewDidLoad() { 
    super.viewDidLoad() 
    // Do any additional setup after loading the view, typically from a nib. 

    let toolBar = UINib(nibName: "toolbar", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! ToolBarExample 

    toolBar.frame = CGRect(x: 0, y: self.view.frame.size.height - 46, width: self.view.frame.size.width, height: 46) 

    toolBar.sizeToFit() 

    view.addSubview(toolBar) 

} 

Sie können die Skalierung, Größe und Position der Symbolleiste ändern, indem Sie den Rahmen anpassen. Sie können auch die Symbolleisten-XIB und ihre Taktschaltflächen-Elemente aus dem Atribut- und Größen-Inspektor anpassen. Das Endprodukt dieses Beispiels sollte im Simulator wie folgt aussehen.