iOS - Éléments de l'interface utilisateur

Quels sont les éléments de l'interface utilisateur?

Les éléments de l'interface utilisateur sont les éléments visuels que nous pouvons voir dans nos applications. Certains de ces éléments répondent aux interactions des utilisateurs tels que les boutons, les champs de texte et d'autres sont informatifs tels que les images, les étiquettes.

Comment ajouter des éléments d'interface utilisateur?

Nous pouvons ajouter des éléments d'interface utilisateur à la fois dans le code et à l'aide du constructeur d'interface. En fonction du besoin, nous pouvons utiliser l'un ou l'autre.

Notre objectif

Nous nous concentrerons davantage sur l'ajout d'éléments d'interface utilisateur via du code dans nos applications. L'utilisation du générateur d'interface est simple et directe, il suffit de faire glisser et déposer les éléments de l'interface utilisateur.

Notre approche

Nous allons créer une application iOS simple et l'utiliser pour expliquer certains des éléments de l'interface utilisateur.

Step 1 - Créez une application basée sur la vue comme nous l'avons fait dans notre première application iOS.

Step 2 - Nous mettrons uniquement à jour les fichiers ViewController.h et ViewController.m.

Step 3 - Ensuite, nous ajoutons une méthode à notre fichier ViewController.m spécifique pour créer l'élément d'interface utilisateur.

Step 4 - Nous appellerons cette méthode dans notre méthode viewDidLoad.

Step 5 - Les lignes de code importantes ont été expliquées dans le code avec un commentaire sur une seule ligne au-dessus de ces lignes.

Liste des éléments de l'interface utilisateur

Les éléments spécifiques à l'interface utilisateur et leurs fonctionnalités associées sont expliqués ci-dessous -

N ° Sr. Éléments spécifiques à l'interface utilisateur
1 Champs de texte

C'est un élément d'interface utilisateur qui permet à l'application d'obtenir les entrées de l'utilisateur.

2 Types d'entrée - TextFields

Nous pouvons définir le type d'entrée que l'utilisateur peut donner en utilisant la propriété keyboard de UITextField.

3 Boutons

Il est utilisé pour gérer les actions des utilisateurs.

4 Étiquette

Il est utilisé pour afficher du contenu statique.

5 Barre d'outils

Il est utilisé si nous voulons manipuler quelque chose en fonction de notre vue actuelle.

6 Barre d'état

Il affiche les informations clés de l'appareil.

sept Barre de navigation

Il contient les boutons de navigation d'un contrôleur de navigation, qui est une pile de contrôleurs de vue qui peuvent être poussés et sautés.

8 Barre d'onglets

Il est généralement utilisé pour basculer entre différentes sous-tâches, vues ou modèles dans la même vue.

9 Vue d'image

Il est utilisé pour afficher une image simple ou une séquence d'images.

dix Vue de défilement

Il est utilisé pour afficher du contenu qui dépasse la zone de l'écran.

11 Vue de tableau

Il est utilisé pour afficher une liste déroulante de données sur plusieurs lignes et sections.

12 Vue partagé

Il est utilisé pour afficher deux volets avec le volet maître contrôlant les informations sur le volet de détail.

13 Affichage

Il est utilisé pour afficher une liste déroulante d'informations textuelles éventuellement modifiables.

14 Afficher la transition

Il explique les différentes transitions de vues entre les vues.

15 Cueilleurs

Il est utilisé pour afficher pour sélectionner une donnée spécifique dans une liste.

16 Commutateurs

Il est utilisé comme désactivation et activation pour les actions.

17 Curseurs

Il est utilisé pour permettre aux utilisateurs de faire des ajustements à une valeur ou à un processus sur une plage de valeurs autorisées.

18 Alertes

Il est utilisé pour donner des informations importantes aux utilisateurs.

19 Icônes

Il s'agit d'une représentation d'image utilisée pour une action ou de quelque chose lié à l'application.