【问题汇总】ScrollView嵌套ListView的问题

因产品的需求，需要在ScrollView中嵌套ListView来达到效果。众所周知，ScrollVIew和ListView都是可滑动的容器，嵌套使用一定会出现一些问题。

​​​​​​​​

1. 1. 
      
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent" >
5. 
   
6. <ScrollView
7. android:id="@+id/scrollview"
8. android:layout_width="fill_parent"
9. android:layout_height="fill_parent" >
10. 
    
11. <ListView
12. android:id="@+id/listview"
13. android:layout_width="fill_parent"
14. android:layout_height="wrap_content" >
15. </ListView>
16. </ScrollView>
17. 
    
18. </FrameLayout>
    1. 
       

ScrollView中唯一可存在的子View是一个ListView。但是这么写会出现问题。就是ListView会显示不全，只能显示ListView的部分内容，同时，ListView也是不可滑动的。

然后我发现了ScrollView有一个属性，叫 android:fillViewport="true"，如果设置这个属性为true，那么ListView会全屏显示，但是依旧不可滑动。先看看这个属性是什么意思。

Attribute Name	Related Method	Description
​​android:fillViewport​​	​​setFillViewport(boolean)​​	Defines whether the scrollview should stretch its content to fill the viewport.

意思大概是，定义scrollview是否把它的内容拉伸去充满整个窗口。

​​​​​

1. 1. 
      
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent" >
5. 
   
6. <ScrollView
7. android:id="@+id/scrollview"
8. android:layout_width="fill_parent"
9. android:layout_height="fill_parent"
10. <span style="color:#ff0000;">android:fillViewport="true"</span> >
11. 
    
12. <ListView
13. android:id="@+id/listview"
14. android:layout_width="fill_parent"
15. android:layout_height="wrap_content" >
16. </ListView>
17. </ScrollView>
18. 
    
19. </FrameLayout>
    1. 
       

有网友反应上述的属性在他们的测试机上面不起作用。然后搜索了一下stackoverflow.com，国外有一个牛人写了一个方法，用于对Listview重新布局。

​​​​​

1. 1. 
      
2. public class Utility {
3. public static void setListViewHeightBasedOnChildren(ListView listView) {
4. ListAdapter listAdapter = listView.getAdapter();
5. if (listAdapter == null) {
6. // pre-condition
7. return;
8. }
9. 
   
10. int totalHeight = listView.getPaddingTop() + listView.getPaddingBottom();
11. for (int i = 0; i < listAdapter.getCount(); i++) {
12. View listItem = listAdapter.getView(i, null, listView);
13. if (listItem instanceof ViewGroup) {
14. listItem.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
15. }
16. listItem.measure(0, 0);
17. totalHeight += listItem.getMeasuredHeight();
18. }
19. 
    
20. ViewGroup.LayoutParams params = listView.getLayoutParams();
21. params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
22. listView.setLayoutParams(params);
23. }
24. }
    1. 
       

注意：ListView的item必须是LinearLayout，才能起作用。

好了，解决了ListView显示不全的问题，下一步要解决的就是ListView滑动的问题了。

有大神说可以重写ScrollView，拦截相关的点击事件，已达到listview可以滑动的效果。

​​​​​

1. 1. 
      
2. public class VerticalScrollview extends ScrollView {
3. public VerticalScrollview(Context context) {
4. super(context);
5. }
6. 
   
7. public VerticalScrollview(Context context, AttributeSet attrs) {
8. super(context, attrs);
9. }
10. 
    
11. public VerticalScrollview(Context context, AttributeSet attrs, int defStyle) {
12. super(context, attrs, defStyle);
13. }
14. 
    
15. @Override
16. public boolean onInterceptTouchEvent(MotionEvent ev) {
17. final int action = ev.getAction();
18. switch (action) {
19. case MotionEvent.ACTION_DOWN:
20. Log.i("VerticalScrollview",
21. "onInterceptTouchEvent: DOWN super false");
22. super.onTouchEvent(ev);
23. break;
24. 
    
25. case MotionEvent.ACTION_MOVE:
26. return false; // redirect MotionEvents to ourself
27. 
    
28. case MotionEvent.ACTION_CANCEL:
29. Log.i("VerticalScrollview",
30. "onInterceptTouchEvent: CANCEL super false");
31. super.onTouchEvent(ev);
32. break;
33. 
    
34. case MotionEvent.ACTION_UP:
35. Log.i("VerticalScrollview", "onInterceptTouchEvent: UP super false");
36. return false;
37. 
    
38. default:
39. Log.i("VerticalScrollview", "onInterceptTouchEvent: " + action);
40. break;
41. }
42. 
    
43. return false;
44. }
45. 
    
46. @Override
47. public boolean onTouchEvent(MotionEvent ev) {
48. super.onTouchEvent(ev);
49. Log.i("VerticalScrollview", "onTouchEvent. action: " + ev.getAction());
50. return true;
51. }
52. }
    1. 
       

