Éléments de l'interface utilisateur iOS
Que sont les éléments de l'interface utilisateur ?
Les éléments d'interface utilisateur sont tous les éléments visuels visibles dans notre application. Certains d'entre eux répondent aux opérations de l'utilisateur, tels que les boutons, les champs de texte et d'autres contenus riches, tels que les images, les étiquettes, etc.
Comment ajouter des éléments d'interface utilisateur ?
Vous pouvez ajouter des éléments d'interface utilisateur dans le code avec la participation du constructeur d'interface. Nous pouvons en utiliser un si nécessaire.
Notre objectif
sera d'ajouter des éléments d'interface utilisateur à l'application via du code. Une méthode plus simple et plus directe consiste à utiliser Interface Builder pour faire glisser et déposer des éléments de l'interface utilisateur.
Méthode
Ci-dessous, nous expliquerons certains éléments de l'interface utilisateur en créant une application IOS simple
Étapes
1 Créez une application basée sur View comme dans la première application IOS
2 Mettez à jour uniquement ViewController.h et ViewController. m
3. Ensuite, nous ajoutons des méthodes au fichier ViewController.m pour créer des éléments d'interface utilisateur
4. Appelons cette méthode dans la méthode viewDidLoad
5. Les lignes de code importantes sont déjà dans le code et sont annotées en les marquant. au-dessus d'une seule ligne
Liste des éléments de l'interface utilisateur
Les éléments spécifiques de l'interface utilisateur et leurs fonctions associées sont expliqués ci-dessous/p>
Numéro de série | Élément ou fonction spécifique de l'interface utilisateur |
---|---|
1 | Champs de texte Éléments de l'interface utilisateur qui utilisent des applications pour obtenir les entrées de l'utilisateur |
2 | Types d'entrée -TextFields Utilisateur Les attributs de saisie au clavier peuvent être donné en utilisant UITextField |
3 | Buttons - Les boutons sont utilisés pour gérer les opérations de l'utilisateur |
4 | Label - Les étiquettes sont utilisées pour afficher le contenu statique |
5 | Barre d'outils - Barre d'outils Manipule ce qui est affiché dans la vue actuelle |
6 | Barre d'état - Barre d'état Affiche des informations clés sur l'appareil |
7 | Barre de navigation - Barre de navigation contient un contrôleur de vue qui peut être déduit, Et faites apparaître le bouton de navigation du contrôleur de navigation |
8 | Barre d'onglets - la barre d'onglets est généralement utilisée pour basculer entre les sous-tâches, les vues ou les modèles dans la même vue |
9 | Vue d'image - Vue d'image. est utilisé pour afficher une séquence simple d'images |
10 | Vue par défilement - Vue par défilement est utilisée pour afficher le contenu dans plus de zones d'écran |
11 | Vue par table - Vue par liste est utilisée dans Afficher les données dans une liste déroulante en plusieurs lignes ou sections |
12 | IOS Split View (Split View) Utilisé pour afficher les informations de contrôle de deux volets et du volet principal sur le volet de détails |
13 | Vue texte Les informations textuelles utilisées pour afficher une liste déroulante peuvent être sélectionnées et modifiées |
14 | > Transition d'affichage Basculement entre différentes vues |
15 | Pickers-sélecteurs sont utilisés pour afficher la sélection d'une donnée spécifique de la liste |
16 | Les commutateurs-commutateurs sont utilisés pour désactiver et activer les opérations |
17 |
Les curseurs IOS (Sliders) sont utilisés pour permettre aux utilisateurs de sélectionner la bonne valeur dans la plage de valeurs autorisée |
18 |
La boîte de dialogue d'avertissement IOS (Alertes) est utilisée pour fournir des informations importantes aux utilisateurs |
19 |
Icônes IOS C'est une image qui représente quelque chose utilisé pour une action ou représente quelque chose lié à une application |