天天看点

android 解决ViewPager双层嵌套的滑动问题

今天我分享一下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>&amp;&amp; arg0.getY()&lt;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 &amp;&amp; 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的触摸滑动问题

继续阅读