前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >8.滑动事件处理

8.滑动事件处理

作者头像
六月的雨
发布2018-05-14 10:42:12
1.1K0
发布2018-05-14 10:42:12
举报
文章被收录于专栏:Android开发指南
页签详情页.png
页签详情页.png

上面是三个viewPager相互嵌套,这么就需要对滑动事件进行处理

  • 首先我们不需要viewpager1滑动,因为每次滑动的时候它的父控件就拦截了它的事件,侧边栏的每次滑的时候就跑了出来,所以这里是这样处理的:使用自定义viewpager,重写它的方法
代码语言:javascript
复制
   /**	 * 重写onTouchEvent事件,什么都不用做,不能滑动	 */	@Override	public boolean onTouchEvent(MotionEvent arg0) {		return false;	}
  • viewpager2在1里面,2想滑动,可是1却是不能滑动,把2的滑动事件拦截了,所以2也不能滑动了,这里还是重写1的自定义viewpager
代码语言:javascript
复制
	// 表示事件是否拦截, 返回false表示不拦截, 可以让嵌套在内部的viewpager相应左右划的事件	@Override	public boolean onInterceptTouchEvent(MotionEvent arg0) {		return false;	}

接下来2使用自定义viewpager,在第一个页面的时候让父控件拦截,即显示出侧边栏,但是3的话是不拦截,让侧边栏不显示出来,这样的话就相互矛盾了,到底是拦截还是不拦截了?

代码语言:javascript
复制
/** * 11个子页签水平滑动的Viewpager, 暂时不用 *  * @author Kevin *  */public class HorizontalViewPager extends ViewPager {	public HorizontalViewPager(Context context, AttributeSet attrs) {		super(context, attrs);	}	public HorizontalViewPager(Context context) {		super(context);	}	/**	 * 事件分发, 请求父控件及祖宗控件是否拦截事件	 */	@Override	public boolean dispatchTouchEvent(MotionEvent ev) {		if (getCurrentItem() != 0) {			getParent().requestDisallowInterceptTouchEvent(true);// 用getParent去请求,																	// 不拦截		} else {// 如果是第一个页面,需要显示侧边栏, 请求父控件拦截			getParent().requestDisallowInterceptTouchEvent(false);// 拦截		}		return super.dispatchTouchEvent(ev);	}}

所以不能按上面的第二步这样写,我们既想北京出来,又不想让北京出来

修改:菜单详情页-新闻(viewpager1),以前是通过HorizontalViewPager 来控制,而上面图片的那个类也不能那样写了,看最后一个

代码语言:javascript
复制
	// mViewPager.setOnPageChangeListener(this);//注意:当viewpager和Indicator绑定时,		// 滑动监听需要设置给Indicator而不是viewpager		mIndicator.setOnPageChangeListener(this);
代码语言:javascript
复制
@Override	public void onPageSelected(int arg0) {		System.out.println("onPageSelected:" + arg0);		MainActivity mainUi = (MainActivity) mActivity;		SlidingMenu slidingMenu = mainUi.getSlidingMenu();		if (arg0 == 0) {//只有在第一个页面(北京), 侧边栏才允许出来			slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);		} else {			slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_NONE);		}	}
  • 接下写了indicate,可是发现indicate滑的时候会把侧边栏拉出来,因为侧边栏把它的滑动事件拦截了。修改indicate的源码TabPageIndicator.java
代码语言:javascript
复制
	/**	 * 事件分发, 请求父控件及祖宗控件不要拦截事件	 */	@Override	public boolean dispatchTouchEvent(MotionEvent ev) {		getParent().requestDisallowInterceptTouchEvent(true);// 用getParent去请求		return super.dispatchTouchEvent(ev);	}
  • viewpager3会滑到头或尾不能划了,可是我们不想要这种效果,自定义viewpager
代码语言:javascript
复制
/** * 头条新闻的Viewpager */public class TopNewsViewPager extends ViewPager {	int startX;	int startY;	public TopNewsViewPager(Context context, AttributeSet attrs) {		super(context, attrs);	}	public TopNewsViewPager(Context context) {		super(context);	}	/**	 * 事件分发, 请求父控件及祖宗控件是否拦截事件 1. 右划, 而且是第一个页面, 需要父控件(mainactivity)拦截,菜单就出来了 2. 左划, 而且是最后一个页面, 需要父控件(viewpager2)拦截,会滑动2的下一个页面	 * 3. 上下滑动, 需要父控件拦截	 */	@Override	public boolean dispatchTouchEvent(MotionEvent ev) {		switch (ev.getAction()) {		case MotionEvent.ACTION_DOWN:(滑动停止的时候)			getParent().requestDisallowInterceptTouchEvent(true);// 不要拦截,																	// 这样是为了保证ACTION_MOVE调用			startX = (int) ev.getRawX();			startY = (int) ev.getRawY();			break;		case MotionEvent.ACTION_MOVE:(滑动的时候)			int endX = (int) ev.getRawX();			int endY = (int) ev.getRawY();			if (Math.abs(endX - startX) > Math.abs(endY - startY)) {// 左右滑动				if (endX > startX) {// 右划					if (getCurrentItem() == 0) {// 第一个页面, 需要父控件拦截						getParent().requestDisallowInterceptTouchEvent(false);					}				} else {// 左划					if (getCurrentItem() == getAdapter().getCount() - 1) {// 最后一个页面,																			// 需要拦截						getParent().requestDisallowInterceptTouchEvent(false);					}				}			} else {// 上下滑动				getParent().requestDisallowInterceptTouchEvent(false);			}			break;		default:			break;		}		return super.dispatchTouchEvent(ev);	}}

 MotionEvent中getX()和getRawX()的区别

getX是获取以widget左上角为坐标原点计算的X轴坐标直. getRawX 获取的是以屏幕左上角为坐标原点计算的X轴坐标直.

当你触到按钮时,x,y是相对于该按钮左上点的相对位置。而rawx,rawy始终是相对于屏幕的位置。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-10-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档