Layout Dynamique : texte et bouton dans un tablerow

Version imprimable

Re-bonjour.
Décidément, je passe régulièrement sur le forum ces temps-ci, et j'espère que je n'abuse pas trop de votre aide.

J'ai donc suivis le tutoriel de cette communauté pour créer une vue dynamique.
Ça fonctionne correctement, jusqu'à un petit point : j'ai du mal à "encastrer" mes éléments dans un TableRow.
J'ai besoin de mettre un bouton puis un texte dans un TableRow pour qu'ils soient correctement alignés.
Je vous ai mis le code de mon avancement ci-dessous.
J'ai essayé d'autres "combinaisons" (par exemple, instancier le texte et le bouton avec le context du TableRow) mais en vain.

Merci d'avance encore une fois.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 //***** Définition du Layout à construire *****// LinearLayout dynamiqueLayout = new LinearLayout(this); dynamiqueLayout.setOrientation(LinearLayout.VERTICAL); // Paramètres du layout LinearLayout.LayoutParams textParam = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); LinearLayout.LayoutParams tableParam = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT); // construction dynamique de la vue, selon les absents for (int i = 0; i < nbAbsents; i++) { TableRow table = new TableRow(this); Button btAbsent = new Button(this); btAbsent.setText("X"); TextView textAbsent = new TextView(this); textAbsent.setText(tabAbsents_name[i]); table.addView(btAbsent, textParam); table.addView(textAbsent, textParam); dynamiqueLayout.addView(table, tableParam); } setContentView(dynamiqueLayout);

Pour que TableRow soit compris correctement, ne faut-il pas l'ajouter à un TableLayout ?

La c'est un simple LinearLayout, qui va faire comme n'importe quel linear-layout, prendre les éléments un par un....

En utilisant les resources (plutot que de définir des LayoutParams par code):

XML "MainLayout":
Code:

1 2 3 4 5 6 <LinearLayout> ... whatever <TableLayout id="@+id/my_table"> </TableLayout> </LinearLayout>
XML "MainRow"
Code:

1 2 3 4 5 <TableRow> <Button id="@+id/button"> <TextView id="@android:id/text1"> </TableRow>
Le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 onCreate(...) { setContentView(R.layout.MainLayout); LayoutInflater inflater = getLayoutInflater(); TableLayout table = (TableLayout) findViewById(R.id.my_table); for ( ... each row to insert ...) { TableRow tr = inflater.inflate(R.layout.MainRow); ((Button)tr.findViewById(R.id.button)).setText("X"); ((TextView)tr.findViewById(android.R.id.text1).setText("...."); table.add(tr); } }
Ca permet de modifier simplement dans les XML le résultat final (à cout de weights)....

26/03/2012, 08h24
gilloddon

Étrange, dans une autre vue, non dynamique, j'ai aussi utilisé des TableRow avec des boutons et textes à l'intérieur mais je n'utilisais pas de TableLayout.

Mais je vais quand même essayé.

Alors, j'ai essayé le tout. Je ne connaissais pas du tout les "inflater" avant, mais ça à l'air pratique.
Du coup, j'ai peut-être fait une bêtise dans le code, mais je ne trouve pas.

L'application plante lors de l’exécution de la ligne 16 : TableRow tr = (TableRow) inflater.inflate(R.layout.recap_tablerow, table);

Il manquait un paramètre à la méthode inflate. J'ai trouvé logique de mettre "table", correspondant au TableLayout.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public void onCreate(Bundle savedInstanceState)
{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.recap);
 
		...
 
		LayoutInflater inflater = getLayoutInflater();
		TableLayout table = (TableLayout) findViewById(R.id.tableLayoutRecap);
 
 
		// construction dynamique de la vue, selon les absents
		for (int i = 0; i < nbAbsents; i++)
		{
 
			TableRow tr = (TableRow) inflater.inflate(R.layout.recap_tablerow, table); // problème
 
			((TextView) tr.findViewById(R.id.textRecapAbsent)).setText(tabAbsents_name.get(i));
 
			table.addView(tr);
 
		}
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    ...
 
    <TableLayout
        android:id="@+id/tableLayoutRecap"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    </TableLayout>
 
    ...
 
</LinearLayout>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >
 
    <Button
        android:id="@+id/btRecapAbsent"
        android:layout_width="45dp"
        android:layout_height="wrap_content"
        android:text="X"
        android:textColor="#F00"
        android:textStyle="bold" />
 
    <TextView 
        android:id="@+id/textRecapAbsent"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" />
 
</TableRow>

26/03/2012, 21h58
gilloddon

Ok, l'erreur venait simplement du faire qu'un paramètre n'était pas bon sur cette ligne. Il fallait mettre null.
Un bout de temps de perdu pour si peu ^^

>>> TableRow tr = (TableRow) inflater.inflate(R.layout.recap_tablerow, null);

Finalement, ça marche bien. J'ai réussi à faire un évènement plus ou moins différent lorsqu'on clique sur un des boutons dynamiques, et j'ai même intégré un scroll vertical, au cas où =)

Bref, merci pour ton aide précieuse.