troubles with tables...

darolla · by **darolla** » Sat Nov 01, 2008 4:07 pm

hi,

i'd like to create a table, that has 100% width (fill_parent).

It has 1 tablerow with 2 textviews.

textview1 "left side:" has to be aligned to the left.

textview2 "right value" has to be aligned to the right.

but this doesnt be that simple

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<ScrollView android:id="@+id/sv"
 
        xmlns:android="http://schemas.android.com/apk/res/android"
 
        android:layout_width="fill_parent" 
 
        android:layout_height="wrap_content"
 
        android:scrollbars="none">
 
        <TableLayout android:id="@+id/table" 
 
                android:layout_width="fill_parent"
 
                android:layout_height="wrap_content">
 
                <TableRow android:id="@+id/tr1" 
 
                        android:layout_width="fill_parent"
 
                        android:layout_height="wrap_content"
 
                        android:layout_gravity="fill_horizontal">
 
                        <TextView android:id="@+id/tr1tv1" 
 
                                android:text="left side:"
 
                                android:layout_gravity="left" 
 
                                android:layout_width="fill_parent"></TextView>
 
                        <TextView android:id="@+id/tr1tv2" 
 
                                android:text="right value"
 
                                android:layout_gravity="right"></TextView>
 
                </TableRow>
 
        </TableLayout>
 
</ScrollView>
 
Parsed in 0.004 seconds,  using GeSHi 1.0.8.4

this produces this:

greetings,
darolla

darolla · by **darolla** » Sat Nov 01, 2008 4:14 pm

now i try to align the right textview using a 250px width for the left one

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<ScrollView android:id="@+id/sv"
 
        xmlns:android="http://schemas.android.com/apk/res/android"
 
        android:layout_width="fill_parent" 
 
        android:layout_height="wrap_content"
 
        android:scrollbars="none">
 
        <TableLayout android:id="@+id/table" 
 
                android:layout_width="fill_parent"
 
                android:layout_height="wrap_content">
 
                <TableRow android:id="@+id/tr1" 
 
                        android:layout_width="fill_parent"
 
                        android:layout_height="wrap_content"
 
                        android:layout_gravity="fill_horizontal">
 
                        <TextView android:id="@+id/tr1tv1" 
 
                                android:text="left side:"
 
                                android:layout_gravity="left" 
 
                                android:layout_width="fill_parent" 
 
                                android:width="250px"></TextView>
 
                        <TextView android:id="@+id/tr1tv2" 
 
                                android:text="right value"
 
                                android:layout_gravity="right"></TextView>
 
                </TableRow>
 
        </TableLayout>
 
</ScrollView>
 
Parsed in 0.004 seconds,  using GeSHi 1.0.8.4

Well, thats not bad, but rotating the phone destroys my design

darolla · by **darolla** » Sat Nov 01, 2008 4:15 pm

so please, how can I align the textviews ?

thanks & greetings,
darolla

darolla · by **darolla** » Sat Nov 01, 2008 4:31 pm

damnit

it has to be android:stretchColumns="1" inside <TableLayout>

Dont fully understand but this seems to work:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?xml version="1.0" encoding="utf-8"?>
 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 
        android:id="@+id/table" 
 
        android:layout_width="fill_parent"
 
        android:layout_height="wrap_content"
 
        android:stretchColumns="1">
 
        <TableRow android:id="@+id/tr1">
 
                <TextView android:id="@+id/tr1tv1" 
 
                        android:text="left side:"
 
                        android:layout_gravity="left"></TextView>
 
                <TextView android:id="@+id/tr1tv2" 
 
                        android:text="right value"
 
                        android:layout_gravity="right"></TextView>
 
        </TableRow>
 
</TableLayout>
 
Parsed in 0.002 seconds,  using GeSHi 1.0.8.4

Greetings,
DaRolla

Quetzalcoatl · by **Quetzalcoatl** » Sat Nov 01, 2008 4:33 pm

Is there anyway of determining the screen width? Not sure if it's possible in XML but there must surely be a way at runtime? So you can change the width of the right TextView dependent on the screen width or layout.

