java - Make whole layout that contains ListView scrollable

问题描述

I have a LinearLayout that contains ListView. When the ListView is scrolled, the LinearLayout should scroll too.

But now when ListView is scrolled, the RelativeLayout above ListView not scrollable. Instead they always show on top! I tried to add ScrollView in LinearLayout, but get java.lang.IllegalStateException: ScrollView can host only one direct child

Here is what I have tried

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

    <RelativeLayout
            style="?android:attr/buttonStyleSmall"
            android:clickable="true"
            android:id="@+id/relativeLayout1"
            android:background="@drawable/boarder_layout"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginRight="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

        <TextView
                android:layout_marginTop="12dp"
                android:textSize="15sp"
                android:textColor="@color/darkGreen"
                android:layout_marginLeft="8dp"
                android:id="@+id/editTextDate"
                android:background="@android:color/transparent"
                android:layout_toRightOf="@+id/imgProfilePicture"
                android:text="Post a new update"
                android:padding="10dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>

        <ImageView
                android:padding="8dp"
                android:src="@drawable/images"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:layout_marginBottom="5dp"
                android:id="@+id/imgProfilePicture"
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:layout_gravity="center"/>
    </RelativeLayout>

    <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"
                  android:layout_marginTop="10dp"
                  android:orientation="horizontal">

        <RelativeLayout
                style="?android:attr/buttonStyleSmall"
                android:id="@+id/relativeLayout2"
                android:clickable="true"
                android:layout_weight="0.5"
                android:background="@drawable/boarder_layout"
                android:layout_marginLeft="10dp"
                android:layout_width="0dp"
                android:layout_height="wrap_content">

            <TextView
                    android:textColor="@color/darkGreen"
                    android:layout_marginTop="10dp"
                    android:layout_marginLeft="8dp"
                    android:id="@+id/txtView1"
                    android:background="@android:color/transparent"
                    android:layout_toRightOf="@+id/imgFindSomething"
                    android:text="I need something"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>

            <ImageView
                    android:tint="@color/limegreen"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:layout_marginBottom="5dp"
                    android:src="@drawable/find_something"
                    android:id="@+id/imgFindSomething"
                    android:layout_width="25dp"
                    android:layout_height="25dp"
                    android:layout_gravity="center"/>

        </RelativeLayout>

        <RelativeLayout
                style="?android:attr/buttonStyleSmall"
                android:id="@+id/relativeLayout3"
                android:clickable="true"
                android:layout_marginRight="10dp"
                android:layout_weight="0.5"
                android:layout_marginLeft="10dp"
                android:background="@drawable/boarder_layout"
                android:layout_width="0dp"
                android:layout_height="wrap_content">

            <TextView
                    android:textColor="@color/crimson"
                    android:layout_marginTop="10dp"
                    android:layout_marginLeft="8dp"
                    android:id="@+id/txtView2"
                    android:layout_width="wrap_content"
                    android:background="@android:color/transparent"
                    android:layout_toRightOf="@+id/imgInvite"
                    android:text="Invite neighbours"
                    android:layout_height="wrap_content"/>

            <ImageView
                    android:tint="@color/limegreen"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:layout_marginBottom="5dp"
                    android:src="@drawable/add_neighbours"
                    android:id="@+id/imgInvite"
                    android:layout_width="25dp"
                    android:layout_height="25dp"
                    android:layout_gravity="center"/>
        </RelativeLayout>
    </LinearLayout>

    <ListView android:layout_width="match_parent" android:layout_height="match_parent"
              android:layout_marginLeft="10dp"
              android:id="@+id/listView">
    </ListView>

</LinearLayout>

标签： javaandroidxmllistviewscrollview

解决方案

你需要使用NestedScrollView这样的：

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:overScrollMode="never"
    android:clipToPadding="false">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <RelativeLayout
                style="?android:attr/buttonStyleSmall"
                android:clickable="true"
                android:id="@+id/relativeLayout1"
                android:background="@drawable/boarder_layout"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="10dp"
                android:layout_marginRight="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <TextView
                    android:layout_marginTop="12dp"
                    android:textSize="15sp"
            android:textColor="@color/darkGreen"
            android:layout_marginLeft="8dp"
            android:id="@+id/editTextDate"
            android:background="@android:color/transparent"
            android:layout_toRightOf="@+id/imgProfilePicture"
            android:text="Post a new update"
            android:padding="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    <ImageView
            android:padding="8dp"
            android:src="@drawable/images"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:id="@+id/imgProfilePicture"
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:layout_gravity="center"/>
</RelativeLayout>

<LinearLayout 
              android:layout_width="match_parent" 
              android:layout_height="wrap_content"
              android:layout_marginTop="10dp"
              android:orientation="horizontal">

    <RelativeLayout
            style="?android:attr/buttonStyleSmall"
            android:id="@+id/relativeLayout2"
            android:clickable="true"
            android:layout_weight="0.5"
            android:background="@drawable/boarder_layout"
            android:layout_marginLeft="10dp"
            android:layout_width="0dp"
            android:layout_height="wrap_content">

        <TextView
                android:textColor="@color/darkGreen"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="8dp"
                android:id="@+id/txtView1"
                android:background="@android:color/transparent"
                android:layout_toRightOf="@+id/imgFindSomething"
                android:text="I need something"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        <ImageView
                android:tint="@color/limegreen"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:layout_marginBottom="5dp"
                android:src="@drawable/find_something"
                android:id="@+id/imgFindSomething"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_gravity="center"/>

    </RelativeLayout>

    <RelativeLayout
            style="?android:attr/buttonStyleSmall"
            android:id="@+id/relativeLayout3"
            android:clickable="true"
            android:layout_marginRight="10dp"
            android:layout_weight="0.5"
            android:layout_marginLeft="10dp"
            android:background="@drawable/boarder_layout"
            android:layout_width="0dp"
            android:layout_height="wrap_content">

        <TextView
                android:textColor="@color/crimson"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="8dp"
                android:id="@+id/txtView2"
                android:layout_width="wrap_content"
                android:background="@android:color/transparent"
                android:layout_toRightOf="@+id/imgInvite"
                android:text="Invite neighbours"
                android:layout_height="wrap_content"/>

        <ImageView
                android:tint="@color/limegreen"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:layout_marginBottom="5dp"
                android:src="@drawable/add_neighbours"
                android:id="@+id/imgInvite"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_gravity="center"/>
    </RelativeLayout>
</LinearLayout>

    <ListView 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"
        android:layout_marginLeft="10dp"
        android:id="@+id/listView">
    </ListView>


    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

我还建议用 a 替换你ListView的以RecyclerView获得更好的性能。

java - Make whole layout that contains ListView scrollable

问题描述

解决方案

推荐阅读