第二步:为应用程序的Activity的TouchEvent事件绑定监听器,在事件处理中指定Activity上的TouchEvent事件交给GestureDetector处理。例如:detector.OnTouchEvent(event)
例子:那么现在我们使用手势检测实现一个小demo ,相当于简单的一个图片浏览器: ViewFlipper组件,该组件可使用动画控制多个组件之间的切换效果 flipper.setInAnimation()设置组件进入的动画 flipper.setOutAnimation()设置组件出去的动画 flipper.showPrevious()显示上一个视图
flipper.showNext()显示下一个视图
代码:
首先是XML布局文件:
<?xml version="1.0" encoding="utf-8"?> <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="com.zking.g150715_android21_gesture.MainActivity"> <ViewFlipper android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/vf_main_image" > </ViewFlipper> </LinearLayout> 1234567891011121314 1234567891011121314
接下来就是Java文件
public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener{ private ViewFlipper vf_main_image; private int images[]={R.drawable.s1,R.drawable.s2,R.drawable.s3}; private GestureDetector gesture; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); vf_main_image = (ViewFlipper) findViewById(R.id.vf_main_image); //给ViewFilpper设置适配器(不能) for (int i = 0; i < images.length; i++) { ImageView iv=new ImageView(this); iv.setImageResource(images[i]); vf_main_image.addView(iv); } //实例化一个手势检测器的类 gesture = new GestureDetector(this,this); } @Override public boolean onTouchEvent(MotionEvent event) { return gesture.onTouchEvent(event); } @Override public boolean onDown(MotionEvent motionEvent) { Log.i("test","按下"); return false; } @Override public void onShowPress(MotionEvent motionEvent) { Log.i("test","按下,按下但是还没有开始移动"); } @Override public boolean onSingleTapUp(MotionEvent motionEvent) { Log.i("test","按一下"); return false; } @Override public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) { Log.i("test","滑动"); return false; } @Override public void onLongPress(MotionEvent motionEvent) { Log.i("test","长按"); } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) { if(e1.getX()-e2.getX()>=200){ Toast.makeText(MainActivity.this, "←←←←←", Toast.LENGTH_SHORT).show(); vf_main_image.showNext();//下一张 //左出左进 vf_main_image.setOutAnimation(this,R.anim.left_out); vf_main_image.setInAnimation(this,R.anim.left_in); }else if(e2.getX()-e1.getX()>=200){ Toast.makeText(MainActivity.this, "→→→→→", Toast.LENGTH_SHORT).show(); vf_main_image.showPrevious();//上一张 //右出右进 vf_main_image.setOutAnimation(this,R.anim.right_out); vf_main_image.setInAnimation(this,R.anim.right_in); } return false; } } 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
到现在就实现了,右滑上一张的功能和左滑下一张的功能,最后是动画文件
左进动画
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:fillAfter="true" > <!--左进--> <translate android:fromXDelta="-100%p" android:toXDelta="0" > </translate> <rotate android:fromDegrees="0" android:toDegrees="360" android:pivotY="50%" android:pivotX="50%" ></rotate> </set> 12345678910111213141516171819 12345678910111213141516171819左出动画
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:fillAfter="true" > <!--左出--> <translate android:fromXDelta="0" android:toXDelta="-100%p" > </translate> <rotate android:fromDegrees="0" android:toDegrees="360" android:pivotY="50%" android:pivotX="50%" ></rotate> </set> 12345678910111213141516171819 12345678910111213141516171819右进动画
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:fillAfter="true" > <!--左出--> <translate android:fromXDelta="100%p" android:toXDelta="0" > </translate> <rotate android:fromDegrees="0" android:toDegrees="360" android:pivotY="50%" android:pivotX="50%" ></rotate> </set> 12345678910111213141516171819 12345678910111213141516171819
右出动画
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:fillAfter="true" > <!--右出--> <translate android:fromXDelta="0" android:toXDelta="100%p" > </translate> <rotate android:fromDegrees="0" android:toDegrees="360" android:pivotY="50%" android:pivotX="50%" ></rotate> </set> 12345678910111213141516171819 12345678910111213141516171819