Or is it even possible to have 2 separate xml files and using SetContentView on the correct one in your onCreate method at runtime (after detecting whether it's in landscape or portrait)?

Quetzalcoatl · by **Quetzalcoatl** » Sat Nov 01, 2008 4:40 pm

This might be helpful, not looked into it myself yet but I'm curious so will have a read myself

Device Configuration

darolla · by **darolla** » Sat Nov 01, 2008 4:41 pm

alrite, now I want to have a table with 4 textviews, that should be aligned nicely, all the same distance.

this one isnt working at all:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 
        android:id="@+id/table" 
 
        android:layout_width="fill_parent"
 
        android:layout_height="wrap_content" 
 
        android:stretchColumns="1">
 
        <TableRow android:id="@+id/tr1">
 
                <TextView android:id="@+id/tr1tv1" 
 
                        android:text="AAA" 
 
                        android:layout_gravity="left"></TextView>
 
                <TextView android:id="@+id/tr1tv2" 
 
                        android:text="BBB" 
 
                        android:layout_gravity="left|center"></TextView>
 
                <TextView android:id="@+id/tr1tv3" 
 
                        android:text="CCC" 
 
                        android:layout_gravity="right|center"></TextView>
 
                <TextView android:id="@+id/tr1tv4" 
 
                        android:text="DDD" 
 
                        android:layout_gravity="right"></TextView>
 
        </TableRow>
 
</TableLayout>
 
Parsed in 0.003 seconds,  using GeSHi 1.0.8.4

nor this:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 
        android:id="@+id/table" 
 
        android:layout_width="fill_parent"
 
        android:layout_height="wrap_content" 
 
        android:stretchColumns="1">
 
        <TableRow android:id="@+id/tr1">
 
                <TextView android:id="@+id/tr1tv1" 
 
                        android:text="AAA" 
 
                        android:layout_gravity="left"></TextView>
 
                <TextView android:id="@+id/tr1tv2" 
 
                        android:text="BBB" 
 
                        android:layout_gravity="center"></TextView>
 
                <TextView android:id="@+id/tr1tv3" 
 
                        android:text="CCC" 
 
                        android:layout_gravity="center"></TextView>
 
                <TextView android:id="@+id/tr1tv4" 
 
                        android:text="DDD" 
 
                        android:layout_gravity="right"></TextView>
 
        </TableRow>
 
</TableLayout>
 
Parsed in 0.003 seconds,  using GeSHi 1.0.8.4

who helps me on this?

greetings,
DaRolla

Quetzalcoatl · by **Quetzalcoatl** » Sat Nov 01, 2008 11:57 pm

Is it not possible to have 2 TableLayouts? one for the left side of the screen and one for the right? Then you could have 2 lots of:

Code: Select all: <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/table" android:layout_width="fill_parent" android:layout_height="wrap_content" android:stretchColumns="1"> <TableRow android:id="@+id/tr1"> <TextView android:id="@+id/tr1tv1" android:text="AAA" android:layout_gravity="left"></TextView> <TextView android:id="@+id/tr1tv4" android:text="DDD" android:layout_gravity="right"></TextView> </TableRow> </TableLayout>

The trouble with using layout_gravity is that it's trying to use that to place it within it's parent container. So if you are saying 'center (or centre for those that can spell

) ' then it is trying to place it in the centre which it then does but confuses the next one.

So I'd suggest creating something like a FrameLayout and placing 2 TableLayouts inside it, each with two TextViews. It's a bit more messing around but it'll give you more control.

Quetzalcoatl · by **Quetzalcoatl** » Sun Nov 02, 2008 12:20 am

Also have a look at table_layout_3.xml from the APIDemos included in the SDK. It looks like you can add some cell padding so that you can separate cells slightly:

Code: Select all: <TableRow> <TextView android:text="@string/table_layout_3_triple_star" android:padding="3dip" /> <TextView android:text="@string/table_layout_3_save" android:padding="3dip" /> <TextView android:text="@string/table_layout_3_save_shortcut" android:padding="3dip" /> <TextView android:text="@string/table_layout_3_too_long" android:padding="3dip" /> </TableRow>

Allowing you to set the column spacing slightly.

Quetzalcoatl · by **Quetzalcoatl** » Sun Nov 02, 2008 12:48 am

Code: Select all: <?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="0,1,2,3"> <TableRow> <TextView android:text="word1" android:padding="3dip" /> <TextView android:text="word2" android:padding="3dip" android:layout_gravity="center" /> <TextView android:text="word3" android:padding="3dip" android:layout_gravity="center" /> <TextView android:text="word4" android:padding="3dip" android:layout_gravity="right" /> </TableRow> </TableLayout>

I think the winner here is

Code: Select all: android:stretchColumns="0,1,2,3"

so that each column is stretched as required.

Is this what you required?

darolla · by **darolla** » Mon Nov 03, 2008 11:25 am

well, thank u mate

after taking a closer look I can see that the distance between both center elements is smaller than between the others...

but I think this solution is the best I've seen yet

greetings,
DaRolla

Quetzalcoatl · by **Quetzalcoatl** » Mon Nov 03, 2008 11:29 am

I'm sure you will be able to even them up somewhat with adjusting the padding and layout gravity of the two centre columns

troubles with tables...

troubles with tables...

Who is online