5.触摸事件、侧滑菜单

触摸事件

侧滑菜单---

github-SlidingMenu

1.在ViewGroup中,让自己内容移动有以下三个方法个方法:

  • layout(l,t,r,b);
  • offsetTopAndBottom(offset)和offsetLeftAndRight(offset);
  • scrollTo和scrollBy方法;

注意:滚动的并不是viewgroup内容本身,而是它的矩形边框

 它是瞬间移动的

2.在自定义ViewGroup中一般不需要去实现onMeasure,

 我们去实现系统已有的ViewGroup,比如FrameLayout,

 它会帮我们区实现onMeasure方法

3.让view在一段时间内移动到某个位置

a.使用自定义动画(让view在一段时间内做某件事)

b.使用Scroller(模拟一个执行流程,)

layout会影响measure过的宽高

scrollTo理解

布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >
 <com.ly.slidemenu.view.SlideMenu
        android:id="@+id/slideMenu"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
 <!-- 菜单界面的布局 -->
 <include layout="@layout/layout_menu"/>
 <!-- 主界面的布局 -->
 <include layout="@layout/layout_main"/>
 </com.ly.slidemenu.view.SlideMenu>
</RelativeLayout>

SlideMenu

public class SlideMenu extends FrameLayout{
 private View menuView,mainView;
 private int menuWidth = 0;
 private Scroller scroller;
 public SlideMenu(Context context, AttributeSet attrs) {
 super(context, attrs);
		init();
 }
 public SlideMenu(Context context) {
 super(context);
		init();
 }
 private void init(){
		scroller = new Scroller(getContext());
 }
 /**
	 * 当1级的子view全部加载完调用,可以用初始化子view的引用,view.inflate完后
	 * 注意,这里无法获取子view的宽高
	 */
 @Override
 protected void onFinishInflate() {
 super.onFinishInflate();
		menuView = getChildAt(0);
		mainView = getChildAt(1);
		menuWidth = menuView.getLayoutParams().width;//可以通过这样获得
 }
 /**
	 * widthMeasureSpec和heightMeasureSpec是系统测量SlideMenu时传入的参数,
	 * 这2个参数测量出的宽高能让SlideMenu充满窗体,其实是正好等于屏幕宽高
	 */
//继承已有viewgroup就不需要这些了,相对布局也行,但是桢布局更快
//	@Override
//	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//		
//		int measureSpec = MeasureSpec.makeMeasureSpec(menuWidth, MeasureSpec.EXACTLY);
//		
//		//测量所有子view的宽高
//		//通过getLayoutParams方法可以获取到布局文件中指定宽高
//		menuView.measure(measureSpec, heightMeasureSpec);
//		//直接使用SlideMenu的测量参数,因为它的宽高都是充满父窗体
//		mainView.measure(widthMeasureSpec, heightMeasureSpec);
//		
//	}
	//为了侧边栏可以上下滑动菜单,可以根据移动的值处理掉事件,其他情况下不处理,交给主页面
 @Override
 public boolean onInterceptTouchEvent(MotionEvent ev) {
 switch (ev.getAction()) {
 case MotionEvent.ACTION_DOWN:
			downX = (int) ev.getX();
 break;
 case MotionEvent.ACTION_MOVE:
 int deltaX = (int) ( ev.getX()- downX);
 if(Math.abs(deltaX)>8){
 return true;
 }
 break;
 }
 return super.onInterceptTouchEvent(ev);
//		return super.onInterceptTouchEvent(ev);
 }
 /**
	 * l: 当前子view的左边在父view的坐标系中的x坐标
	 * t: 当前子view的顶边在父view的坐标系中的y坐标
	 */
 @Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
//		Log.e("MAIN", "L: "+l+"   t: "+t  +"  r: "+r  + "   b: "+b);
		menuView.layout(-menuWidth, 0, 0, menuView.getMeasuredHeight());
		mainView.layout(0, 0, r, b);
 }
 private int downX;
 @Override
 public boolean onTouchEvent(MotionEvent event) {
 switch (event.getAction()) {
 case MotionEvent.ACTION_DOWN:
			downX = (int) event.getX();
 break;
 case MotionEvent.ACTION_MOVE:
 int moveX = (int) event.getX();
 int deltaX = (int) ( moveX- downX);
 int newScrollX = getScrollX() - deltaX;//移动的距离,每次移动都不一样,所以需要计算下新的
 if(newScrollX<-menuWidth)newScrollX = -menuWidth;
 if(newScrollX>0)newScrollX = 0;
 Log.e("Main", "scrollX: "+getScrollX());
			scrollTo(newScrollX, 0);
			downX = moveX;
 break;
 case MotionEvent.ACTION_UP:
 //1.使用自定义动画
//			ScrollAnimation scrollAnimation;
//			if(getScrollX()>-menuWidth/2){
//				//关闭菜单
////				scrollTo(0, 0);
//				scrollAnimation = new ScrollAnimation(this, 0);
//			}else {
//				//打开菜单
////				scrollTo(-menuWidth, 0);
//				scrollAnimation = new ScrollAnimation(this, -menuWidth);
//			}
//			startAnimation(scrollAnimation);
 //2.使用Scroller
 if(getScrollX()>-menuWidth/2){
//				//关闭菜单
				closeMenu();
 }else {
 //打开菜单
				openMenu();
 }
 break;
 }
 return true;
 }
 private void closeMenu(){
		scroller.startScroll(getScrollX(), 0, 0-getScrollX(), 0, 400);//持续的时间
		invalidate();
 }
 private void openMenu(){
		scroller.startScroll(getScrollX(), 0, -menuWidth-getScrollX(), 0, 400);
		invalidate();
 }
 /**
	 * Scroller不主动去调用这个方法
	 * 而invalidate()可以掉这个方法
	 * invalidate->draw->computeScroll
	 */
 @Override
 public void computeScroll() {
 super.computeScroll();
 if(scroller.computeScrollOffset()){//返回true,表示动画没结束
			scrollTo(scroller.getCurrX(), 0);
			invalidate();
 }
 }
 /**
	 * 切换菜单的开和关
	 */
 public void switchMenu() {
 if(getScrollX()==0){
 //需要打开
			openMenu();
 }else {
 //需要关闭
			closeMenu();
 }
 }
}

