iOS - UI-Elemente
Was sind UI-Elemente?
UI-Elemente sind die visuellen Elemente, die wir in unseren Anwendungen sehen können. Einige dieser Elemente reagieren auf Benutzerinteraktionen wie Schaltflächen, Textfelder, andere sind informativ wie Bilder und Beschriftungen.
Wie füge ich UI-Elemente hinzu?
Wir können UI-Elemente sowohl im Code als auch mit Hilfe des Interface Builder hinzufügen. Je nach Bedarf können wir einen von ihnen verwenden.
Unser Fokus
Wir werden uns mehr auf das Hinzufügen von UI-Elementen durch Code in unseren Anwendungen konzentrieren. Die Verwendung des Interface Builder ist einfach und unkompliziert. Sie müssen lediglich die UI-Elemente ziehen und ablegen.
Unser Vorgehen
Wir werden eine einfache iOS-Anwendung erstellen und sie zur Erläuterung einiger Elemente der Benutzeroberfläche verwenden.
Step 1 - Erstellen Sie eine Viewbased-Anwendung wie in unserer ersten iOS-Anwendung.
Step 2 - Wir werden nur die Dateien ViewController.h und ViewController.m aktualisieren.
Step 3 - Anschließend fügen wir unserer ViewController.m-Datei eine Methode zum Erstellen des UI-Elements hinzu.
Step 4 - Wir werden diese Methode in unserer viewDidLoad-Methode aufrufen.
Step 5 - Die wichtigen Codezeilen wurden im Code mit einem einzeiligen Kommentar über diesen Zeilen erläutert.
Liste der UI-Elemente
UI-spezifische Elemente und die damit verbundenen Funktionen werden nachfolgend erläutert.
| Sr.Nr. | UI-spezifische Elemente |
|---|---|
| 1 | Textfelder Es ist ein UI-Element, mit dem die App Benutzereingaben abrufen kann. |
| 2 | Eingabetypen - TextFields Wir können die Art der Eingabe festlegen, die der Benutzer mithilfe der Tastatureigenschaft von UITextField geben kann. |
| 3 | Tasten Es wird zur Behandlung von Benutzeraktionen verwendet. |
| 4 | Etikette Es wird zur Anzeige statischer Inhalte verwendet. |
| 5 | Symbolleiste Es wird verwendet, wenn wir etwas basierend auf unserer aktuellen Ansicht manipulieren möchten. |
| 6 | Statusleiste Es zeigt die wichtigsten Informationen des Geräts an. |
| 7 | Navigationsleiste Es enthält die Navigationstasten eines Navigationscontrollers, bei dem es sich um einen Stapel von Ansichtscontrollern handelt, die gedrückt und verschoben werden können. |
| 8 | Tab-Leiste Es wird im Allgemeinen verwendet, um zwischen verschiedenen Unteraufgaben, Ansichten oder Modellen innerhalb derselben Ansicht zu wechseln. |
| 9 | Bildansicht Es wird verwendet, um ein einfaches Bild oder eine Folge von Bildern anzuzeigen. |
| 10 | Bildlaufansicht Es wird verwendet, um Inhalte anzuzeigen, die mehr als der Bildschirmbereich sind. |
| 11 | Tabellenansicht Es wird zum Anzeigen einer scrollbaren Liste von Daten in mehreren Zeilen und Abschnitten verwendet. |
| 12 | Geteilte Sicht Es wird zum Anzeigen von zwei Fenstern verwendet, wobei der Hauptbereich die Informationen im Detailbereich steuert. |
| 13 | Textvorschau Es wird zum Anzeigen einer scrollbaren Liste von Textinformationen verwendet, die optional bearbeitet werden können. |
| 14 | Übergang anzeigen Es werden die verschiedenen Ansichtsübergänge zwischen Ansichten erläutert. |
| 15 | Pflücker Es wird zur Anzeige zur Auswahl bestimmter Daten aus einer Liste verwendet. |
| 16 | Schalter Es wird zum Deaktivieren und Aktivieren von Aktionen verwendet. |
| 17 | Schieberegler Es wird verwendet, um Benutzern das Vornehmen von Anpassungen an einem Wert oder Prozess in einem Bereich zulässiger Werte zu ermöglichen. |
| 18 | Warnungen Es wird verwendet, um Benutzern wichtige Informationen zu geben. |
| 19 | Symbole Es ist eine Bilddarstellung, die für eine Aktion verwendet wird oder etwas darstellt, das mit der Anwendung zusammenhängt. |