[TinyTut] - Dynamically add rows to TableLayout

plusminus · by **plusminus** » Sat Jan 26, 2008 10:54 am

[align=center][TinyTut] - Dynamically add rows to TableLayout[/align]

What you learn: You will learn how to add Rows/Lines to a TableLayout during Runtime of your application.

Difficulty: 1.5 of 5

Questions/Problems: Simply post below...

What it will look like:
[align=center]

[/align]

Description: The following code-snippet enables you to dynamically add rows to a TableLayout:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

                this.setContentView(R.layout.main);
 
                /* Find Tablelayout defined in main.xml */
 
                TableLayout tl = (TableLayout)findViewById(R.id.myTableLayout);
 
                        /* Create a new row to be added. */
 
                        TableRow tr = new TableRow(this);
 
                        tr.setLayoutParams(new LayoutParams(
 
                                                LayoutParams.FILL_PARENT, 
 
                                                LayoutParams.WRAP_CONTENT));
 
                                /* Create a Button to be the row-content. */
 
                                Button b = new Button(this);
 
                                b.setText("Dynamic Button");
 
                                b.setLayoutParams(new LayoutParams(
 
                                                LayoutParams.FILL_PARENT, 
 
                                                LayoutParams.WRAP_CONTENT));
 
                                /* Add Button to row. */
 
                                tr.addView(b);
 
                /* Add row to TableLayout. */
 
                tl.addView(tr,new TableLayout.LayoutParams(
 
                                LayoutParams.FILL_PARENT, 
 
                                LayoutParams.WRAP_CONTENT));
Parsed in 0.033 seconds,  using GeSHi 1.0.8.4

Where my main.xml was:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
        id="@+id/myTableLayout" 
 
    android:layout_width="fill_parent"
 
    android:layout_height="fill_parent"
 
    >
 
        <TableRow
 
                android:layout_width="fill_parent"
 
                android:layout_height="wrap_content"> 
 
                <Button android:text="Static Button"/>
 
        </TableRow>
 
</TableLayout>
Parsed in 0.002 seconds,  using GeSHi 1.0.8.4

[align=center]Thats it

[/align]
Regards,
plusminus

AndroidBorkCreature · by **AndroidBorkCreature** » Wed Feb 06, 2008 1:43 pm

hey,
cool tut.

unfortunately, I do not get it to run. I just copied and pasted.

Still, I get a illegal argument exception:
invalid layout params supplied to android.widget.TableRow@400f5345

What did I do wrong?

thx and regards

plusminus · by **plusminus** » Wed Feb 06, 2008 6:06 pm

Hello AndroidBorkCreature,

could be because of the a wrong import. I should have posted them to.

Local Eclipse History says I had these:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

import android.app.Activity;
 
import android.os.Bundle;
 
import android.widget.Button;
 
import android.widget.TableLayout;
 
import android.widget.TableRow;
 
import android.widget.TableRow.LayoutParams;
Parsed in 0.031 seconds,  using GeSHi 1.0.8.4

Give it a try... and let us know.

Regards,
plusminus

AndroidBorkCreature · by **AndroidBorkCreature** » Fri Feb 08, 2008 4:20 pm

Hi,
thanks for the hint. My imports seem to be correct, but if I comment

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 // tr.setLayoutParams(new LayoutParams(
 
                        //      LayoutParams.FILL_PARENT,
 
                        //      LayoutParams.WRAP_CONTENT)); 
Parsed in 0.033 seconds,  using GeSHi 1.0.8.4

it works.

Bye!

C3PODroid · by **C3PODroid** » Tue Feb 19, 2008 5:36 am

Hi,

I cannot get this code to work either! I even tried commenting out lines as mentioned in the above post but still no luck.

Regards

c3po

Katharnavas · by **Katharnavas** » Tue Feb 19, 2008 5:47 am

C3PODroid wrote:Hi,

I cannot get this code to work either! I even tried commenting out lines as mentioned in the above post but still no luck.

Regards

c3po

Are you trying this in latest M5 sdk version if so in the manifest try changing id to android:id

C3PODroid · by **C3PODroid** » Fri Feb 22, 2008 1:22 am

Yes, I was using M5. Thank you for your help. I should have read the porting documents as most of these tutorials are for M3. Thanks again

