Maison > développement back-end > tutoriel php > Série de contrôles de l'interface utilisateur Android : LinearLayout (disposition linéaire)

Série de contrôles de l'interface utilisateur Android : LinearLayout (disposition linéaire)

黄舟
Libérer: 2023-03-05 06:08:01
original
1299 Les gens l'ont consulté

LinearLayout est un ViewGroup qui affiche les éléments View dans une direction linéaire, horizontalement ou verticalement.

Vous pouvez réutiliser LinearLayout Si vous souhaitez utiliser un LinearLayout multicouche imbriqué, vous pouvez envisager d'utiliser RelativeLayout à la place. .

1. Commencez à créer un projet nommé HelloLinearLayout

2. Ouvrez le fichier res/layout/main.xml et insérez le contenu suivant

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
        <LinearLayout
                android:orientation="horizontal"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1">
                <TextView
                        android:text="red"
                        android:gravity="center_horizontal"
                        android:background="#aa0000"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:layout_weight="1"
                />
                <TextView
                        android:text="green"
                        android:gravity="center_horizontal"
                        android:background="#00aa00"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:layout_weight="1"
                />
                <TextView
                        android:text="blue"
                        android:gravity="center_horizontal"
                        android:background="#0000aa"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:layout_weight="1"
                />
                <TextView
                        android:text="yellow"
                        android:gravity="center_horizontal"
                        android:background="#aaaa00"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:layout_weight="1"
                />
        </LinearLayout>
        <LinearLayout
                android:orientation="vertical"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1">
                <TextView
                        android:text="row one"
                        android:textSize="15pt"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                />
                <TextView
                        android:text="row two"
                        android:textSize="15pt"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                />
                <TextView
                        android:text="row three"
                        android:textSize="15pt"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                />
                <TextView
                        android:text="row four"
                        android:textSize="15pt"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                />
        </LinearLayout>
</LinearLayout>
Copier après la connexion

Vérifiez ce XML. classer soigneusement. Il existe un élément racine LinearLayout qui définit sa direction comme verticale. Toutes les vues enfants (2 au total) sont empilées verticalement. Le premier enfant est un autre LinearLayout disposé dans la direction horizontale et le deuxième enfant est empilé verticalement. un LinearLayout avec une disposition verticale. Chacun de ces LinearLayouts imbriqués contient plusieurs éléments TextView et leurs directions sont définies par la balise LinearLayout parent.

3. Maintenant, ouvrez HelloLinearLayout.java et assurez-vous qu'il a chargé le fichier de mise en page res/layout/main.xml dans la méthode onCreate()

public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);
Copier après la connexion

la méthode setContentView(int) est Activité Le fichier de mise en page est chargé, spécifié par l'ID de ressource - R.layout.main fait référence au fichier de mise en page res/layout/main.xml

4. Exécutez le programme, vous pouvez voir la situation suivante

Série de contrôles de linterface utilisateur Android : LinearLayout (disposition linéaire)

Ce qui précède est le contenu de la série de contrôles de l'interface utilisateur Android : LinearLayout (mise en page linéaire). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn). )!


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal