Si vous êtes nouveau dans , vous avez atterri à l'endroit idéal pour démarrer votre apprentissage de la conception de la mise en page. Cet article sur le didacticiel de conception de mise en page Android vous aidera à vous en sortirquelques conseils utiles pour améliorer la conception de l'interface utilisateur et explique également comment concevoir une interface utilisateur.
Je vais aborder les sujets ci-dessous:
- Introduction aux composants de l'interface utilisateur
- Vues
- Types de mises en page
- Unités de mesure
- Démo
Alors, commençons!
à quoi sert la sérialisation en java
Tutoriel de conception de mise en page Android: Introduction aux composants de l'interface utilisateur
En parlant des composants de l'interface utilisateur, l'interface utilisateur typique de toute application Android se compose de ces composants:
- Barre d'action principale
- Contrôle de la vue
- Zone de contenu
- Barre d'action divisée
Ceux-ci jouent un rôle majeur lors du développement d'une application complexe. Vous en aurez une vision claire lorsque nous accéderons à la section démo de cet article.
Un autre facteur important qui aide à personnaliser la conception de l'interface utilisateur serait le composant de vue.
Voyons ce qu'est une vue dans
Tutoriel de conception de mise en page Android: Vues
À Vue est considéré comme un élément de base pour une interface utilisateur appropriée qui est réellement créée à partir du Voir la classe . Celui-ci occupe une zone rectangulaire sur l'écran et s'occupe finalement du dessin et de la gestion des événements.
Une vue est la classe de base des widgets, qui sont utilisés pour créer des composants d'interface utilisateur interactifs tels que des boutons, des champs de texte, etc. tout ce qu'une application Android peut afficher. Le rectangle ici est en fait invisible, mais chaque vue occupe une forme de rectangle.
Vous pourriez avoir une question, quelle peut être la taille de ce rectangle?
La réponse est que vous pouvez le définir manuellement en spécifiant la taille exacte (avec les unités appropriées) ou en utilisant des valeurs prédéfinies. Ces valeurs prédéfinies sont match_parent et wrap_content. Cette match_parent signifie qu'il occupera tout l'espace disponible sur l'écran de l'appareil. Tandis que, wrap_content indique qu'il n'occupera que l'espace requis pour l'affichage de son contenu.
Voyons maintenant les principales différences entre View et ViewGroup.
Vue
- Vue Les objets sont les blocs de construction de base des éléments de l'interface utilisateur d'Android.
- Une vue est une simple boîte rectangulaire qui répond aux actions de l'utilisateur.
- View fait référence à la classe android.view.View, qui est la classe de base de toutes les classes d'interface utilisateur.
- Les exemples sont EditText, Button, CheckBox, etc.
ViewGroup
- ViewGroup est le conteneur invisible qui contient View et ViewGroup.
- ViewGroup est la classe de base pour le Mises en page .
- Par exemple, LinearLayout est le ViewGroup qui contient Button (View) et d'autres Layouts également.
Maintenant, allons de l'avant et comprenons les mises en page qui sont présentes.
Tutoriel de conception de mise en page Android: Types de mises en page
À disposition définit la structure d'une interface utilisateur dans l'application. Tous les éléments de la mise en page sont créés à l'aide d'une hiérarchie de Vue et ViewGroup objets.
Voyons maintenant comment déclarer la mise en page.
Vous pouvez déclarer une mise en page de deux manières:
Déclarez les éléments de l'interface utilisateur en XML. Android fournit un vocabulaire XML simple qui correspond aux classes et sous-classes View, telles que celles des widgets et des mises en page.
Remarque: Vous pouvez également utiliser l'éditeur de mise en page d'Android Studio pour créer votre mise en page XML à l'aide d'une interface glisser-déposer.
Instancier des éléments de mise en page à Durée . L'application peut créer Vue et ViewGroup objets et manipuler leurs propriétés par programme.
Discutons des différents types de mises en page.
L'interface utilisateur d'Android est une hiérarchie de vues et de groupes de vues. Les ViewGroups seront des nœuds intermédiaires dans la hiérarchie et les vues seront des nœuds terminaux.
- Disposition linéaire
- Disposition absolue
- Disposition relative
- Disposition de la table
- Disposition du cadre
Parlons-en en détail.
Disposition linéaire
La disposition linéaire est utilisée pour placer un élément sur chaque ligne. Ainsi, tous les éléments seront placés de manière ordonnée de haut en bas. Il s'agit d'une mise en page très utilisée pour créer des formulaires sur Android. Il peut également être appelé un groupe de vues qui aligne tous les enfants dans une seule direction, verticalement ou horizontalement.
Disposition absolue
En disposition absolue, vous pouvez spécifier les coordonnées exactes de chaque contrôle que vous souhaitez placer. Dans ce type de disposition, vous pouvez donner les coordonnées exactes X et Y de chaque contrôle. Il vous permet de spécifier l'emplacement exact de ses enfants.
Disposition relative
Une disposition relative est un ViewGroup qui affiche les vues enfants dans des positions relatives. Tupeut spécifier la position des éléments par rapport à d'autres éléments ou par rapport au conteneur parent.
Disposition de la table
En utilisant la mise en page du tableau, vous pouvez créer un tableau avec des lignes et des colonnes et y placer des éléments. Dans chaque ligne, vous pouvez spécifier un ou plusieurs éléments. Vous pouvez utiliser cette commande pour créer une nouvelle disposition de table.
Disposition du cadre
La disposition Cadre est utilisée lorsque vous souhaitez afficher un élément sur chaque écran. En utilisant la disposition du cadre, vous pouvez avoir plusieurs éléments.Cette disposition de cadre est un espace réservé sur l'écran que vous pouvez utiliser pour afficher une seule vue.
Tutoriel de conception de mise en page Android: Unités de mesure
Lorsque vous spécifiez la taille d'un élément sur une interface utilisateur Android, vous devez absolument vous rappeler les unités de mesure suivantes.
Unité | La description |
---|---|
dp | Pixel indépendant de la densité. 1dp équivaut à un pixel sur un 160 dpi écran. |
sp | Mettre à l'échelle le pixel indépendant. Ceci est très similaire à dp mais juste que cela est recommandé pour spécifier les tailles de police. |
pt | Point. Un point est défini comme étant 1/72 de pouce. |
px | Pixel. Correspond aux pixels réels sur l'écran |
Passons maintenant au dernier sujet de cet article.
Tutoriel de conception de mise en page Android: Démo
Dans cette section de démonstration, voyons comment utiliser les mises en page dans Studio Android .
Référez le à Android Studio.
Voici à quoi ressemble la mise en page. Sélectionnez simplement le dessinable et vous trouverez quelques classes, sélectionnez une autre classe sous ce dessinable. Vous pouvez soit coder la structure de mise en page, soit afficher la conception et simplement faire glisser et déposer les composants sur l'espace de conception.
Vous pouvez afficher les composants que vous avez sélectionnés sous l'arborescence des composants.
Vous pouvez également les trouver dans la mise en page.
- Palette : Ceci contient la liste des vues et des groupes de vues que vous pouvez faire glisser dans votre mise en page.
- Composant Arbre : Se compose de la hiérarchie d'affichage de votre mise en page.
- Barre d'outils : Boutons pour configurer l'apparence de la mise en page dans l'éditeur et pour modifier quelques attributs de mise en page.
- Editeur de conception : Mise en page en mode Conception ou Plan directeur, ou les deux. Aussi considéré comme l'espace de conception.
- Les attributs : Il contrôle les attributs de la vue sélectionnée.
Avec cela, nous arrivons à la fin de cet article sur «Tutoriel de conception de mise en page Android». J'espère que vous savez clairement ce qui a été partagé avec vous dans ce didacticiel.Restez à l'écoute des autres blogs et bonne chance avec votre carrière de développement Android.
Maintenant que vous avez compris les bases de la conception de mise en page Android, consultez le par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier.
Le cours de formation à la certification du développement d'applications Android d'Edureka est conçu pour les étudiants et les professionnels qui souhaitent devenir développeur Android. Le cours est conçu pour vous donner une longueur d'avance dans la programmation Java et vous former aux concepts de base et avancés ainsi qu'à un projet dans lequel vous devez créer une application sous Android.
Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de ce blog «Tutoriel de conception de mise en page Android» et nous vous répondrons dans les plus brefs délais.