Tutoriel de conception de mise en page Android: tout ce que vous devez savoir

Ce didacticiel de conception de mise en page Android vous aidera à comprendre comment les mises en page peuvent être conçues à l'aide des vues et des groupes de vues avec une démo.

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:



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

  1. Vue Les objets sont les blocs de construction de base des éléments de l'interface utilisateur d'Android.
  2. Une vue est une simple boîte rectangulaire qui répond aux actions de l'utilisateur.
  3. View fait référence à la classe android.view.View, qui est la classe de base de toutes les classes d'interface utilisateur.
  4. Les exemples sont EditText, Button, CheckBox, etc.

ViewGroup

  1. ViewGroup est le conteneur invisible qui contient View et ViewGroup.
  2. ViewGroup est la classe de base pour le Mises en page .
  3. 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.

Démo - Tutoriel de conception de mise en page Android - Edureka

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.

  1. Palette : Ceci contient la liste des vues et des groupes de vues que vous pouvez faire glisser dans votre mise en page.
  2. Composant Arbre : Se compose de la hiérarchie d'affichage de votre mise en page.
  3. 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.
  4. Editeur de conception : Mise en page en mode Conception ou Plan directeur, ou les deux. Aussi considéré comme l'espace de conception.
  5. 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.