Android利用ViewFlipper实现随手势滑动视图间切换

main.xml是首页布局文件：

 

2. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:orientation="vertical" android:layout_width="fill_parent"
4.     android:layout_height="fill_parent">
5.     <viewflipper android:layout_width="fill_parent" android:id="@+id/myViewFlipper"
6.         android:layout_height="fill_parent">
7.         <linearlayout android:orientation="vertical"
8.             android:layout_width="fill_parent" android:layout_height="fill_parent">
9.         
10.             <imageview android:id="@+id/image1" android:src="@drawable/a1"
11.                 android:layout_width="fill_parent" android:layout_height="fill_parent">
12.             
13.          
14.         <linearlayout android:orientation="vertical"
15.             android:layout_width="fill_parent" android:layout_height="fill_parent">
16.             
17.             <imageview android:id="@+id/image1" android:src="@drawable/a2"
18.                 android:layout_width="fill_parent" android:layout_height="fill_parent">
19.             
20.         
21.         <linearlayout android:orientation="vertical"
22.             android:layout_width="fill_parent" android:layout_height="fill_parent">
23.             
24.             <imageview android:id="@+id/image3" android:src="@drawable/a3"
25.                 android:layout_width="fill_parent" android:layout_height="fill_parent">
26.             
27.          
28.    

复制代码

在ViewFlipper中嵌套了3个LinearLayout，MainActivity主要代码如下：

1. public void onCreate(Bundle savedInstanceState) {
2.         super.onCreate(savedInstanceState);
3.         setContentView(R.layout.main);
4.         
5.         viewFlipper = (ViewFlipper)findViewById(R.id.myViewFlipper);
6.         //在代码中增加ViewFlipper中的视图
7.        viewFlipper.addView(getLayoutInflater().inflate(R.layout.textlayout, null),viewFlipper.getChildCount());
8.         
9.         gestureDetector = new GestureDetector(new OnGestureListener() {
10.             
11.             @Override
12.             public boolean onSingleTapUp(MotionEvent e) {
13.                 // TODO Auto-generated method stub
14.                 return false;
15.             }
16.             
17.             @Override
18.             public void onShowPress(MotionEvent e) {
19.                 // TODO Auto-generated method stub
20.                
21.             }
22.             
23.             @Override
24.             public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
25.                     float distanceY) {
26.                 // TODO Auto-generated method stub
27.                 return false;
28.             }
29.             
30.             @Override
31.             public void onLongPress(MotionEvent e) {
32.                 // TODO Auto-generated method stub
33.                
34.             }
35.             
36.             @Override
37.             public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
38.                     float velocityY) {
39.                 if(velocityX>0){
40.                     viewFlipper.showNext();
41.                 }else {
42.                     viewFlipper.showPrevious();
43.                 }
44.                 return false;
45.             }
46.             
47.             @Override
48.             public boolean onDown(MotionEvent e) {
49.                 // TODO Auto-generated method stub
50.                 return false;
51.             }
52.         });
53.     }
54.    
55.     @Override
56.     public boolean onTouchEvent(MotionEvent event) {
57.         gestureDetector.onTouchEvent(event);
58.         return super.onTouchEvent(event);
59.     }

复制代码

其中onFling方法实现了随手势左右滑动，视图间不断切换。

1. viewFlipper.addView(getLayoutInflater().inflate(R.layout.textlayout, null),viewFlipper.getChildCount());

复制代码

实现了在代码中添加View。关于手势的用法参见Android实现简单移动动画。

转载于:https://www.cnblogs.com/ou10209019/archive/2012/07/27/2611395.html