Maison  >  Article  >  développement back-end  >  Série de contrôles de l'interface utilisateur Android : TableLayout (mise en page de table)

Série de contrôles de l'interface utilisateur Android : TableLayout (mise en page de table)

黄舟
黄舟original
2017-01-19 10:04:091352parcourir

TableLayout est un groupe de vues qui affiche les vues en lignes et en colonnes

1 Démarrez un nouveau projet nommé HelloTableLayout

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

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="1">
        <TableRow>
                <TextView
                        android:layout_column="1"
                        android:text="Open..."
                        android:padding="3dip"
                />
                <TextView
                        android:text="Ctrl-O"
                        android:gravity="right"
                        android:padding="3dip"
                />
        </TableRow>
        <TableRow>
                <TextView
                        android:layout_column="1"
                        android:text="Save..."
                        android:padding="3dip"
                />
                <TextView
                        android:text="Ctrl-S"
                        android:gravity="right"
                        android:padding="3dip"
                />
        </TableRow>
        <TableRow>
                <TextView
                        android:layout_column="1"
                        android:text="Save as..."
                        android:padding="3dip"
                />
                <TextView
                        android:text="Ctrl-Shift-S"
                        android:gravity="right"
                        android:padding="3dip"
                />
        </TableRow>
        <View
                android:layout_height="2dip"
                android:background="#FF909090"
        />
        <TableRow>
                <TextView
                        android:text="X"
                        android:padding="3dip"
                />
                <TextView
                        android:text="Import..."
                        android:padding="3dip"
                />
        </TableRow>
        <TableRow>
                <TextView
                        android:text="X"
                        android:padding="3dip"
                />
                <TextView
                        android:text="Export..."
                        android:padding="3dip"
                />
                <TextView
                        android:text="Ctrl-E"
                        android:gravity="right"
                        android:padding="3dip"
                />
        </TableRow>
        <View
                android:layout_height="2dip"
                android:background="#FF909090"
        />
        <TableRow>
                <TextView
                        android:layout_column="1"
                        android:text="Quit"
                        android:padding="3dip"
                />
        </TableRow>
</TableLayout>

Notez que ce fichier est similaire à la structure de table du HTML. L'élément TableLayout est comme l'élément

pour chaque cellule, vous pouvez utiliser différents éléments de vue. Dans cet exemple, chaque cellule utilise TextView. Entre ces lignes, il y a également une vue de base pour dessiner des lignes horizontales

Quelques attributs dans TextView

. android:layout_column="1": Indique que le contrôle est placé sur la colonne numérotée 1, et que le numéro commence à 0

android:gravity="right" : Définit la police à afficher à droite dans le contrôle parent

android:stretchColumns="1": Définissez les colonnes à étirer automatiquement. L'ID de colonne commence à 0. S'il y a plusieurs colonnes, utilisez "," pour les séparer. La fonction ici est de permettre à la deuxième colonne de s'étendre sur tout l'espace disponible

android:shrinkColumns : définissez les colonnes à réduire automatiquement. L'ID de la colonne commence à 0. S'il y a plusieurs colonnes, utilisez "," pour. séparez-les

android:collapseColumns : définissez les colonnes à masquer automatiquement. L'ID de la colonne commence à 0. S'il y a plusieurs colonnes, utilisez "," pour les séparer

Au fait : Android. :layout_span indique le nombre de colonnes d'espace qu'un contrôle occupe

Ce qui suit est la vue de base, qui consiste à tracer une ligne horizontale haute de 2 creux sur l'écran

<View
android:layout_height=”2dip”
android:background=”#FF909090″
/>

3. Les résultats en cours sont les suivants :

Série de contrôles de linterface utilisateur Android : TableLayout (mise en page de table)

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


Déclaration:
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