在listview项的右下角设置一行图像

时间:2016-11-22 16:54:02

标签: android android-layout listview

我有一个自定义列表视图,其中我想在可滚动列表视图的每个项的右下角放置四个图像。

然而,使用我当前的XML,imageview数组显示在右上角而不是listview的每个元素的右下角。据我所知,我使用正确的属性,但仍然得到这个错位的输出。任何帮助将不胜感激。 TIA。

enter image description here

布局XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >

<ImageView
    android:id="@+id/id1"
    android:layout_width="85dp"
    android:layout_height="85dp"
    android:padding="10dp"
    android:scaleType="centerCrop" />


    <TextView
        android:id="@+id/id2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        style="@android:style/TextAppearance.Medium"
        android:textStyle="bold"
        android:textColor="@color/colorPrimaryDark"
        android:layout_toRightOf="@id/id1"
        />

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="right|bottom" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/id3"
            android:background="@drawable/img1"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/id3"
            android:id="@+id/id4"
            android:background="@drawable/img2"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/id4"
            android:id="@+id/id5"
            android:background="@drawable/img3"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/id5"
            android:id="@+id/id6"
            android:background="@drawable/img4"/>

1 个答案:

答案 0 :(得分:1)

尝试将layout_height LinearLayout设为wrap_content并将layout_alignParentBottom设为true

<?xml version="1.0" encoding="utf-8"?><?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">

    <ImageView
        android:id="@+id/id1"
        android:layout_width="85dp"
        android:layout_height="85dp"
        android:padding="10dp"
        android:scaleType="centerCrop" />

    <TextView
        android:id="@+id/id2"
        style="@android:style/TextAppearance.Medium"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/id1"
        android:textStyle="bold" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="right|bottom"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/id3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/img1" />

        <ImageView
            android:id="@+id/id4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/id3"
            android:src="@drawable/img2" />

        <ImageView
            android:id="@+id/id5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/id4"
            android:src="@drawable/img3" />

        <ImageView
            android:id="@+id/id6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/id5"
            android:src="@drawable/img4" />
    </LinearLayout>

</RelativeLayout>