Question

I need some help with alignment of custom list view with image and text.

I’m trying with this:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical" >

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical|center"
        android:paddingTop="20dp"
        android:layout_weight="2"
        android:text="TextView" />
</LinearLayout>

And I thought that weight is keeping the ratio of element, not the content of the element, but apparently it takes care about things inside the text view, so my list looks messy.

How to align it to be the same, no matter how long the text is in text view?

So the green line should be straight vertical line, no matter of text on right hand side.

Tnx

Answer 1

Remove android:layout_weight.

This will align you images since you define the width.

If you want to align the text too, remove android:gravity or set it to left.

You can add android:marginRight to the imageView for better readability.