seanc · by **seanc** » Fri Mar 21, 2008 9:51 pm

Katharnavas wrote:
C3PODroid wrote:Hi,

I cannot get this code to work either! I even tried commenting out lines as mentioned in the above post but still no luck.

Regards

c3po

Are you trying this in latest M5 sdk version if so in the manifest try changing id to android:id

I made this change but I still get an Illegal argument exception. Not sure what I'm doing wrong.

xirgonium · by **xirgonium** » Wed Apr 16, 2008 1:05 pm

Actually I tried to add twice the button and the result was amazing :

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

tr.addView(b); 
 
             tr.addView(b);
Parsed in 0.035 seconds,  using GeSHi 1.0.8.4

I was expecting to have :

+--------------------+
| Dynamic Button |
+--------------------+
+--------------------+
| Dynamic Button |
+--------------------+

But the result is other. See the joined image.

It seems that there is like a new column. The result of dynamcis remains the same even If I remove the static button.

Can someone help me in getting what I expect ? Two buttons the one above the other ?

Thanks !

sxjthefirst · by **sxjthefirst** » Wed Apr 16, 2008 3:06 pm

Create another TableRow and you can have the buttons one below the other. Like this:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

                TableRow tr = new TableRow(this);
 
                tr.setOrientation(TableRow.VERTICAL);
 
                Button b = new Button(this);
 
                b.setText("Dynamic Button");
 
                tr.addView(b);
 
                TableRow tr1 = new TableRow(this);
 
                tr1.addView(b);
 
                /* Add row to TableLayout. */
 
                tl.addView(tr,new TableLayout.LayoutParams(
 
                                TableRow.LayoutParams.FILL_PARENT,
 
                                TableRow.LayoutParams.WRAP_CONTENT));
 
                tl.addView(tr1,new TableLayout.LayoutParams(
 
                                TableRow.LayoutParams.FILL_PARENT,
 
                                TableRow.LayoutParams.WRAP_CONTENT));
Parsed in 0.037 seconds,  using GeSHi 1.0.8.4

xirgonium · by **xirgonium** » Wed Apr 16, 2008 4:15 pm

yes it's works perfectly.

Actually I had quite the same behavior (empty rows) by adding rows but I just realize that I need to instanciate new row objects, thanks to your code.

I was expecting that if I had twice the same row, then I will have it twice, but it is not the case.

Thanks a lot, sxthefirst ,for your help. It was really helpfull for me.

brijeshthakur · by **brijeshthakur** » Tue Nov 11, 2008 1:55 pm

Hi Plusminus,

How we can set Span of any column of a Table...I mean How we can achieve this Programatically i.e. Runtime.

I want to create a Dynamic Table with ColSpan.

Thanks in Advance

kuixotiq · by **kuixotiq** » Sun Apr 12, 2009 9:38 am

So once i create a bunch of dynamic buttons, how do i listen to their actions? cause usually buttons come with an id right? if they're created dynamically, how do i use setonclicklistener, or is there another way? how do i know which buttons's clicked and how can i access that button, etc...
Can someone give me some example code, please

thanks~Kuix

alpesh_harsoda · by **alpesh_harsoda** » Wed Apr 29, 2009 2:08 pm

i have done this for that just create one class extends Tablerow and add the components in tablerow.and then add that class object to your main table.
i think this will help you.

ioRek · by **ioRek** » Tue Jun 23, 2009 12:45 pm

AndroidBorkCreature wrote:Hi,
thanks for the hint. My imports seem to be correct, but if I comment

Syntax: [ Download ] [ Hide ]
Syntax: [ Download ] [ Show ]
Using java Syntax Highlighting
// tr.setLayoutParams(new LayoutParams(

// LayoutParams.FILL_PARENT,

// LayoutParams.WRAP_CONTENT));

Parsed in 0.036 seconds, using GeSHi 1.0.8.4

it works.

Bye!

it still doesnt work for me

[TinyTut] - Dynamically add rows to TableLayout

[TinyTut] - Dynamically add rows to TableLayout

illegal layout params

Doesnt Work

Re: Doesnt Work

Re:

Re: Doesnt Work

What if we add twice the button

OK

Who is online