ScrollAnimation

/**
 * 让指定view在一段时间内scrollTo到指定位置
 * @author Administrator
 *
 */
public class ScrollAnimation extends Animation{
 private View view;
 private int targetScrollX;
 private int startScrollX;
 private int totalValue;
 public ScrollAnimation(View view, int targetScrollX) {
 super();
 this.view = view;
 this.targetScrollX = targetScrollX;
		startScrollX = view.getScrollX();
		totalValue = this.targetScrollX - startScrollX;
 int time = Math.abs(totalValue);
		setDuration(time);
 }
 /**
	 * 在指定的时间内一直执行该方法,直到动画结束
	 * interpolatedTime:0-1  标识动画执行的进度或者百分比
	 * time :  0   - 0.5  - 0.7  -   1
	 * value:  10  -  60  -  80  -  110
	 * 当前的值 = 起始值 + 总的差值*interpolatedTime
	 */
 @Override
 protected void applyTransformation(float interpolatedTime,
 Transformation t) {
 super.applyTransformation(interpolatedTime, t);
 int currentScrollX = (int) (startScrollX + totalValue*interpolatedTime);
		view.scrollTo(currentScrollX, 0);
 }
}

MainActivity

public class MainActivity extends Activity {
 private ImageView btn_back;
 private SlideMenu slideMenu;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		btn_back = (ImageView) findViewById(R.id.btn_back);
		slideMenu = (SlideMenu) findViewById(R.id.slideMenu);
		btn_back.setOnClickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
				slideMenu.switchMenu();
 }
 });
 }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏郭霖

Android 3D滑动菜单完全解析,实现推拉门式的立体特效

在上一篇文章中,我们学习了Camera的基本用法,并借助它们编写了一个例子,实现了类似于API Demos里的图片中轴旋转功能。不过那个例子的核心代码是来自于A...

34910
来自专栏Android源码框架分析

三句代码创建全屏Dialog或者DialogFragment:带你从源码角度实现全屏Dialog

Dialog是APP开发中常用的控件,同Activity类似,拥有独立的Window窗口,但是Dialog跟Activity还是有一定区别的,最明显的就是:默认...

3694
来自专栏水击三千

TimePicker控件、帧动画、补间动画

1.TimePicker控件 最近感觉每个开发平台的控件基本都差不多,在Android中控件的事件和.net控件直接写事件有一定的区别,net事件可以直接界面进...

27410
来自专栏学海无涯

Android开发之Activity转场动画

引子 相信开发过iOS的程序员都知道iOS ViewController之间的跳转动画非常多,很酷对不对?这让开发Android的羡慕不已,曾几何时,Andro...

4256
来自专栏Android Note

Android-水平和垂直方向都可滑动的RecycleView

1842
来自专栏Android机动车

轻松实现右滑关闭当前Activity

常常可以看到,很多Android应用都有这么一个功能,就是滑动关闭Activity,比如微信,CSDN移动端,百度贴吧移动端等。我自己也想写个滑动关闭Activ...

841
来自专栏Android干货园

Android--仿淘宝商品详情(继续拖动查看详情)及标题栏渐变

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/80...

1421
来自专栏三好码农的三亩自留地

教你搞定Android自定义ViewGroup

我们知道ViewGroup就是View的容器类,我们经常用的LinearLayout,RelativeLayout等都是ViewGroup的子类,因为ViewG...

761
来自专栏Android相关

Android遇到的一些小问题

UE希望调整文本行间距,原来只记得有lineSpacing的属性,而且只能调整行间距的倍数。

842
来自专栏Android开发与分享

【Android】造轮子:轮播图

4025

扫码关注云+社区

领取腾讯云代金券