次のように ListView の行レイアウトを設計しようとしています。
- チェックボックス
- 画像
- 3 つのテキスト アイテム。上に2つ、下に1つ。上部のテキスト項目の 1 つが右揃えになっている場所。
- 画像
次のようになります。
Chk Img Left aligned small text Right aligned small text Img
Box Btn1 Left aligned medium text Btn2
何を試しても、右揃えのテキストが正しく機能しません。一番上の 2 つのテキスト項目を RelativeLayout に入れ、2 番目の項目を設定するandroid:layout_alignParentRight="true"
と、行の端に揃えられ、2 番目の画像がオーバーレイされます。以下は、私の多くの試みの1つです。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<CheckBox
android:id="@+id/cbSelect"
android:layout_width="wrap_content"
android:layout_height="48dp"
android:layout_alignParentLeft="true"/>
<ImageView
android:id="@+id/imgType"
android:layout_width="wrap_content"
android:layout_height="48dp"
android:layout_toRightOf="@id/cbSelect"
android:src="@android:drawable/btn_star_big_on"/>
<LinearLayout
android:id="@+id/itmDetails"
android:layout_width="wrap_content"
android:layout_height="48dp"
android:layout_toRightOf="@id/imgType"
android:gravity="center_vertical"
android:orientation="vertical"
android:paddingLeft="8dp" >
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/txtTopLeft"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:textSize="12sp"
android:text="Top Left"/>
<TextView
android:id="@+id/txtTopRight"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:textColor="@android:color/black"
android:textSize="12sp"
android:text="Top Right"/>
</RelativeLayout>
<TextView
android:id="@+id/txtMain"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Main Item Text"
android:textColor="@android:color/black"
android:textSize="16sp" />
</LinearLayout>
<ImageView
android:id="@+id/imgStar"
android:layout_width="wrap_content"
android:layout_height="48dp"
android:layout_alignParentRight="true"
android:src="@android:drawable/btn_star"/>
</RelativeLayout>
助言がありますか?