今天我分享一下ViewPager的雙層嵌套時影響内部ViewPager的觸摸滑動問題
之前在做自己的一個項目的時候，遇到廣告欄圖檔動态切換，我第一時間想到的就是ViewPager，整個軟體隻有廣告這一部分ViewPager還好說，但是軟體越複雜出現的問題越多，尤其是遇到ViewPager雙層嵌套問題，找了很多資料
解決方法一：自定義ViewPager做為父ViewPager控件
<code>01</code>
<code>public</code> <code>class</code> <code>ParentViewPager </code><code>extends</code> <code>ViewPager{</code>
<code>02</code>
<code> </code><code>private</code> <code>int</code> <code>childVPHeight=</code><code>0</code><code>;</code>
<code>03</code>
<code> </code><code>public</code> <code>ParentViewPager(Context context) {</code>
<code>04</code>
<code> </code><code>super</code><code>(context);</code>
<code>05</code>
<code> </code><code>// TODO Auto-generated constructor stub</code>
<code>06</code>
<code> </code><code>init(context);</code>
<code>07</code>
<code> </code><code>}</code>
<code>08</code>
<code>09</code>
<code> </code><code>public</code> <code>ParentViewPager(Context context, AttributeSet attrs) {</code>
<code>10</code>
<code> </code><code>super</code><code>(context, attrs);</code>
<code>11</code>
<code>12</code>
<code>13</code>
<code>14</code>
<code>15</code>
<code> </code><code>private</code> <code>void</code> <code>init(Context context) {</code>
<code>16</code>
<code> </code><code>// TODO Auto-generated method stub</code>
<code>17</code>
<code> </code><code>// 擷取螢幕寬高</code>
<code>18</code>
<code> </code><code>WindowManager windowManager = (WindowManager) context.getSystemService(context.WINDOW_SERVICE);</code>
<code>19</code>
<code> </code><code>int</code> <code>disWidth = windowManager.getDefaultDisplay().getWidth();</code>
<code>20</code>
<code> </code><code>//根據螢幕的密度來過去dp值相應的px值</code>
<code>21</code>
<code> </code><code>childVPHeight=(</code><code>int</code><code>) (context.getResources().getDisplayMetrics().density * disWidth + </code><code>0</code><code>.5f);</code>
<code>22</code>
<code>23</code>
<code>24</code>
<code> </code><code>@Override</code>
<code>25</code>
<code> </code><code>public</code> <code>boolean</code> <code>onInterceptTouchEvent(MotionEvent arg0) {</code>
<code>26</code>
<code>27</code>
<code> </code><code>//觸摸在子ViewPager所在的頁面和子ViewPager控件高度之内時</code>
<code>28</code>
<code> </code><code>//傳回false，此時将會将觸摸的動作傳給子ViewPager</code>
<code>29</code>
<code> </code><code>if</code><code>(getCurrentItem()==</code><code>1</code> <code>&& arg0.getY()<childVPHeight){</code>
<code>30</code>
<code> </code><code>return</code> <code>false</code><code>;</code>
<code>31</code>
<code> </code><code>}</code>
<code>32</code>
<code> </code><code>return</code> <code>super</code><code>.onInterceptTouchEvent(arg0);</code>
<code>33</code>
<code> </code><code>} </code>
<code>34</code>
<code>}</code>
此方法雖然簡單可行，但是會出現，子ViewPager如果為ScrollView的時候，子ViewPager雖然已經滑動到看不到的地方，但是設定的高度内還是不能讓父ViewPager左右滑動，onTouch的動作透過了父Viewpager傳遞到了子控件
**解決方法二：自定義Viewpager做為子控件**
<a target="_blank" href="http://www.imhdr.com/#viewSource">view source</a>
<code>public</code> <code>class</code> <code>ChildViewPager </code><code>extends</code> <code>ViewPager{</code>
<code> </code><code>/** 觸摸時按下的點 **/</code>
<code> </code><code>PointF downP = </code><code>new</code> <code>PointF();</code>
<code> </code><code>/** 觸摸時目前的點 **/</code>
<code> </code><code>PointF curP = </code><code>new</code> <code>PointF();</code>
<code> </code><code>OnSingleTouchListener onSingleTouchListener;</code>
<code> </code><code>public</code> <code>ChildViewPager(Context context, AttributeSet attrs) {</code>
<code> </code><code>public</code> <code>ChildViewPager(Context context) {</code>
<code> </code><code>//當攔截觸摸事件到達此位置的時候，傳回true，</code>
<code> </code><code>//說明将onTouch攔截在此控件，進而執行此控件的onTouchEvent</code>
<code> </code><code>return</code> <code>true</code><code>;</code>
<code> </code><code>public</code> <code>boolean</code> <code>onTouchEvent(MotionEvent arg0) {</code>
<code> </code><code>//每次進行onTouch事件都記錄目前的按下的坐标</code>
<code> </code><code>curP.x = arg0.getX();</code>
<code> </code><code>curP.y = arg0.getY();</code>
<code> </code><code>if</code><code>(arg0.getAction() == MotionEvent.ACTION_DOWN){</code>
<code> </code><code>//記錄按下時候的坐标</code>
<code>35</code>
<code> </code><code>//切記不可用 downP = curP ，這樣在改變curP的時候，downP也會改變</code>
<code>36</code>
<code> </code><code>downP.x = arg0.getX();</code>
<code>37</code>
<code> </code><code>downP.y = arg0.getY();</code>
<code>38</code>
<code> </code><code>//此句代碼是為了通知他的父ViewPager現在進行的是本控件的操作，不要對我的操作進行幹擾</code>
<code>39</code>
<code> </code><code>getParent().requestDisallowInterceptTouchEvent(</code><code>true</code><code>);</code>
<code>40</code>
<code>41</code>
<code>42</code>
<code> </code><code>if</code><code>(arg0.getAction() == MotionEvent.ACTION_MOVE){</code>
<code>43</code>
<code>44</code>
<code>45</code>
<code>46</code>
<code>47</code>
<code> </code><code>if</code><code>(arg0.getAction() == MotionEvent.ACTION_UP){</code>
<code>48</code>
<code> </code><code>//在up時判斷是否按下和松手的坐标為一個點</code>
<code>49</code>
<code> </code><code>//如果是一個點，将執行點選事件，這是我自己寫的點選事件，而不是onclick</code>
<code>50</code>
<code> </code><code>if</code><code>(downP.x==curP.x && downP.y==curP.y){</code>
<code>51</code>
<code> </code><code>onSingleTouch();</code>
<code>52</code>
<code> </code><code>return</code> <code>true</code><code>;</code>
<code>53</code>
<code> </code><code>}</code>
<code>54</code>
<code>55</code>
<code>56</code>
<code> </code><code>return</code> <code>super</code><code>.onTouchEvent(arg0);</code>
<code>57</code>
<code>58</code>
<code>59</code>
<code> </code><code>/**</code>
<code>60</code>
<code> </code><code>* 單擊</code>
<code>61</code>
<code> </code><code>*/</code>
<code>62</code>
<code> </code><code>public</code> <code>void</code> <code>onSingleTouch() {</code>
<code>63</code>
<code> </code><code>if</code> <code>(onSingleTouchListener!= </code><code>null</code><code>) {</code>
<code>64</code>
<code>65</code>
<code> </code><code>onSingleTouchListener.onSingleTouch();</code>
<code>66</code>
<code>67</code>
<code>68</code>
<code>69</code>
<code> </code><code>/**</code>
<code>70</code>
<code> </code><code>* 建立點選事件接口</code>
<code>71</code>
<code> </code><code>* @author wanpg</code>
<code>72</code>
<code> </code><code>*</code>
<code>73</code>
<code>74</code>
<code> </code><code>public</code> <code>interface</code> <code>OnSingleTouchListener {</code>
<code>75</code>
<code> </code><code>public</code> <code>void</code> <code>onSingleTouch();</code>
<code>76</code>
<code>77</code>
<code>78</code>
<code> </code><code>public</code> <code>void</code> <code>setOnSingleTouchListener(OnSingleTouchListener onSingleTouchListener) {</code>
<code>79</code>
<code> </code><code>this</code><code>.onSingleTouchListener = onSingleTouchListener;</code>
<code>80</code>
<code>81</code>
<code>82</code>
為什麼要自己定義onSingleTouch呢？
因為在ViewPager的onTouchEvent中我對onDown進行了操作，進行了操作後就無法将touch事件繼續往下傳給onClick和其内部控件的任何事件，是以自己做了判斷，做了個singleTouch來實作點選的事件
方法二可以完美解決雙層ViewPager嵌套後子ViewPager的觸摸滑動問題
![Android項目的依賴關系解析[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)