ScrollView嵌套ListView的问题与解决方案

傷城~ 2022-07-28 05:12 190阅读 0赞

首先讲一下我遇到的需求吧，页面是这样的，上边有东西，中间是列表，下边还有东西。首先我看到列表立刻就想到了用ListView，但是页面有限，只能用ScrollView包一下。想到就做呗。我就在ScrollView里面加了一个ListView, ListView设置的是wapcontent，这样就出现了ListView数据只显示出了一行。好的，解决问题的方案就来了。

一．设置scrollView中的ListView内容全部显示，不能滑动，将滑动交给scrollView去做。

做法：在设置adapter之前，重新计算ListView的高度，我这里写了一个方法：

java代码  [![代码来源][help.png]][help.png 1]

1.  /\*\*
2.  \* 动态设置listView的高度
3.  \* count 总条目
4.  \*/
5.  **private** **void** setListViewHeight(ListView listView, BaseAdapter adapter,
6.  **int** count) \{ 
7.  **int** totalHeight = 0;
8.  **for** (**int** i = 0; i < count; i++) \{ 
9.  View listItem = adapter.getView(i, **null**, listView);
10. listItem.measure(0, 0);
11. totalHeight += listItem.getMeasuredHeight();
12. \}
13. 
14. ViewGroup.LayoutParams params = listView.getLayoutParams();
15. params.height = totalHeight + (listView.getDividerHeight() \* count);
16. listView.setLayoutParams(params);
17. \}

这样做的前提条件是[布局][Link 1]文件中ListView的高度要指定，这样才能重新计算，不要设成wapcontent！

二．不全部展示数据，二者皆可滑动。

此方法不用重新计算ListView的高度，只需焦点在Listview上的时候，ScrollView能把滑动权主动交给Listview，这样需要重写ScrollView的一个方法，如下：

java代码  [![代码来源][help.png]][help.png 1]

1.  @Override
2.  **public** **boolean** onInterceptTouchEvent(MotionEvent ev) \{ 
3.  **return** **false**;
4.  \}

这样Scrollview就会根据焦点而让出滑动事件。

三.  不重新计算ListView的高度，展示所有数据，ListView不可滑动。

这个做法是重写ListView的onMeasure方法，如下：

java代码  [![代码来源][help.png]][help.png 1]

1.  /\*\*
2.  \* 设置不滚动
3.  \*/
4.  **public** **void** onMeasure(**int** widthMeasureSpec, **int** heightMeasureSpec)
5.  \{ 
6.  **int** expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX\_VALUE >> 2,
7.  MeasureSpec.AT\_MOST);
8.  **super**.onMeasure(widthMeasureSpec, expandSpec);
9.  
10. \}

这种方法是同事告诉我的，我没有用过。

做到这里，ScrollView和ListView的问题是解决了，但是ListView的效率问题出现了。

你会发现在ListView的adapter里的getview方法重复执行了很多次，技术使用了缓存技术也是无用的。

有时候数据只有两三个，但是getView方法却被执行了40多次。这样肯定是不行的。但是为什么单独使用ListView的时候却不会出现这种问题呢？

这个原因肯定出在ScrollView和ListView共存上。Google了一下，外国人都不建议他们共存，但是需求是这样的怎么办呢？

我的最终解决方案：自己写一个类似ListView的东西

一. 最初:

java代码  [![代码来源][help.png]][help.png 1]

