1. 程式人生 > >ScrollView下,ListView重複呼叫getview解決方案

ScrollView下,ListView重複呼叫getview解決方案

首先講一下我遇到的需求吧,頁面是這樣的,上邊有東西,中間是列表,下邊還有東西。首先我看到列表立刻就想到了用ListView,但是頁面有限,只能用ScrollView包一下。想到就做唄。我就在ScrollView裡面加了一個ListView, ListView設定的是wapcontent,這樣就出現了ListView資料只顯示出了一行。好的,解決問題的方案就來了。

一.設定scrollView中的ListView內容全部顯示,不能滑動,將滑動交給scrollView去做

做法:在設定adapter之前,重新計算ListView的高度,我這裡寫了一個方法:

[html]
view plain copy 在CODE上檢視程式碼片 派生到我的程式碼片
  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. ViewGroup.LayoutParams params = listView.getLayoutParams();  
  14. params.height = totalHeight + (listView.getDividerHeight() * count);  
  15. listView.setLayoutParams(params);  
  16. }  

這樣做的前提條件是佈局檔案中ListView的高度要指定,這樣才能重新計算,不要設成wapcontent!

二.不全部展示資料,二者皆可滑動。

此方法不用重新計算ListView的高度,只需焦點在Listview上的時候,ScrollView能把滑動權主動交給Listview,這樣需要重寫ScrollView的一個方法,如下:

[html] view plain copy 在CODE上檢視程式碼片 派生到我的程式碼片
  1. @Override  
  2. public boolean onInterceptTouchEvent(MotionEvent ev) {  
  3. return false;  
  4. }  

這樣Scrollview就會根據焦點而讓出滑動事件。

三.  不重新計算ListView的高度,展示所有資料,ListView不可滑動。

這個做法是重寫ListView的onMeasure方法,如下:

[html] view plain copy 在CODE上檢視程式碼片 派生到我的程式碼片
  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. }  

這種方法是同事告訴我的,我沒有用過。

做到這裡,ScrollView和ListView的問題是解決了,但是ListView的效率問題出現了。

你會發現在ListView的adapter裡的getview方法重複執行了很多次,技術使用了快取技術也是無用的。

有時候資料只有兩三個,但是getView方法卻被執行了40多次。這樣肯定是不行的。但是為什麼單獨使用ListView的時候卻不會出現這種問題呢?

這個原因肯定出在ScrollView和ListView共存上。Google了一下,外國人都不建議他們共存,但是需求是這樣的怎麼辦呢?

我的最終解決方案:自己寫一個類似ListView的東西

一. 最初:

[html] view plain copy 在CODE上檢視程式碼片 派生到我的程式碼片
  1. /**  
  2. * 虛擬listview  
  3. *  
  4. * @author JustMe  
  5. *  
  6. */  
  7. public class MyListView extends LinearLayout {  
  8. private BaseAdapter adapter;  
  9. private MyOnItemClickListener onItemClickListener;  
  10. /**  
  11. * 通知更新listview  
  12. */  
  13. public void notifyChange() {  
  14. int count = getChildCount();  
  15. LayoutParams params = new LayoutParams(LayoutParams.FILL_PARENT,  
  16. LayoutParams.WRAP_CONTENT);  
  17. for (int i = count; i < adapter.getCount(); i++) {  
  18. final int index = i;  
  19. final LinearLayout layout = new LinearLayout(getContext());  
  20. layout.setLayoutParams(params);  
  21. layout.setOrientation(VERTICAL);  
  22. View v = adapter.getView(i, null, null);  
  23. v.setOnClickListener(new OnClickListener() {  
  24. @Override  
  25. public void onClick(View v) {  
  26. if (onItemClickListener != null) {  
  27. onItemClickListener.onItemClick(MyListView.this,  
  28. layout, index, adapter.getItem(index));  
  29. }  
  30. }  
  31. });  
  32. // 每個條目下面的線  
  33. ImageView imageView = new ImageView(getContext());  
  34. imageView.setBackgroundResource(R.drawable.divider_list);  
  35. imageView.setLayoutParams(params);  
  36. layout.addView(v);  
  37. layout.addView(imageView);  
  38. addView(layout, index);  
  39. }  
  40. }  
  41. public MyListView(Context context) {  
  42. super(context);  
  43. initAttr(null);  
  44. }  
  45. public MyListView(Context context, AttributeSet attrs) {  
  46. super(context, attrs);  
  47. initAttr(attrs);  
  48. }  
  49. /**  
  50. * 設定方向  
  51. *  
  52. * @param attrs  
  53. */  
  54. public void initAttr(AttributeSet attrs) {  
  55. setOrientation(VERTICAL);  
  56. }  
  57. public BaseAdapter getAdapter() {  
  58. return adapter;  
  59. }  
  60. /**  
  61. * 設定adapter並模擬listview新增資料  
  62. *  
  63. * @param adpater  
  64. */  
  65. public void setAdapter(BaseAdapter adpater) {  
  66. this.adapter = adpater;  
  67. notifyChange();  
  68. }  
  69. /**  
  70. * 設定條目監聽事件  
  71. *  
  72. * @param onClickListener  
  73. */  
  74. public void setOnItemClickListener(MyOnItemClickListener onClickListener) {  
  75. this.onItemClickListener = onClickListener;  
  76. }  
  77. /**  
  78. * 點選事件監聽  
  79. *  
  80. * @author JustMe  
  81. *  
  82. */  
  83. public static interface MyOnItemClickListener {  
  84. public void onItemClick(ViewGroup parent, View view, int position,  
  85. Object o);  
  86. }  
  87. }  
