scrollview自适應listview的四種方案

做過android項目的人很多時候都會遇到在scrollview中嵌套listview的情況，需求很簡單，就是在頁面的下方有清單，而且要求是當清單多的時候可以向上滑動，而且是整個頁面一起向上滑動，是以就有了scrollview中嵌套listview的情況出現。之前的項目中自己是将listview的高度定下來，去掉他的滑動，之後外層的scrollview可以滑動，簡單實作了效果；但“欠下的債，遲早是要還的！”，在這個項目中又遇到了相同的需求，但是由于這個項目中的清單條目是不确定的，是以隻能動态确定它的高度。在網上找了很多資料，終于找到了這個很适合自己的，而且還很有效，拿來和大家分享，在此感謝大牛的分享！

實際上不光是ListView，其他繼承自AbsListView的類也适用，包括ExpandableListView、GridView等等，為了友善說明，以下均用ListView來代表。

一、問題解決方案

1、手動設定ListView高度（這也是自己之前的很笨的解決方案）

經過測試發現，在xml中直接指定ListView的高度，是可以解決這個問題的，但是ListView中的資料是可變的，實際高度還需要實際測量。于是手動代碼設定ListView高度的方法就誕生了。

<span style="font-family:KaiTi_GB2312;font-size:18px;">    /**
    * 動态設定ListView的高度
    * @param listView
    */
    public static void setListViewHeightBasedOnChildren(ListView listView) {
        if(listView == null) return;

        ListAdapter listAdapter = listView.getAdapter();
        if (listAdapter == null) {
            // pre-condition
            return;
        }

        int totalHeight = 0;
        for (int i = 0; i < listAdapter.getCount(); i++) {
            View listItem = listAdapter.getView(i, null, listView);
            listItem.measure(0, 0);
            totalHeight += listItem.getMeasuredHeight();
        }

        ViewGroup.LayoutParams params = listView.getLayoutParams();
        params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
        listView.setLayoutParams(params);
    } 

</span>

上面這個方法就是設定ListView的高度了，在為ListView設定了Adapter之後使用，就可以解決問題了。

但是這個方法有個兩個細節需要注意：

（一）是Adapter中getView方法傳回的View的必須由LinearLayout組成，因為隻有LinearLayout才有measure()方法，如果使用其他的布局如RelativeLayout，在調用listItem.measure(0, 0);時就會抛異常，因為除LinearLayout外的其他布局的這個方法就是直接抛異常的，沒理由…。我最初使用的就是這個方法，但是因為子控件的頂層布局是RelativeLayout，是以一直報錯，不得不放棄這個方法。

（二）是需要手動把ScrollView滾動至最頂端，因為使用這個方法的話，預設在ScrollView頂端的項是ListView，具體原因不了解，求大神解答…可以在Activity中設定：

sv = (ScrollView) findViewById(R.id.act_solution_1_sv);

2、使用單個ListView取代ScrollView中所有内容

這個方法是我在試了幾個方法都失敗的情況下自己琢磨出來的。

用一張圖來解釋這個方法的思想：

scrollview自适應listview的四種方案

就是說，把整個需要放在ScrollView中的内容，統統放在ListView中，原ListView上方的資料和下方資料，都作為現ListView的一個itemView，和原ListView中的單條資料是平級的關系。

xml布局方面十分簡單：

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <ListView
        android:id="@+id/act_solution_2_lv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

    </ListView>
</span>

一個單獨的ListView就可以了。

原ListView上方資料和下方資料，都寫進兩個xml布局檔案中：

scrollview自适應listview的四種方案

Java代碼方面，需要自定義一個Adapter，在Adapter中的getView方法中進行position值的判斷，根據position值來決定inflate哪個布局：

