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);