這樣實現了ListView的最基本的功能,並且提高了效率,例如,全選功能比以上那些方法的速度提高了2-3秒,頁面也不卡頓。

缺點是不能一次載入很多的資料,不然資料會顯示的很慢,最好分頁載入。說到分頁,之前都是在ListView上加footerView,在這裡也可以做到。

二. 升級:

[html] view plain copy 在CODE上檢視程式碼片 派生到我的程式碼片
  1. public class MyListView extends LinearLayout{  
  2. private BaseAdapter adapter;  
  3. private MyOnItemClickListener onItemClickListener;  
  4. boolean footerViewAttached = false;  
  5. private View footerview;  
  6. /**  
  7. * 通知更新listview  
  8. */  
  9. public void notifyChange() {  
  10. int count = getChildCount();  
  11. if (footerViewAttached) {  
  12. count--;  
  13. }  
  14. LayoutParams params = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);  
  15. for (int i = count; i < adapter.getCount(); i++) {  
  16. final int index = i;  
  17. final LinearLayout layout = new LinearLayout(getContext());  
  18. layout.setLayoutParams(params);  
  19. layout.setOrientation(VERTICAL);  
  20. View v = adapter.getView(i, null, null);  
  21. v.setOnClickListener(new OnClickListener() {  
  22. @Override  
  23. public void onClick(View v) {  
  24. if (onItemClickListener != null) {  
  25. onItemClickListener.onItemClick(MyListView.this, layout, index,  
  26. adapter.getItem(index));  
  27. }  
  28. }  
  29. });  
  30. ImageView imageView = new ImageView(getContext());  
  31. imageView.setBackgroundResource(R.drawable.divider_list);  
  32. imageView.setLayoutParams(params);  
  33. layout.addView(v);  
  34. layout.addView(imageView);  
  35. addView(layout, index);  
  36. }  
  37. }  
  38. public MyListView(Context context) {  
  39. super(context);  
  40. initAttr(null);  
  41. }  
  42. public MyListView(Context context, AttributeSet attrs) {  
  43. super(context, attrs);  
  44. initAttr(attrs);  
  45. }  
  46. public void initAttr(AttributeSet attrs) {  
  47. setOrientation(VERTICAL);  
  48. }  
  49. /**  
  50. * 初始化footerview  
  51. *  
  52. * @param footerView  
  53. */  
  54. public void initFooterView(final View footerView) {  
  55. this.footerview = footerView;  
  56. }  
  57. /**  
  58. * 設定footerView監聽事件  
  59. *  
  60. * @param onClickListener  
  61. */  
  62. public void setFooterViewListener(OnClickListener onClickListener) {  
  63. this.footerview.setOnClickListener(onClickListener);  
  64. }  
  65. public BaseAdapter getAdapter() {  
  66. return adapter;  
  67. }  
  68. /**  
  69. * 設定adapter並模擬listview新增????資料  
  70. *  
  71. * @param adpater  
  72. */  
  73. public void setAdapter(BaseAdapter adpater) {  
  74. this.adapter = adpater;  
  75. removeAllViews();  
  76. if (footerViewAttached)  
  77. addView(footerview);  
  78. notifyChange();  
  79. }  
  80. /**  
  81. * 設定條目監聽事件  
  82. *  
  83. * @param onClickListener  
  84. */  
  85. public void setOnItemClickListener(MyOnItemClickListener onClickListener) {  
  86. this.onItemClickListener = onClickListener;  
  87. }  
  88. /**  
  89. * 沒有下一頁了  
  90. */  
  91. public void noMorePages() {  
  92. if (footerview != null && footerViewAttached) {  
  93. removeView(footerview);  
  94. footerViewAttached = false;  
  95. }  
  96. }  
  97. /**  
  98. * 可能還有下一??  
  99. */  
  100. public void mayHaveMorePages() {  
  101. if (!footerViewAttached && footerview != null) {  
  102. addView(footerview);  
  103. footerViewAttached = true;  
  104. }  
  105. }  
  106. public static interface MyOnItemClickListener {  
  107. public void onItemClick(ViewGroup parent, View view, int position, Object o);  
  108. }  
  109. }  

個人測試結果:非常好用使用方法:跟listview使用一樣,只是重新整理方法不同,首先重新整理adater資料來源,再重新設定下其adapter。