<span style="font-family:KaiTi_GB2312;font-size:18px;">    public View getView(int position, View convertView, ViewGroup parent) {
                //清單第一項
        if(position == 0){
           convertView = inflater.inflate(R.layout.item_solution2_top, null);
            return convertView;
        }
                //清單最後一項
        else if(position == 21){
            convertView = inflater.inflate(R.layout.item_solution2_bottom, null);
            return convertView;
        }

                //普通清單項
        ViewHolder h = null;
        if(convertView == null || convertView.getTag() == null){
            convertView = inflater.inflate(R.layout.item_listview_data, null);
            h = new ViewHolder();
            h.tv = (TextView) convertView.findViewById(R.id.item_listview_data_tv);
            convertView.setTag(h);
        }else{
            h = (ViewHolder) convertView.getTag();
        }

        h.tv.setText("第"+ position + "條資料");

        return convertView;
    }
</span>

在Activty中，隻需要直接為ListView設定自定義的Adapter就行了。

<span style="font-family:KaiTi_GB2312;font-size:18px;">    lv = (ListView) findViewById(R.id.act_solution_2_lv);
    adapter = new AdapterForListView2(this);
    lv.setAdapter(adapter);</span>

3、使用LinearLayout取代ListView

既然ListView不能适應ScrollView，那就換一個可以适應ScrollView的控件，幹嘛非要吊死在ListView這一棵樹上呢？而LinearLayout是最好的選擇。但如果我仍想繼續使用已經定義好的Adater呢？我們隻需要自定義一個類繼承自LinearLayout，為其加上對BaseAdapter的适配。

<span style="font-family:KaiTi_GB2312;font-size:18px;">    import android.content.Context;
    import android.util.AttributeSet;
    import android.util.Log;
    import android.view.View;
    import android.widget.BaseAdapter;
    import android.widget.LinearLayout;

    /**
    * 取代ListView的LinearLayout，使之能夠成功嵌套在ScrollView中
    * @author terry_龍
    */
    public class LinearLayoutForListView extends LinearLayout {

        private BaseAdapter adapter;
        private OnClickListener onClickListener = null;

        /**
         * 綁定布局
         */
        public void bindLinearLayout() {
            int count = adapter.getCount();
            this.removeAllViews();
            for (int i = 0; i < count; i++) {
                View v = adapter.getView(i, null, null);

                v.setOnClickListener(this.onClickListener);
                addView(v, i);
            }
           Log.v("countTAG", "" + count);
        }

        public LinearLayoutForListView(Context context) {
            super(context);
</span>

上面的代碼拷貝儲存為LinearLayoutForListView.class，或者直接拷貝Demo中的這個類在自己的工程裡。我們隻需要把原來xml布局檔案中的ListView替換為這個類就行了：

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <pm.nestificationbetweenscrollviewandabslistview.mywidgets.LinearLayoutForListView
        android:id="@+id/act_solution_3_mylinearlayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
    </pm.nestificationbetweenscrollviewandabslistview.mywidgets.LinearLayoutForListView>

</span>

在Activity中也把ListView改成LinearLayoutForListView，就能成功運作了。

<span style="font-family:KaiTi_GB2312;font-size:18px;">    mylinearlayout = (LinearLayoutForListView) findViewById(R.id.act_solution_3_mylinearlayout);
    adapter = new AdapterForListView(this);
    mylinearlayout.setAdapter(adapter);
</span>

4、自定義可适應ScrollView的ListView

這個方法和上面的方法是異曲同工，方法3是自定義了LinearLayout以取代ListView的功能，但如果我脾氣就是倔，就是要用ListView怎麼辦？那就隻好自定義一個類繼承自ListView，通過重寫其onMeasure方法，達到對ScrollView适配的效果。

下面是繼承了ListView的自定義類：

<span style="font-family:KaiTi_GB2312;font-size:18px;">    import android.content.Context;
    import android.util.AttributeSet;
    import android.widget.ListView;

    public class ListViewForScrollView extends ListView {
        public ListViewForScrollView(Context context) {
            super(context);
        }

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

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

        @Override
        /**
         * 重寫該方法，達到使ListView适應ScrollView的效果
         */
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
            MeasureSpec.AT_MOST);
            super.onMeasure(widthMeasureSpec, expandSpec);
        }
    }
    這個方法和方法1有一個同樣的毛病，就是預設顯示的首項是ListView，需要手動把ScrollView滾動至最頂端。
</span>

