● Organisez les termes. Les éléments tels que les étiquettes et les boutons placés sur Android sont appelés Affichage. Les principaux sont TextView pour afficher du texte, EditText, Button, pour une autre saisie de texte Il existe ImageView pour afficher les images.
→ Si vous souhaitez organiser plusieurs vues ensemble, vous pouvez également les regrouper. Dans ce cas, préparez un conteneur appelé View Group. Il existe plusieurs types de groupe de vues et le type peut déterminer comment organiser la vue. Pour le principal groupe VIew, Disposition linéaire, qui permet à la vue d'être disposée horizontalement ou verticalement Disposition du tableau, qui peut être organisé comme un tableau Disposition relative, qui vous permet de spécifier la position relative à partir d'une certaine vue, Par exemple, FrameLayout vous permet d'empiler des vues.
Vous pouvez également définir la taille et les marges lors de l'organisation de la vue. La taille verticale de View est android: layout_height Concernant la largeur, android: layout_width Concernant les marges, la marge intérieure est gérée par android: padding, et la marge extérieure est gérée par android: layout_margin.
Je souhaite déplacer ce contenu dans la vue vers le haut, le bas, la gauche et la droite; Android: gravité L'attribut qui peut être utilisé lorsque vous souhaitez déplacer la vue elle-même verticalement et horizontalement par rapport à l'élément parent est android: layout_gravity
● Utilisons la disposition linéaire Vous pouvez formater le code avec "Option + Commande + L",
Dans Activity_main.xml xmlns est une spécification d'espace de noms qui vous permet d'utiliser divers attributs commençant par android: et tools:.
LinearLayout est un groupe de vues qui organise les éléments contenus verticalement ou horizontalement. Il est nécessaire de spécifier dans quelle direction organiser, et l'attribut pour cela est Il s'appelle "android: orientation", et si vous le définissez sur "vertical", les éléments inclus peuvent être disposés verticalement. android:orientation="vertical" Si vous le réglez sur horizontal, il s'alignera côte à côte.
● Spécifiez la hauteur de la vue. match parent signifie qu'il convient à la largeur de l'élément parent, wrap_content signifie s'adapter à la largeur du contenu
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!"> Cela signifie qu'il doit avoir la même largeur que le contenu @ string / hello_world (c'est-à-dire Hello World).
android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Hello World!"> La largeur est la même que la largeur de l'élément parent.
● Comprenons les marges et comment les assembler Comme mentionné ci-dessus Concernant les marges, la marge intérieure est android: padding, La marge extérieure est gérée par Android: layout_margin
Je veux faire une marge à l'extérieur android:layout_margin="60dp" Je veux faire une marge seulement en dessous android:layout_marginButtom="100dp" Je veux créer une marge à l'intérieur de l'élément android:padding="30dp" Je souhaite créer une marge uniquement en bas à l'intérieur de l'élément android:paddingButtom="30dp"
Comment rassembler des éléments Lorsque vous souhaitez déplacer le contenu de l'élément vers le haut, le bas, la gauche et la droite Android: gravité android android:gravity="bottom"
Lorsque vous souhaitez déplacer l'élément lui-même verticalement et horizontalement par rapport à l'élément parent layout_gravity android:layout_gravity="right"
● Utilisez Android: layout_weight ... Attribut d'allocation des marges créées lors de l'organisation des éléments dans LinearLayout à chaque élément
Par exemple, lorsque vous souhaitez allouer la marge inférieure au deuxième bouton, Sur le deuxième bouton Spécifiez android: layout_weight = "1". Si layout_weight n'est pas spécifié, sa valeur sera 0, donc S'il y a 4 boutons, l'allocation de marge sera Il devient 0: 1: 0: 0.
Cependant, il y a une mise en garde à ce layout_weight. layout_height pour vertical, Et dans le cas de l'horizontale, la spécification layout_width n'a aucune signification, alors n'oubliez pas de la mettre à 0dp.
● Jetons un coup d'œil à la disposition relative Des valeurs numériques peuvent être spécifiées par rapport à l'élément parent et à d'autres éléments enfants. Les éléments qui sont réellement placés sont relatifs à quel élément lors de la spécification de la position. Puisque nous devons savoir comment le spécifier, nous devons donner à chaque élément un identifiant. Pour donner un identifiant, ajoutez @ + id / à l'attribut id, puis donnez-lui le nom de votre choix. android:id="@+id/a" Signification de donner une pièce d'identité
Il existe de nombreux attributs pour le positionnement avec elativeLayout. ex. Placer au centre du haut et du bas C'est OK si vous définissez l'attribut appelé android: layout_centerInParent sur true android:layout_centerInParent="true"
ex.B est aligné avec A sur le bord gauche et placé sous A android: layout_alignLeft = "@ id / a" ... aligner à gauche avec id / a android: layout_below = "@ id / a" ... Vient sous id / a.
Ex.C est placé à côté de B avec un léger espace. android: layout_alignTop = "@ id / b" ... aligné avec id / b android: layout_toRightOf = "@ id / b" ... Vient à droite de id / b. android: layout_marginLeft = "20dp" ... Laissez un espace de 20dp à partir de la gauche.
● Utilisons FrameLayout Les vues incluses peuvent être superposées.
● Utilisons TableLayout Vous pouvez créer une mise en page comme un tableau. Dans la mise en page, Les lignes peuvent être exprimées en créant un ViewGroup appelé <TableRow.
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#f8bbd0" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1" />
Ensuite, un bouton appelé 1 peut être créé au format tabulaire.
Les colonnes adjacentes peuvent être jointes Il est possible d'indiquer qu'il y a deux colonnes avec android: layout_span = "2".
Quand tu veux laisser un vide Il est possible d'ouvrir un espace en spécifiant le nombre de colonnes dans n'importe quel tableau. android: layout_column = "2" déplace le tableau dans la deuxième colonne (en partant de 0).
Lorsque la largeur du tableau devient plus grande que l'élément parent, ou inversement, elle devient insuffisante. Vous pouvez élargir ou réduire une ligne particulière. Quand tu veux te répandre android: stretchColumns = "2" Remplit la marge supplémentaire avec la deuxième colonne.
Quand tu veux rétrécir android: shrinkColumns = "0" Réduit uniquement la 0ème colonne.
Recommended Posts