Android列表视图页脚不合适

时间:2014-01-29 10:07:23

标签: android android-layout android-ui

我有以下布局受到已接受的答案here

的影响

list.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    android:orientation="vertical" >
    ....
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        <include
            android:id="@+id/footer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            layout="@layout/footer" />
        <ListView
            android:id="@+id/song_list_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_above="@id/footer"
            android:layout_gravity="center_horizontal"
            android:layoutAnimation="@anim/list_animation"
            android:listSelector="@drawable/bg_list_row_song" />
    </RelativeLayout>
</LinearLayout>

和footer.xml

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

        <ImageView
            android:id="@+id/img_ad"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/adv" />

</LinearLayout>
产生此图像的

enter image description here

我的问题是我希望页脚在布局和fill_width的末尾然后保持高度以使图像填充真正的移动屏幕宽度。我可以通过设置某个列表高度来实现此目的,但不希望它支持更长的屏幕。

有没有办法首先计算页脚宽度并在布局底部保持其高度,然后将剩余高度分配给列表?怎么样?

修改

感谢您的回答,我已经找到了最佳方法,我将图像缩放为比设备屏幕宽,并且我使用了

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:adjustViewBounds="true"
        android:src="@drawable/adv" />

    <ListView
        android:id="@+id/song_list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/footer"
        android:layoutAnimation="@anim/list_animation"
        android:listSelector="@drawable/bg_list_row_song" />
</RelativeLayout>

4 个答案:

答案 0 :(得分:1)

1 - 在页脚xml中,您不能匹配父级大小,而是包装其内容 2 - ListView高度应与剩余的父级大小匹配。

所以,这只是交换这两个高度属性的问题,它将完美地运作。

答案 1 :(得分:0)

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

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:background="#EE4566" >

    <!-- add list view here  -->

    </LinearLayout>

    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:orientation="vertical" >

     <!-- add footer here  -->

</LinearLayout>

答案 2 :(得分:0)

// try this way
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp"
    android:background="@drawable/bg"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/song_list_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layoutAnimation="@anim/list_animation"
        android:listSelector="@drawable/bg_list_row_song"/>

    <include
        android:id="@+id/footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        layout="@layout/list_item" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:gravity="center"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/img_ad"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:adjustViewBounds="true"
        android:src="@drawable/adv" />

</LinearLayout>

答案 3 :(得分:0)

<?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="fill_parent"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:cacheColorHint="#00000000" />
   <ImageView 
       android:id="@+id/img1"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:background="@drawable/ic_launcher"

       />

</RelativeLayout>
试试这个,可能会对你有所帮助。