Interface utilisateur (UI) Android
Sommaire
- 1- Objectif
- 2- Qu'est-ce que l'interface utilisateur (UI) Android ?
- 3- Types de mise en page
- 4- Les composants d'interface utilisateur (UI) Android
- 4.1- Conception d'interface utilisateur (UI) Android
Layout - 4.2- Conception d'interface utilisateur (UI) Android
View - 4.3- Conception de l'interface utilisateur Android : commandes d'entrée
- 4.4- Conception de l'interface utilisateur Android : Toast, dialogue et snackbar
- 4.5- Conception de l'interface utilisateur Android : navigation, barre d'action et menus
- 4.6- Conception d'interface utilisateur Android : bibliothèque d'aide à la conception
- 4.6.1- Cours Flutter
Interface utilisateur (UI) Android
-
Objectif
- apprendrez à créer une interface utilisateur (UI) à l’aide de composants Android.
-
Qu’est-ce que l’interface utilisateur (UI) Android ?
- L’interface utilisateur (UI) fait référence à la disposition d’une application : son apparence et son style général. L’interface utilisateur est principalement axée sur l’interaction directe de l’utilisateur avec un ordinateur, un site Web ou un produit.
- L’interface utilisateur (UI) est tout ce que les utilisateurs voient. Android fournit de nombreux composants d’interface utilisateur aux développeurs Android pour concevoir une interface utilisateur graphique (UI) dans l’application Android.
- L’interface utilisateur de votre application est tout ce que l’utilisateur peut voir et avec lequel interagir. Android fournit une variété de composants d’interface utilisateur prédéfinis, tels que des objets de mise en page structurés et des contrôles d’interface utilisateur, qui vous permettent de créer l’interface utilisateur graphique de votre application.
- Android fournit également d’autres modules d’interface utilisateur pour des interfaces spéciales telles que des boîtes de dialogue, des notifications et des menus.
- Dans Android, l’interface utilisateur (UI) peut être une vue texte, des boutons, une vue image, modifier du texte, des mises en page, une vue liste, une vue calendrier, un sélecteur de date, une boîte de dialogue, un menu déroulant, une barre d’action/barre d’application, des onglets, un tiroir de navigation, etc.
- Avec l’aide de tous ces composants, nous pouvons créer une application Android d’interface utilisateur.
- Construire une interface utilisateur (UI) dans Android n’est pas très difficile car Android fournit de nombreux composants pour créer une bonne application Android UI.
-
Types de mise en page
- Il existe de nombreux types de mise en page. Certains d’entre eux sont énumérés ci-dessous –
- Disposition linéaire
- Disposition absolue
- Disposition du tableau
- Disposition du cadre
- Disposition relative
-
Les composants d’interface utilisateur (UI) Android
- Vous trouverez ci-dessous les rubriques des composants de conception d’interface utilisateur (UI) Android pour créer une application Android d’interface utilisateur, étape par étape.
-
Conception d’interface utilisateur (UI) Android
Layout - Disposition linéaire (Linear Layout)
- Disposition relative (Relative Layout)
- Disposition du tableau (Table Layout)
- Disposition du cadre (Frame Layout)
- Disposition absolue (Absolute Layout)
-
Conception d’interface utilisateur (UI) Android
View - Affichage défilement (vertical)(Scroll View (Vertical))
- Vue de défilement horizontal(Horizontal Scroll View)
- Exemple de vue de liste simple(Simple List View Example)
- Affichage de liste dans Android(List View in Android)
- Position des vues dans Android (Views Position in Android)
-
Conception de l’interface utilisateur Android : commandes d’entrée
- Bouton Android
- Bouton d’image
- Éditer le texte
- Case à cocher
- Bouton radio
- Le bouton de l’interrupteur
- Bouton à bascule
- Barre d’évaluation
- Exemple de spinner
- Sélecteur de date
- Sélecteur de temps
-
Conception de l’interface utilisateur Android : Toast, dialogue et snackbar
- Message de pain grillé
- Boîte de dialogue d’alerte
- Snack-bar
-
Conception de l’interface utilisateur Android : navigation, barre d’action et menus
- Tiroir de navigation
- Menu coulissant avec WebView
- Menu déroulant
- Barre d’action/barre d’application
- Barre d’outils
- Onglets de la barre d’action
-
Conception d’interface utilisateur Android : bibliothèque d’aide à la conception
- Affichage du tiroir de navigation
- Bouton d’action flottant (FAB)
- Casse-croûte
- Étiquette flottante pour EditText