1.  /\*\*
2.  \* 虚拟listview
3.  \*
4.  \* @author JustMe
5.  \*
6.  \*/
7.  **public** **class** MyListView **extends** LinearLayout \{ 
8.  
9.  **private** BaseAdapter adapter;
10. **private** MyOnItemClickListener onItemClickListener;
11. 
12. /\*\*
13. \* 通知更新listview
14. \*/
15. **public** **void** notifyChange() \{ 
16. **int** count = getChildCount();
17. LayoutParams params = **new** LayoutParams(LayoutParams.FILL\_PARENT,
18. LayoutParams.WRAP\_CONTENT);
19. **for** (**int** i = count; i < adapter.getCount(); i++) \{ 
20. **final** **int** index = i;
21. **final** LinearLayout layout = **new** LinearLayout(getContext());
22. layout.setLayoutParams(params);
23. layout.setOrientation(VERTICAL);
24. View v = adapter.getView(i, **null**, **null**);
25. v.setOnClickListener(**new** OnClickListener() \{ 
26. 
27. @Override
28. **public** **void** onClick(View v) \{ 
29. **if** (onItemClickListener != **null**) \{ 
30. onItemClickListener.onItemClick(MyListView.**this**,
31. layout, index, adapter.getItem(index));
32. \}
33. \}
34. \});
35. // 每个条目下面的线
36. ImageView imageView = **new** ImageView(getContext());
37. imageView.setBackgroundResource(R.drawable.divider\_list);
38. imageView.setLayoutParams(params);
39. layout.addView(v);
40. layout.addView(imageView);
41. addView(layout, index);
42. \}
43. \}
44. 
45. **public** MyListView(Context context) \{ 
46. **super**(context);
47. initAttr(**null**);
48. \}
49. 
50. **public** MyListView(Context context, AttributeSet attrs) \{ 
51. **super**(context, attrs);
52. initAttr(attrs);
53. \}
54. 
55. /\*\*
56. \* 设置方向
57. \*
58. \* @param attrs
59. \*/
60. **public** **void** initAttr(AttributeSet attrs) \{ 
61. setOrientation(VERTICAL);
62. \}
63. 
64. 
65. 
66. 
67. **public** BaseAdapter getAdapter() \{ 
68. **return** adapter;
69. \}
70. 
71. /\*\*
72. \* 设置adapter并模拟listview添加数据
73. \*
74. \* @param adpater
75. \*/
76. **public** **void** setAdapter(BaseAdapter adpater) \{ 
77. **this**.adapter = adpater;
78. 
79. 
80. notifyChange();
81. 
82. \}
83. 
84. /\*\*
85. \* 设置条目监听事件
86. \*
87. \* @param onClickListener
88. \*/
89. **public** **void** setOnItemClickListener(MyOnItemClickListener onClickListener) \{ 
90. **this**.onItemClickListener = onClickListener;
91. \}
92. 
93. 
94. 
95. /\*\*
96. \* 点击事件监听
97. \*
98. \* @author JustMe
99. \*
100. \*/
101. **public** **static** **interface** MyOnItemClickListener \{ 
102. **public** **void** onItemClick(ViewGroup parent, View view, **int** position,
103. Object o);
104. 
105. \}
106. \}

这样实现了ListView的最基本的功能，并且提高了效率，例如，全选功能比以上那些方法的速度提高了2-3秒，页面也不卡顿。

缺点是不能一次加载很多的数据，不然数据会显示的很慢，最好分页加载。说到分页，之前都是在ListView上加footerView，在这里也可以做到。

二. 升级：

java代码  [![代码来源][help.png]][help.png 1]

1.  **public** **class** MyListView **extends** LinearLayout\{ 
2.  **private** BaseAdapter adapter;
3.  **private** MyOnItemClickListener onItemClickListener;
4.  **boolean** footerViewAttached = **false**;
5.  **private** View footerview;
6.  
7.  /\*\*
8.  \* 通知更新listview
9.  \*/
10. **public** **void** notifyChange() \{ 
11. **int** count = getChildCount();
12. **if** (footerViewAttached) \{ 
13. count--;
14. \}
15. LayoutParams params = **new** LayoutParams(LayoutParams.FILL\_PARENT, LayoutParams.WRAP\_CONTENT);
16. **for** (**int** i = count; i < adapter.getCount(); i++) \{ 
17. **final** **int** index = i;
18. **final** LinearLayout layout = **new** LinearLayout(getContext());
19. layout.setLayoutParams(params);
20. layout.setOrientation(VERTICAL);
21. View v = adapter.getView(i, **null**, **null**);
22. v.setOnClickListener(**new** OnClickListener() \{ 
23. 
24. @Override
25. **public** **void** onClick(View v) \{ 
26. **if** (onItemClickListener != **null**) \{ 
27. onItemClickListener.onItemClick(MyListView.**this**, layout, index,
28. adapter.getItem(index));
29. \}
30. \}
31. \});
32. ImageView imageView = **new** ImageView(getContext());
33. imageView.setBackgroundResource(R.drawable.divider\_list);
34. imageView.setLayoutParams(params);
35. layout.addView(v);
36. layout.addView(imageView);
37. addView(layout, index);
38. \}
39. \}
40. 
41. **public** MyListView(Context context) \{ 
42. **super**(context);
43. initAttr(**null**);
44. \}
45. 
46. **public** MyListView(Context context, AttributeSet attrs) \{ 
47. **super**(context, attrs);
48. initAttr(attrs);
49. \}
50. 
51. **public** **void** initAttr(AttributeSet attrs) \{ 
52. 
53. setOrientation(VERTICAL);
54. \}
55. 
56. /\*\*
57. \* 初始化footerview
58. \*
59. \* @param footerView
60. \*/
61. **public** **void** initFooterView(**final** View footerView) \{ 
62. **this**.footerview = footerView;
63. \}
64. 
65. /\*\*
66. \* 设置footerView监听事件
67. \*
68. \* @param onClickListener
69. \*/
70. **public** **void** setFooterViewListener(OnClickListener onClickListener) \{ 
71. **this**.footerview.setOnClickListener(onClickListener);
72. \}
73. 
74. **public** BaseAdapter getAdapter() \{ 
75. **return** adapter;
76. \}
77. 
78. /\*\*
79. \* 设置adapter并模拟listview添加????数据
80. \*
81. \* @param adpater
82. \*/
83. **public** **void** setAdapter(BaseAdapter adpater) \{ 
84. **this**.adapter = adpater;
85. 
86. removeAllViews();
87. **if** (footerViewAttached)
88. addView(footerview);
89. 
90. notifyChange();
91. 
92. \}
93. 
94. /\*\*
95. \* 设置条目监听事件
96. \*
97. \* @param onClickListener
98. \*/
99. **public** **void** setOnItemClickListener(MyOnItemClickListener onClickListener) \{ 
100. **this**.onItemClickListener = onClickListener;
101. \}
102. 
103. /\*\*
104. \* 没有下一页了
105. \*/
106. **public** **void** noMorePages() \{ 
107. **if** (footerview != **null** && footerViewAttached) \{ 
108. removeView(footerview);
109. footerViewAttached = **false**;
110. \}
111. \}
112. 
113. /\*\*
114. \* 可能还有下一??
115. \*/
116. **public** **void** mayHaveMorePages() \{ 
117. **if** (!footerViewAttached && footerview != **null**) \{ 
118. addView(footerview);
119. footerViewAttached = **true**;
120. \}
121. \}
122. 
123. **public** **static** **interface** MyOnItemClickListener \{ 
124. **public** **void** onItemClick(ViewGroup parent, View view, **int** position, Object o);
125. 
126. \}
127. \}

