完美解決ScrollView巢狀ListView滑動衝突(有圖有真相)

yangxi_001發表於2014-09-12

最近在android開發中,需要在ScrollView裡面巢狀ListView,巢狀之後發現滑動衝突。問google問度娘,得出的很多答案都是設定listView的高度,讓所有的item都顯示出來,我覺得這是一種很不好的解決辦法。在試過了很多次之後,發現其實可以通過判斷ListView在螢幕上的座標,如果發生的Touch事件在ListView內,則ScrollView放棄攔截下該時間,把他傳到下一層次的View (ListView)中去處理。



原理:

(轉載請保留原文地址  csdn yang http://blog.csdn.net/lys701/article/details/8755373)

繼承ScrollView,把ListView例項傳到ScrollView中,複寫ScrollView的onInterceptTouchEvent方法,  用getLocationInWindow方法獲取ListView相對於螢幕的位置,呼叫MotionEvent的getRawX和getRawY方法獲取點選事件相對於螢幕的座標,判斷該座標是否發生在ListView的區域內,如果是,則對onInterceptTouchEvent方法直接返回false,關於Touch事件的傳遞方向的問題,網上的文章已經很多了。我就不再陳述,不清楚的可以google.
ScrollView的onTouchEvent不再接收到Event。

部分程式碼:(完整程式碼請下載附件)

自定義的ScollView:

[java] view plaincopy
  1. package com.example.listscrollview;  
  2.   
  3. import android.content.Context;  
  4. import android.util.AttributeSet;  
  5. import android.view.MotionEvent;  
  6. import android.view.View;  
  7. import android.widget.ListView;  
  8. import android.widget.ScrollView;  
  9.   
  10. public class ListScrollView extends ScrollView {  
  11.       
  12.     private ListView listView;  
  13.   
  14.     public ListScrollView(Context context, AttributeSet attrs) {  
  15.         super(context, attrs);  
  16.     }  
  17.   
  18.     public ListScrollView(Context context) {  
  19.         super(context);  
  20.     }  
  21.       
  22.     /** 
  23.      * 覆寫onInterceptTouchEvent方法,點選操作發生在ListView的區域的時候, 
  24.      * 返回false讓ScrollView的onTouchEvent接收不到MotionEvent,而是把Event傳到下一級的控制元件中 
  25.      */  
  26.     @Override  
  27.     public boolean onInterceptTouchEvent(MotionEvent ev) {  
  28.         // TODO Auto-generated method stub  
  29.         if (listView != null && checkArea(listView, ev)) {  
  30.             return false;  
  31.         }  
  32.         return super.onInterceptTouchEvent(ev);  
  33.     }  
  34.       
  35.     /** 
  36.      *  測試view是否在點選範圍內 
  37.      * @param locate 
  38.      * @param v 
  39.      * @return 
  40.      */  
  41.     private boolean checkArea(View v, MotionEvent event){  
  42.         float x = event.getRawX();  
  43.         float y = event.getRawY();  
  44.         int[] locate = new int[2];  
  45.         v.getLocationOnScreen(locate);  
  46.         int l = locate[0];  
  47.         int r = l + v.getWidth();  
  48.         int t = locate[1];  
  49.         int b = t + v.getHeight();  
  50.         if (l < x && x < r && t < y && y < b) {  
  51.             return true;  
  52.         }  
  53.         return false;  
  54.     }  
  55.   
  56.     public ListView getListView() {  
  57.         return listView;  
  58.     }  
  59.   
  60.     public void setListView(ListView listView) {  
  61.         this.listView = listView;  
  62.     }  
  63. }  

activity的程式碼:

(轉載請保留原文地址  csdn yang http://blog.csdn.net/lys701/article/details/8755373)

[java] view plaincopy
  1. package com.example.listscrollview;  
  2.   
  3. import java.util.ArrayList;  
  4.   
  5. import android.os.Bundle;  
  6. import android.app.Activity;  
  7. import android.view.Menu;  
  8. import android.widget.ArrayAdapter;  
  9. import android.widget.ListView;  
  10.   
  11. public class MainActivity extends Activity {  
  12.       
  13.     ListScrollView scrollView;  
  14.     ListView listView;  
  15.   
  16.     @Override  
  17.     protected void onCreate(Bundle savedInstanceState) {  
  18.         super.onCreate(savedInstanceState);  
  19.         setContentView(R.layout.activity_main);  
  20.         scrollView = (ListScrollView) findViewById(R.id.listScrollView);  
  21.         listView = (ListView)findViewById(R.id.listView);  
  22.         scrollView.setListView(listView);  
  23.         String string = "ListItem";  
  24.         ArrayList<String> list = new ArrayList<String>();  
  25.         for (int i = 0; i < 20; i++) {  
  26.             list.add(string + i);  
  27.         }  
  28.         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.item, list);  
  29.         listView.setAdapter(adapter);  
  30.     }  
  31.   
  32.     @Override  
  33.     public boolean onCreateOptionsMenu(Menu menu) {  
  34.         // Inflate the menu; this adds items to the action bar if it is present.  
  35.         getMenuInflater().inflate(R.menu.main, menu);  
  36.         return true;  
  37.     }  
  38.   
  39. }  

完整程式碼下載地址:http://pan.baidu.com/share/link?shareid=453574&uk=3307773300

相關文章