以上代码测试成功，在ScrollView中的ListView可以滑动。

另外，还可以对ListView设置onTouchListener，在onTouch中去控制外层ScrollView是否拦截触摸事件。

​​​​​

1. 1. 
      
2. mListView.setOnTouchListener(new OnTouchListener() {
3. 
   
4. @Override
5. public boolean onTouch(View v, MotionEvent event) {
6. int action = event.getAction();
7. switch (action) {
8. case MotionEvent.ACTION_DOWN:
9. // Disallow ScrollView to intercept touch events.
10. v.getParent().requestDisallowInterceptTouchEvent(true);
11. break;
12. 
    
13. case MotionEvent.ACTION_UP:
14. // Allow ScrollView to intercept touch events.
15. v.getParent().requestDisallowInterceptTouchEvent(false);
16. break;
17. }
18. 
    
19. // Handle ListView touch events.
20. v.onTouchEvent(event);
21. return true;
22. }
23. });
    1. 
       

以上的所有代码确实解决了ListView滑动的问题。但是，ScrollView的滑动问题没有解决。如果ScrollView中除了ListView还有其他View，那么其他View可能显示不出来。

可以重写ListView去解决这个问题，这个是我所知道的最好的解决方案。

​​​​​

1. 1. 
      
2. public class NestedListView extends ListView implements OnTouchListener,
3. OnScrollListener {
4. 
   
5. private int listViewTouchAction;
6. private static final int MAXIMUM_LIST_ITEMS_VIEWABLE = 99;
7. 
   
8. public NestedListView(Context context, AttributeSet attrs) {
9. super(context, attrs);
10. listViewTouchAction = -1;
11. setOnScrollListener(this);
12. setOnTouchListener(this);
13. }
14. 
    
15. @Override
16. public void onScroll(AbsListView view, int firstVisibleItem,
17. int visibleItemCount, int totalItemCount) {
18. if (getAdapter() != null
19. && getAdapter().getCount() > MAXIMUM_LIST_ITEMS_VIEWABLE) {
20. if (listViewTouchAction == MotionEvent.ACTION_MOVE) {
21. scrollBy(0, -1);
22. }
23. }
24. }
25. 
    
26. @Override
27. public void onScrollStateChanged(AbsListView view, int scrollState) {
28. }
29. 
    
30. @Override
31. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
32. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
33. 
    
34. int newHeight = 0;
35. final int heightMode = MeasureSpec.getMode(heightMeasureSpec);
36. int heightSize = MeasureSpec.getSize(heightMeasureSpec);
37. if (heightMode != MeasureSpec.EXACTLY) {
38. ListAdapter listAdapter = getAdapter();
39. if (listAdapter != null && !listAdapter.isEmpty()) {
40. int listPosition = 0;
41. for (listPosition = 0; listPosition < listAdapter.getCount()
42. && listPosition < MAXIMUM_LIST_ITEMS_VIEWABLE; listPosition++) {
43. View listItem = listAdapter.getView(listPosition, null,
44. this);
45. // now it will not throw a NPE if listItem is a ViewGroup
46. // instance
47. if (listItem instanceof ViewGroup) {
48. listItem.setLayoutParams(new LayoutParams(
49. LayoutParams.WRAP_CONTENT,
50. LayoutParams.WRAP_CONTENT));
51. }
52. listItem.measure(widthMeasureSpec, heightMeasureSpec);
53. newHeight += listItem.getMeasuredHeight();
54. }
55. newHeight += getDividerHeight() * listPosition;
56. }
57. if ((heightMode == MeasureSpec.AT_MOST) && (newHeight > heightSize)) {
58. if (newHeight > heightSize) {
59. newHeight = heightSize;
60. }
61. }
62. } else {
63. newHeight = getMeasuredHeight();
64. }
65. setMeasuredDimension(getMeasuredWidth(), newHeight);
66. }
67. 
    
68. @Override
69. public boolean onTouch(View v, MotionEvent event) {
70. if (getAdapter() != null
71. && getAdapter().getCount() > MAXIMUM_LIST_ITEMS_VIEWABLE) {
72. if (listViewTouchAction == MotionEvent.ACTION_MOVE) {
73. scrollBy(0, 1);
74. }
75. }
76. return false;
77. }
78. }
    1. 
       

​