这样就可以添加footerView了。最终我是使用了这种方案。

转载地址：[http://blog.csdn.net/tianxiangshan/article/details/7956488][http_blog.csdn.net_tianxiangshan_article_details_7956488]

[help.png]: http://www.eyeandroid.com/source/plugin/milu_hightLight/help.png
[help.png 1]: http://www.eyeandroid.com/
[Link 1]: http://www.eyeandroid.com/misc.php?mod=tag&id=219
[http_blog.csdn.net_tianxiangshan_article_details_7956488]: http://blog.csdn.net/tianxiangshan/article/details/7956488

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关四种方案解决ScrollView嵌套ListView问题

供学习，出自网络 <table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse

怼烎@/ 2022年08月08日 06:22/ 0 赞/ 179 阅读

相关 (转)四种方案解决ScrollView嵌套ListView问题

我是转自： http://bbs.anzhuo.cn/thread-982250-1-1.html 以下文章转自@安卓泡面在工作中，

ゝ一世哀愁。/ 2022年08月04日 05:18/ 0 赞/ 147 阅读

相关 ScrollView嵌套ListView的问题与解决方案

首先讲一下我遇到的需求吧，页面是这样的，上边有东西，中间是列表，下边还有东西。首先我看到列表立刻就想到了用ListView，但是页面有限，只能用ScrollView包一下。想到

傷城~/ 2022年07月28日 05:12/ 0 赞/ 191 阅读

相关 Android中使用ScrollView嵌套ListView终极解决方案

在平时的项目需求中，我们难免会碰到在ScrollView中放置ListView来显示子模块内容的方式。虽然Google不推荐在ScrollView中放可以滚

柔情只为你懂/ 2022年07月27日 15:52/ 0 赞/ 186 阅读

相关 ScrollView嵌套ListView问题解决方案

两种方案 1.根据item计算listView高度两个方法，第一个是计算竖向listview，第二个计算横向lisTVIEW public class

素颜马尾好姑娘i/ 2022年07月13日 14:57/ 0 赞/ 203 阅读

相关 Scrollview嵌套listVIew冲突问题的解决

大家对listivew和Scrollview都不陌生，每一个组件的使用大家都会信手沾来，不过他们两个联合使用，刚开始给初学者会造成一点伤害，当了解到原因之后，就会恍然大悟

蔚落/ 2022年06月06日 06:57/ 0 赞/ 287 阅读

相关 Android开发之ScrollView中嵌套ListView的解决方案

在工作中，曾多次碰到ScrollView嵌套ListView的问题，网上的解决方法有很多种，但是杂而不全。我试过很多种方法，它们各有利弊。在这里我将会从使用Sc

迷南。/ 2022年06月02日 00:45/ 0 赞/ 233 阅读

相关 Android ScrollView中嵌套ListView，滑动冲突问题的解决

在项目开发过程，遇到ScrollView中嵌套ListView，结果点击ListView上下滑动时，整个页面滑动，也就是滑动事件被ScrollView消费掉了，造成listVi

迈不过友情╰/ 2022年05月25日 06:27/ 0 赞/ 193 阅读

相关 Android ScrollView嵌套ListView 滑动冲突问题的解决方法

1、自定义ScrollView类，处理事件分发 / 解决scrollview嵌套listview造成滑动冲突的问题 Created by xl

向右看齐/ 2022年03月22日 02:30/ 0 赞/ 337 阅读

相关 ScrollView嵌套listView

运行后最先显示出来的位置是listview的顶部，而不是布局的最顶部，这时可以设置：`mScrollView.smoothScrollTo(0,20);` 一般情况是可以解

向右看齐/ 2021年09月26日 01:52/ 0 赞/ 333 阅读