Disposition du tableau Android

Android TableLayout va être organisé des groupes de vues en lignes et colonnes. Vous utiliserez l'élément <TableRow> pour créer une ligne dans le tableau. Chaque ligne a zéro ou plusieurs cellules; chaque cellule peut contenir un objet View.

Les conteneurs TableLayout n'affichent pas de lignes de bordure pour leurs lignes, colonnes ou cellules.

Attributs TableLayout

Voici les attributs importants spécifiques à TableLayout -

N ° Sr.	Attribut et description
1	android:id Il s'agit de l'ID qui identifie de manière unique la mise en page.
2	android:collapseColumns Cela spécifie l'index de base zéro des colonnes à réduire. Les index des colonnes doivent être séparés par une virgule: 1, 2, 5.
3	android:shrinkColumns Index de base zéro des colonnes à réduire. Les index des colonnes doivent être séparés par une virgule: 1, 2, 5.
4	android:stretchColumns Index de base zéro des colonnes à étirer. Les index des colonnes doivent être séparés par une virgule: 1, 2, 5.

Exemple

Cet exemple vous guidera à travers des étapes simples pour montrer comment créer votre propre application Android à l'aide de la disposition de table. Suivez les étapes suivantes pour modifier l'application Android que nous avons créée dans le chapitre Exemple de Hello World -

Étape	La description
1	Vous utiliserez Android Studio IDE pour créer une application Android et la nommerez comme démo sous un package com.example.demo comme expliqué dans le chapitre Exemple de Hello World .
2	Modifiez le contenu par défaut du fichier res / layout / activity_main.xml pour inclure quelques widgets dans la mise en page du tableau.
3	Pas besoin de modifier string.xml, Android studio prend en charge les constantes par défaut
4	Exécutez l'application pour lancer l'émulateur Android et vérifier le résultat des modifications effectuées dans l'application.

Voici le contenu du fichier d'activité principal modifié src/com.example.demo/MainActivity.java. Ce fichier peut inclure chacune des méthodes fondamentales du cycle de vie.

package com.example.demo;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
   
}

Voici le contenu de res/layout/activity_main.xml fichier -

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <TextView
         android:text="Time"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <TextClock
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/textClock"
         android:layout_column="2" />
			
   </TableRow>
   
   <TableRow>
	
      <TextView
         android:text="First Name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <EditText
         android:width="200px"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
   </TableRow>
   
   <TableRow>
	
      <TextView
         android:text="Last Name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <EditText
         android:width="100px"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
   </TableRow>
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <RatingBar
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/ratingBar"
         android:layout_column="2" />
   </TableRow>
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"/>
		
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Submit"
         android:id="@+id/button"
         android:layout_column="2" />
   </TableRow>

</TableLayout>

Voici le contenu de res/values/strings.xml pour définir deux nouvelles constantes -

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">HelloWorld</string>
   <string name="action_settings">Settings</string>
</resources>

Essayons d'exécuter notre modifié Hello World!application que nous venons de modifier. Je suppose que vous avez créé votreAVDlors de la configuration de l'environnement. Pour exécuter l'application à partir d'Android Studio, ouvrez l'un des fichiers d'activité de votre projet et cliquez sur l' icône Exécuter dans la barre d'outils. Le studio Android installe l'application sur votre AVD et le démarre et si tout va bien avec votre configuration et votre application, il affichera la fenêtre Emulator suivante -