三個構造方法完全不用動，隻要重寫onMeasure方法，需要改動的地方比起方法3少了不是一點半點…

在xml布局中和Activty中使用的ListView改成這個自定義ListView就行了。代碼就省了吧…

<span style="font-family:KaiTi_GB2312;font-size:18px;">    sv = (ScrollView) findViewById(R.id.act_solution_4_sv);
    sv.smoothScrollTo(0, 0);
</span>

5、設定ScrollView的屬性，使ListView能夠成功嵌套（無法達到預定效果）

這個方法是我在寫Demo的時候找到的，第一反應是有這個方法我還寫這個Demo幹嘛，隻要在布局檔案中添加一個屬性就搞定了。不過結果确實是ListView的大小把ScrollView的剩餘部分填滿了，但卻不能滾動，真是個緻命的問題…

不廢話了，布局檔案中：

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <ScrollView
        android:id="@+id/act_solution_5_sv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/act_solution_5_vg_top"
        android:fillViewport="true">
</span>

設定fillViewport的屬性為true即可。簡單吧？

但是不能滾動這個緻命的問題我卻不知道該怎麼解決了，繼續求大神解答…

二、幾種種方法的優缺點比較

上面一共給出了4中親測可用的方法，各自有使用條件，複雜程度也各不相同。

下面我來從幾個方面來分析幾種方法的優勢和劣勢。

方法1的優點是不用對使用的控件做任何修改，隻需要使用一個現成的方法就好了，而最大的限制是ListView的item隻能由LinearLayout這一個布局組成，對于一些複雜的布局就不适用了。如果你的工程急需解決這個問題，而且滿足方法的使用條件，即ListView的item布局簡單，完全有LinearLayout組成，你就隻需要把setListViewHeightBasedOnChildren方法拿過去就行了。

方法2的優點是布局檔案設計簡單、Activity中的代碼也很少，而缺點卻是自定義Adapter變得十分複雜，而且執行效率會變低，因為findViewById是十分費時的操作，而使用ViewHolder結構可以解決費時的問題（有興趣的童鞋可以去搜一艘ViewHolder結構），然而使用了方法2的話，會破壞這種結構。如果你的工程設計上偏簡單，ListView子項相對少、ListView上下方資料少、子項間互動少的話，可以嘗試一下。

方法3的優點是完全解決了ScrollView嵌套ListView的問題，同時代碼較少，你甚至可以直接使用LinearLayout，而在Activity中手動為LinearLayout添加子項控件，不過需要注意的是，在添加前需要調用其removeAllViews的方法，否則可能會出現預想不到的事情，那時你會想念天國的ListView的。缺點不是很明顯，但還是有兩個：一是使用的不是系統控件，不能在xml布局的Graphical Layout視圖中直接看到效果；二是不能向ListView那樣可以使用ViewHolder結構，在加載大量子項時會費很多時間在findViewById中。如果你的清單資料比較少的話，不妨試試這個方法，除了不能使用ViewHolder結構，使用方法幾乎和ListView一樣。

方法4…比方法3更簡單，代碼更少，同時保留了ListView原有的所有方法，包括notifyDataSetChanged方法，相比其他方法是最趨近于完美的方法，隻是需要在Activity中設定ScrollView滾動至頂端。如果你還在猶豫不決的話就選這個方法吧，我想我以後是隻會用這個方法了…

scrollview自适應listview的四種方案

繼續閱讀

mvp初探

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android常用工具類ToastUtilsSizeUtilsLogUtilsRetrofitManagerAnimUtil

SIP Presence SUBSCRIBE-NOTIFY

QName是什麼

Android Studio 0.8.0解決 Failure [INSTALL_FAILED_OLDER_SDK] 問題

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

Kotlin的ListView與RecyclerView的簡單應用

關于公司的那些坑：Android Studio篇

android SQLite事務和kotlin協程

無法正常編譯錯誤Compilation failed to complete

關于Gradle配置的小結

Android電視機（機頂盒）初次開發的一些經驗分享

AOP程式設計_Android優雅權限架構(1)概念基礎，2021金三銀四前言正文大綱正文

Android APK檔案反編譯Android APK檔案反編譯