ListView 与 ScrollView 嵌套使用

先看一种效果

看上去这种布局效果，不需要嵌套ScrollView也可以实现，我知道的还有另外两种方式。

1：最外层一个LinearLayout布局，属性垂直，内含两个子View，一个是上面滑动的部分P1，一个是底部固定的部分P2。使用layout_weight分配高度权重，P2给一个固定高度，P1 ayout_weight指定为1占满剩余空间。然后P1是一个ListView，分别使用addHeadView和addFooterView添加头部和尾部的布局即可。

2：使用getItemViewType，如果不嫌麻烦。

3：使用ScrollView嵌套ListView
虽然这个案例使用方法1可以实现了，但是如果稍微麻烦一点，比如实现下面这种有两个ListView的效果。

这里有两个ListView，你可能和我一样，会想到把其中一个ListView加到另一个ListView的HeaderView里面，按1里面说的那样。

如果这样做，个人感觉不是很舒服，我也没试过，最后使用方法3实现。

下面把代码贴出来，没什么技巧性，只是有几个需要注意的地方。

• Sample4Activity

public class Sample4Activity extends AppCompatActivity {

    private ListView mListView1, mListView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sample4);

        mListView1 = (ListView) findViewById(R.id.list1);
        mListView1.setAdapter(new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, getData()));

        mListView2 = (ListView) findViewById(R.id.list2);
        mListView2.setAdapter(new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, getData()));
    }

    private String[] getData() {
        String[] data = new String[10];
        for (int i = 0; i < data.length; i++) {
            data[i] = "item " + i;
        }
        return data;
    }
}

• R.layout.activity_sample4

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusable="true"
            android:focusableInTouchMode="true"
            android:orientation="vertical"
            tools:context="com.lxq.customview.Sample4Activity">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:scaleType="fitXY"
                android:src="@drawable/banner" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#eeaa"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="TextView1" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="TextView2" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="50dp"
                    android:orientation="horizontal">

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="TextView3" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:gravity="center"
                        android:text="TextView4" />

                </LinearLayout>
            </LinearLayout>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="列表1" />

            <com.lxq.customview.sample4.MyListView
                android:id="@+id/list1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="列表2" />

            <com.lxq.customview.sample4.MyListView
                android:id="@+id/list2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_weight="1"
                android:background="#aeae"
                android:gravity="center"
                android:text="Function1"
                android:textSize="18sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_weight="1"
                android:background="#eeaa"
                android:gravity="center"
                android:text="Function2"
                android:textSize="18sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_weight="1"
                android:background="#acdc"
                android:gravity="center"
                android:text="Function3"
                android:textSize="18sp" />

        </LinearLayout>
    </ScrollView>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="#a33"
        android:gravity="center"
        android:text="Bottom Layout" />
</LinearLayout>

• MyListView

public class MyListView extends ListView {

    public MyListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public MyListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

需要注意的地方:

1. MyListView
   解决ListView嵌套ScrollView只显示一行，不能显示完整的问题。实现原理参考:http://blog.csdn.net/hanhailong726188/article/details/46136569

2. android:focusable=”true” 和 android:focusableInTouchMode=”true”
   在ScrollView第一个子控件LinearLayout的属性设置了以上两个属性，如果不设置，当进入该页面时，会自动滑到ListView的第一行，可以删除这两行代码看下效果。具体原因没深究。

另外在项目开发中还遇到一个关于ScrollView的属性 : android:fillViewport=”true”。
这个属性是何用途，下面举个例子。

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="460dp"
        android:fillViewport="true">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#bb3"
            android:text="占满ScrollView空间"
            android:textSize="16sp" />
    </ScrollView>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#a33"
        android:gravity="center"
        android:text="Bottom Layout" />
</LinearLayout>

TextView想占满ScrollView的整个空间，看上去代码是没问题的，但是效果确实这样：

现在在ScrollView标签中添加属性：android:fillViewport=”true” 再看效果：

android:fillViewport=”true” 官方解释：

/**
 * When set to true, the scroll view measure its child to make it fill the currently
 * visible area.
 */
@ViewDebug.ExportedProperty(category = "layout")
private boolean mFillViewport;

当设置为真时，滚动视图测量它的子视图，使其填充当前可见的区域。