滑屏手势

android系统默认的滑屏手势

activity_main.xml

<LinearLayout 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="${relativePackage}.${activityClass}" >

   	<ViewFlipper
   	    android:layout_width="fill_parent"
   	    android:layout_height="fill_parent"
   	    android:id="@+id/viewFlipper" 
   	    />

</LinearLayout>

这里要用到一个 ViewFlipper的控件

滑屏的三个界面，这里只是简单的页面，设置不同的背景色来演示下不同的页面的切换效果

item1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:background="#FF0000">
  
</LinearLayout>

其他的item2.xml  以及item3.xml换背景颜色，来显示效果

MainActivity.java

package com.example.xzzc;


import android.os.Bundle;
import android.app.Activity;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ViewFlipper;
/*
 * 
 * 手势是指用户在屏幕滑动手指所产生的事件
 * 利用手势可以实现一些人体动作的操作方式:滑屏
 * 
 * 要实现手势功能首先需要创建一个手势探测器
 */
public class MainActivity extends Activity implements OnGestureListener{
    //创建一个手势探测器
	GestureDetector detector ;
    ViewFlipper viewflipper;
    int count=1;
    
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		接触接触屏一刹那，触发一个MotionEvent事件。
        // 该事件被OnTouchListener监听，在其onTouch()方法里获得该MotionEvent对象。
        //通过GestureDetector（手势识别器）转发次MotionEvent对象至OnGestureListener。
		detector.onTouchEvent(event);
		return super.onTouchEvent(event);
	}

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		detector=new GestureDetector(this);
		//获取ViewFlipper控件
		viewflipper=(ViewFlipper)findViewById(R.id.viewFlipper);
		//为ViewFlipper添加页面,和TabHost不一样地方在于
		//TabHost的每一个选项就是一个Activity
		//而ViewFlipper的每一个页面是一个View(布局),获取布局并且加入到ViewFlipper控件中
		View view1=LayoutInflater.from(this).inflate(R.layout.item1, null);
		viewflipper.addView(view1);
		View view2=LayoutInflater.from(this).inflate(R.layout.item2, null);
		viewflipper.addView(view2);
		View view3=LayoutInflater.from(this).inflate(R.layout.item3, null);
		viewflipper.addView(view3);
	
	}
	
	//当滑动手指完成的时候调用
	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		//当滑动结束后,根据滑动的方向判断是上一页还是下一页,然后切换ViewFlipper的内容
		//第一个点的坐标如果大于第二个点的坐标，就是从有向左，这里定义的50，是因为如果e1.getX()-e2.getX()>0
		//那么及时不是滑屏的手势也会被当做滑屏来处理，所以间距设置大一点，以此来说明这个是滑屏操作
		//系统默认的进入从左边，出去冲 右边，如果不想用系统默认的可以自定义
		if(e1.getX()-e2.getX()>50){
			//从右向左,下一页
			//加入切换动画
			viewflipper.setOutAnimation(this, android.R.anim.slide_out_right);
			viewflipper.setInAnimation(this, android.R.anim.slide_in_left);
			viewflipper.showNext();
			//如果到最后一张了就不执行了
			if(count==3){
				return false;
			}
			count++;
		}else if(e2.getX()-e1.getX()>50){
			//上一页，从左到右
			viewflipper.setInAnimation(this, android.R.anim.slide_in_left);
			viewflipper.setOutAnimation(this, android.R.anim.slide_out_right);
			//如果到第一页就不执行上一页的操作
			if(count==1){
				return false;
			}
			count--;
			viewflipper.showPrevious();
			
		}
		return false;
	}
	
	
	
	//按下方法，任何操作必定会首先触发的方法
		@Override
		public boolean onDown(MotionEvent e) {
			//Log.v("TAG", "onDown方法");
			return false;
		}
		//按下后不移动的时候会调用该方法
		@Override
		public void onShowPress(MotionEvent e) {
			//Log.v("TAG", "onShowPress方法");
		}
		
		//在快速按下并马上松开的时候会作为结束方法调用
		@Override
		public boolean onSingleTapUp(MotionEvent e) {
			//Log.v("TAG", "onSingleTapUp方法");
			return false;
		}

		//长按时触发,在onShowPress之后
		@Override
		public void onLongPress(MotionEvent e) {
			//Log.v("TAG", "onLongPress方法");
		}
		//当滑动手指的时候调用
		@Override
		public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
				float distanceY) {
			//Log.v("TAG", "onScroll方法");
			//Log.v("TAG", "滑动中x:"+(e2.getX()-e1.getX())+",y:"+(e2.getY()-e1.getY())+",间距x:"+distanceX+",y:"+distanceY);
			return false;
		}
	
	

}

系统的自定义中只有slide_in_left   slide_in_left，我们通过鼠标点击加ctrl查看源代码可看到slide_in_left的XML

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromXDelta="-50%p" android:toXDelta="0"
            android:duration="@android:integer/config_mediumAnimTime"/>
<alpha android:fromAlpha="0.0" android:toAlpha="1.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

其实滑入就是alpha从0.0变为1.0，XDelta从-50%p到0的过程，系统将左边框设置为0%点，那滑出之前的位置就是50%，滑出0到50%p，参照这样的原理我们可以自定义滑进或者滑出的方式

自定义滑屏手势

在以上基础上，在res下建立anim,新建

slide_in_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:fromXDelta="150%p" android:toXDelta="0"
            android:duration="@android:integer/config_mediumAnimTime"/>
	<alpha android:fromAlpha="0.0" android:toAlpha="1.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

slide_out_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:fromXDelta="0%p" android:toXDelta="-50%p"
            android:duration="@android:integer/config_mediumAnimTime"/>
	<alpha android:fromAlpha="1.0" android:toAlpha="0.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

MainActivity.java 中只需要对一下部分做更改即可

viewFlipper.setOutAnimation(this,R.anim.slide_out_left);
viewFlipper.setInAnimation(this, R.anim.slide_in_right);