Android XML: пропорция элемента ListView

Question

Я немного сбит с толку и не знаю, как решить эту проблему со стилем. У меня есть элемент ListView с 2 изображениями и 3 TextViews (созданные в XML).

Изображения должны окружать TextView и должны отображаться в любом разрешении и в любой ориентации. Как только я превышаю текущую длину TextViews, изображение с правой стороны выходит из дисплея (протестировано с QVGA).

Есть идеи, как решить мою проблему?

<TableLayout
    android:id="@+id/tableLayout_ScrollviewEntry"
    android:layout_width="wrap_content"
    android:stretchColumns="1" android:layout_height="fill_parent">
    <View
     android:layout_width="fill_parent"
     android:layout_height="1dip"
     android:background="#cccccc" />
        <TableRow
            android:layout_height="wrap_content"
            android:id="@+id/MainRow"
            android:layout_width="wrap_content">
            <ImageView
                android:src="@drawable/favs_action"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"
                android:id="@+id/image1">
            </ImageView>

            <TableLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:id="@+id/InnerTextTable">

                <TableRow
                    android:id="@+id/InnerRow0"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">
                    <TextView
                    android:textColor="#4444dd"
                        android:scrollHorizontally="false"
                        android:layout_height="wrap_content"
                        android:textAppearance="?android:attr/textAppearanceLarge"
                        android:id="@+id/textView1" 
                        android:editable="false"
                         android:layout_width="match_parent" 
                         android:hapticFeedbackEnabled="false" 
                         android:text="xxxxxxxx Special xxxxx">
                    </TextView>
                </TableRow>

                <TableLayout
                    android:id="@+id/InnerRow1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">
                    <TextView
                    android:textColor="#000000"
                        android:id="@+id/textView2"
                        android:text="xxxxx xxxx xxx x xxxxxxxx"
                        android:layout_height="wrap_content"
                        android:textAppearance="?android:attr/textAppearanceMedium"
                        android:layout_width="wrap_content"></TextView>

                </TableLayout>
                <TableRow
                    android:id="@+id/InnerRow2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">

                    <TextView
                    android:textColor="#888888"
                        android:text="xxxxx xxxxxxxxxx"
                        android:layout_height="wrap_content"
                        android:textAppearance="?android:attr/textAppearanceSmall"
                        android:id="@+id/textView3"
                        android:layout_width="wrap_content"></TextView>
                </TableRow>
            </TableLayout>
            <ImageView
                android:src="@drawable/image2"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:id="@+id/image1" android:layout_gravity="left">
            </ImageView>
        </TableRow>
    <View
     android:layout_width="fill_parent"
     android:layout_height="1dip"
     android:background="#cccccc" />
    </TableLayout>      
</LinearLayout>

Answer 1

Относительное расположение будет лучшим решением для вашей проблемы ... вы можете поместить свои изображения с обеих сторон и три текста между ними.для более длинного текста вы можете использовать свойство ellipsize textView.