TableLayout with images and text

Question

I would like to show an image in the left cell and text in the right cell of a tablerow.

My problem is that the text-view is floating outside the visible screen, so I can't see the whole text. The text should break at the visible right end of screen. I've tried to set a maxWidth with a pixel value but that doesn't work.

Can anyone offer a solution to my problem. Maybe there is a better layout option?

my layout-definition:

<TableRow>
    <ImageView   
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:tint="#55ff0000"
      android:src="@drawable/bla"/> 
    <TextView  
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="@string/aboutblaImageText" 
        android:textSize="6pt" 
        android:textColor="#FFF"
        android:maxWidth="100px"    
        />        
</TableRow>

ok, the solution seems to be to use a nested linearlayout instead (outer linearlayout vertical, inner linearlayout horizontal). read about bad performance but it works — michbeck, Jun 18 '10 at 08:05
Can you elaborate on what you meant by nested linear layouts? Are you wrapping each element in the tablerow in its own layout? — vol, Nov 14 '11 at 16:21

score 1 · Answer 1 · edited May 23 '17 at 11:55

1

Try setting the stretchColumns and shrinkColumns properties of the Table. It worked for me.

<TableLayout
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:stretchColumns="0"
  android:shrinkColumns="1">

I took the idea from the Jonathan Roth answer in this post.

edited May 23 '17 at 11:55

Community

1
1

answered Oct 31 '12 at 11:30

Martillador81

328
4
6

score 0 · Answer 2 · answered Nov 15 '11 at 14:53

0

Add android:shrinkColumns="1" property to your TableLayout.

answered Nov 15 '11 at 14:53

Emmanuel Sys

817
6
12

TableLayout with images and text

2 Answers2