Android手势翻页效果

核心提示：4. this.flipper.showNext();//显示flipper中的下一个view5. return true;6. }@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocity

4. this.flipper.showNext();//显示flipper中的下一个view

5. return true;

6. }

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

float velocityY) {

this.flipper.showNext();//显示flipper中的下一个view

return true;

}

现在可以运行一下看看效果了.你会发现当鼠标滑动时画面只是很简单的从Step 1变成Step 2,并没有那种画面滑动的效果,而且无论你从左向右滑动还是从右向左滑动都是按照同一个顺序,现在我们修改一些,让效果更炫一点.

先在res目录下创建anim目录,并创建4个基于Animation的xml文件,分别命名为：left_in.xml,left_out.xml,right_in.xml,right_left.xml

内容分别为：

left_in.xml:

Java代码

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

2. < set xmlns:android="http://schemas.android.com/apk/res/android">

3. < translate android:fromXDelta="100%p" android:toXDelta="0"

4. android:duration="500" />

5. < /set>

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

< set xmlns:android="http://schemas.android.com/apk/res/android">

< translate android:fromXDelta="100%p" android:toXDelta="0"

android:duration="500" />

< /set>

left_out.xml:

Java代码

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

2. < set xmlns:android="http://schemas.android.com/apk/res/android">

3. < translate android:fromXDelta="0" android:toXDelta="-100%p"

4. android:duration="500" />

5. < /set>

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

< set xmlns:android="http://schemas.android.com/apk/res/android">

< translate android:fromXDelta="0" android:toXDelta="-100%p"

android:duration="500" />

< /set>

right_in.xml: