Android XML layout for different screen sizes.

[A Tham]

Hi!

I am using TableLayout to display a table. I also use a vertical line as a separator between columns. But the problem is: different screen sizes will display the table differently. Especially the width at the tail end of the row.

How do I display the columns width as uniformly across all screen sizes? Here's my code:

<TableLayout    android:orientation="vertical"    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@color/bg"    android:shrinkColumns="*">    <TableRow        android:id="@+id/table_row"        android:layout_height="wrap_content"        android:layout_width="match_parent"        android:padding="5dp"        android:weightSum="5">        <ImageView            android:id="@+id/logo"            android:padding="10dp"            android:layout_weight="1"            android:layout_gravity="center"/>        <include layout="@layout/layout_vertical_bar"            android:layout_width="1dp"            android:layout_height="match_parent" />        <LinearLayout            android:layout_weight="3"            android:orientation="horizontal">            <TextView                android:id="@+id/name"                android:layout_width="200dp"                android:layout_height="wrap_content"                android:layout_gravity="center_vertical"                android:paddingStart="10dp"                android:textColor="@color/black" />            <ImageView                android:id="@+id/promo_icon"                android:layout_width="50dp"                android:layout_height="50dp"                android:padding="5dp"                android:layout_gravity="center_vertical|end"                android:src="@drawable/tag_icon" />            <ImageView                android:id="@+id/lock_icon"                android:layout_width="50dp"                android:layout_height="50dp"                android:padding="5dp"                android:layout_gravity="center_vertical|end"                android:src="@drawable/lock_icon" />        </LinearLayout>        <include layout="@layout/layout_vertical_bar"            android:layout_width="1dp"            android:layout_height="match_parent" />        <TextView            android:id="@+id/price"            android:textColor="@color/black"            android:layout_gravity="center"            android:layout_weight="1" />    </TableRow>    <TableRow android:layout_height="1px" android:background="#BDBDBD">        <TextView android:layout_span="2" android:layout_height="1px"            android:layout_width="fill_parent" android:text="">        </TextView>    </TableRow> </TableLayout>

Please help. Thanks.

[Tim Moores]

Trying to make a UI look exactly the same everywhere won't get you far. Devices are just too manifold and too varied for that to work. Is there a specific problem with the layout that needs addressing?