Le concept de View et ViewGroup
Introduction à cette rubrique
Adieu le premier chapitre et bienvenue dans le deuxième chapitre - une explication détaillée des composants UI (User Interface) dans Android. Ce que nous allons apprendre dans cette section, ce sont les classes View et ViewGroup, les classes parents de tous les contrôles ! Sur un coup de tête, j'ai directement traduit le document officiel Présentons ces deux choses. À propos, la raison chinoise est que Google ne peut pas y accéder et que les développeurs Android ne peuvent pas y accéder. Changez d'hôte ou utilisez un proxy VPN. Bien sûr, vous pouvez également utiliser des miroirs API nationaux comme l'auteur. Permettez-moi d'en partager un ici : http://androiddoc.qiniudn.com/guide/topics/ui/overview.html. une API 5.0 !
Présentation de l'interface utilisateur
Dans l'application Android, tous les éléments de l'interface utilisateur sont composés d'objets View et ViewGroup. Une vue est un objet dessiné sur l'écran avec lequel l'utilisateur peut interagir. ViewGroup est un conteneur de mise en page utilisé pour stocker d'autres objets View (et ViewGroup) ! Android nous fournit une collection de sous-classes View et ViewGroup. La collection fournit certains contrôles de saisie couramment utilisés (tels que des boutons et des champs de texte) et divers modes de disposition (tels que la disposition linéaire ou relative).
Disposition de l'interface utilisateur
Chaque composant de l'interface utilisateur de votre application est construit à l'aide d'une hiérarchie d'objets View et ViewGroup, tels que Graphique 1. Chaque ViewGroup est un conteneur invisible pour organiser les sous-vues, et ses sous-vues peuvent être des contrôles d'entrée. Ou un widget qui dessine une certaine zone sur l'interface utilisateur. Avec l'arborescence hiérarchique, vous pouvez la concevoir aussi simple ou complexe que vous le souhaitez. Disposition complexe (plus la mise en page est simple, meilleures sont les performances)
Figure 1. Illustration d'une hiérarchie de présentation d'interface utilisateur
Pour définir votre mise en page, vous pouvez instancier l'objet View dans le code et commencer à créer votre arborescence, mais le moyen le plus simple et le plus efficace de définir votre mise en page consiste à utiliser un fichier XML. L'utilisation de XML pour construire la mise en page est plus conviviale. habitudes, alors que XML est similaire au HTML Utilisez le nom de l'élément XML pour représenter une vue. Ainsi, l'élément < TextView > créera un contrôle TextView dans votre interface, et un < LinearLayout > Par exemple, une simple disposition verticale avec une vue texte et un bouton ressemblerait à ceci :
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android :layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView android:id="@+id/text"
android : layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Je suis un TextView" />
<Button android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Je suis un bouton" />
</LinearLayout>
Quand vous Lorsque l'application charge les ressources de mise en page ci-dessus, Android instanciera chaque nœud de la mise en page dans un objet. Vous pourrez ensuite définir des comportements supplémentaires pour ceux-ci, interroger l'état de l'objet ou modifier la mise en page. Pour un guide complet sur la création de mises en page d'interface utilisateur, veuillez vous référer à Mises en page XML
Composants de l'interface utilisateur
Vous n'avez pas besoin d'utiliser tous les objets View et ViewGroup pour créer la disposition de votre interface utilisateur. Android nous fournit des contrôles d'application et une présentation standard de l'interface utilisateur, il vous suffit de définir le contenu. Ces composants d'interface utilisateur disposent de documents API présentant leurs propriétés, telles que des barres d'action, des boîtes de dialogue, des barres de notification d'état, etc.
Résumé de cette section
D'accord, la traduction peut être un peu difficile à prononcer. Hé, je suis aveugle en anglais et je fais de mon mieux. Résumons brièvement le contenu ci-dessus :
L'interface graphique d'Android est composée de View, ViewGroup et de leurs sous-classes : View : La classe parent de tous les contrôles visuels, fournissant des méthodes de rendu des composants et de traitement du temps ViewGroup : View Une sous-classe de une classe peut avoir des contrôles enfants et peut être considérée comme un conteneur Les contrôles de l'interface utilisateur Android sont empilés selon cette structure arborescente hiérarchique, et il existe deux manières de créer une disposition d'interface utilisateur : Écrivez vous-même le code en Java ou définissez la mise en page via XML, cette dernière est plus pratique et plus facile à comprendre ! C’est aussi notre méthode la plus utilisée ! De plus, nous utilisons rarement View et ViewGroup directement pour écrire des mises en page. Il est temps d'utiliser leurs contrôles ou conteneurs de sous-classe pour créer des mises en page !
Eh bien, ayez simplement une compréhension générale de View et ViewGroup. Nous ne les utilisons généralement pas directement, généralement lors de la personnalisation des vues. Ce n'est qu'alors que je pourrai utiliser ces deux choses !