ScrollView巢狀ListView問題:如何讓ListView隨著ScrollView一起滾動
如題,Android滾動控制元件有個規律:一個父滾動控制元件嵌套了一個子滾動控制元件,當手指在兩個控制元件重疊部分滑動時,會優先觸發子控制元件的滾動屬性。那麼如何只觸發父控制元件的滾動屬性而不觸發子控制元件的滾動屬性?很簡單,只要讓整個ListView在父佈局中顯示出來就好了。假設父佈局是一個不會滾動的控制元件(如RelativeLayout),當ListView在父佈局中完全顯示時(限制是這個ListView高度小於螢幕高度),ListView就不會滾動了吧。那麼現在將RelativeLayout換成ScrollView,即便沒有那個限制,只要ListView在ScrollView中完全顯示(ListView高度大於螢幕高度也可以),就不會觸發ListView的滾動屬性。
現在問題就變成如何設定ListView的高度,使得ListView完全顯示在ScrollView中。我們先將ListView的高度設定成wrap_content,看看ListView是否會自動調節高度,在ScrollView中完全顯示:
MainActivity.java:
package com.example.noscrolllistviewtest; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; public class MainActivity extends Activity { private ListView list1; private ListView list2; private String[] data1 = {"itm1","item2","item3","item4","item5","item6","item7","item8"}; private String[] data2 = {"itm1","item2","item3","item4","item5","item6","item7","item8"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); list1 = (ListView) findViewById(R.id.list1); list1.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data1)); list2 = (ListView) findViewById(R.id.list2); list2.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data2)); } }
main.xml;
<RelativeLayout 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" tools:context=".MainActivity" > <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <ListView android:id="@+id/list1" android:layout_width="match_parent" android:layout_height="wrap_content" > </ListView> <ListView android:id="@+id/list2" android:layout_width="match_parent" android:layout_height="wrap_content" > </ListView> </LinearLayout> </ScrollView> </RelativeLayout>
效果圖:
每個ListView都有8個item,但是都只顯示出了1個item,由於沒有完全顯示出來,滑動的時候只觸發了ListView的滾動屬性。這顯然不是我們要的效果。
試過之後,我們發現無論是wrap_content還是match_parent屬性都無法奏效,設定固定的值顯然不是一種好辦法。那麼應該怎麼辦呢?這裡有兩種辦法:1.根據資料來源的size和每個item的高度,動態設定ListView的高度 2.自定義一個ListView,在onMeare()中對高度進行一定的設定
由於我們用的是系統預設的item,item的高度不好求,所以我們先用下第二種辦法,上程式碼:
package com.xiaoteng.dms.component;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView;
public class NoScrollListView extends ListView {
public NoScrollListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
}
public NoScrollListView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}
public NoScrollListView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, expandSpec);
}
}
main.xml:
<RelativeLayout 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"
tools:context=".MainActivity" >
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.noscrolllistviewtest.NoScrollListView
android:id="@+id/list1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</com.example.noscrolllistviewtest.NoScrollListView>
<com.example.noscrolllistviewtest.NoScrollListView
android:id="@+id/list2"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</com.example.noscrolllistviewtest.NoScrollListView>
</LinearLayout>
</ScrollView>
</RelativeLayout>
效果圖:
ok,問題解決!至於onMeasure(widthMeasureSpec, heightMeasureSpec);MeasureSpec.makeMeasureSpec(size, mode);View.getChildMeasureSpec(spec, padding, childDimension)的詳細用法會在後面的博文中給出說明。