0

次のように ListView の行レイアウトを設計しようとしています。

  1. チェックボックス
  2. 画像
  3. 3 つのテキスト アイテム。上に2つ、下に1つ。上部のテキスト項目の 1 つが右揃えになっている場所。
  4. 画像

次のようになります。

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>

助言がありますか?

4

0 に答える 0