调整具有图像和文本的 ListView 的 xml 布局[关闭]

Question

有人可以帮我调整我的xml 布局吗？在 Edit_Staff 活动中，我想使用下面的代码从 SQLite 检索图像和文本并将它们加载到 listView。

Edit_Staff

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="start"
    android:background="@android:color/white"
    android:padding="12dp">

    <ImageView
        android:id="@+id/image"
        android:layout_width="80dp"
        android:layout_height="70dp"
        android:layout_centerVertical="true"
        android:layout_gravity="left"/>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/image"
        android:layout_marginRight="4dp"
        android:layout_centerVertical="true"
        android:paddingLeft="6dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/Claimtype"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="18sp"
            android:text="Claims Type : "
            android:maxLines="1" />

        <TextView
            android:id="@+id/amount"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:textColor="@android:color/secondary_text_dark_nodisable"
            android:text="Amount : "
            android:maxLines="1"
            android:ellipsize="end"
            android:layout_below="@+id/Claimtype" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:textColor="@android:color/secondary_text_dark_nodisable"
            android:text="Description : "
            android:maxLines="1"
            android:layout_below="@+id/amount" />/>

    </RelativeLayout>
   </RelativeLayout>

Answer 1

你可以做的最简单的一行是这样的：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="start"
android:background="@android:color/white"
android:padding="12dp">

<ImageView
    android:id="@+id/icon"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:src="@drawable/your_drawable_here"
    android:layout_centerVertical="true"
    app:civ_border_width="1dp"
    android:layout_gravity="left"/>

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/icon"
    android:layout_toLeftOf="@+id/item_time"
    android:layout_marginRight="4dp"
    android:layout_centerVertical="true"
    android:paddingLeft="6dp"
    android:orientation="vertical">

    <TextView
        android:id="@+id/Itemname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="@color/colorPrimaryDark"
        android:text="Testing"
        android:maxLines="1"

        />

    <TextView
        android:id="@+id/itemSubtitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="14sp"
        android:textColor="@android:color/secondary_text_dark_nodisable"
        android:text="This is a long message"
        android:maxLines="1"
        android:ellipsize="end"

        android:layout_below="@+id/Itemname"
        android:layout_alignParentStart="true" />

</RelativeLayout>

<TextView
    android:id="@+id/item_time"
    android:layout_gravity="right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:textStyle="normal"
    android:textColor="@color/colorPrimary"
    android:textSize="8sp"
    android:ellipsize="end"
    android:text="lala"
    android:padding="2dip"
    />