Android 实现WP7风格，ViewFlipper加入手势

1.最近看到很多windows phone 的风格挺漂亮的，所以着手做了一个。

2.说一下现实方法吧：主界面，当然要一个ViewFlipper，然后ViewFlipper里面可以放你喜欢多的Layout啊，因为ViewFlipper是一个帧布局的Widget，加入手势会有更好的效果。

最后写几个Animation的XML文件用于滑动特效。根据自己喜欢了，网上教程有很多，大家可以参考下。

3.下面是我的运行效果：

 

 

 下面是主要代码，由于GridView中用到的Adapter是我自己封装baseAdapter的，有很多东西，所以就不给出来了。

  1 package com.MapBee.Act;

  2 

  3 

  4 

  5 

  6 

  7 import java.util.ArrayList;

  8 

  9 import android.app.Activity;

 10 import android.os.Bundle;

 11 import android.view.GestureDetector;

 12 import android.view.GestureDetector.OnGestureListener;

 13 import android.view.MotionEvent;

 14 import android.view.View;

 15 import android.view.View.OnTouchListener;

 16 import android.view.animation.AnimationUtils;

 17 import android.widget.GridView;

 18 import android.widget.ViewFlipper;

 19 

 20 import com.MapBee.Component.Adapter.CommonAdapter;

 21 import com.MapBee.Component.Adapter.WbLayoutInflater;

 22 import com.MapBee.Component.Listener.MyGustureListener;

 23 

 24 public class MyFlipperActivity extends Activity{

 25     /** Called when the activity is first created. */

 26     private ArrayList<Object> contentList;

 27     private ArrayList<Object> contentList1;

 28     private ViewFlipper flipper;

 29     private View itemView;

 30     private View itemView1;

 31     

 32     private GridView fliperGridView;

 33     private GridView fliperGridView1;

 34     private GestureDetector detector;

 35     

 36     @Override

 37     public void onCreate(Bundle savedInstanceState) {

 38         super.onCreate(savedInstanceState);

 39         setContentView(R.layout.main);

 40         contentList=new ArrayList<Object>();

 41         contentList1=new ArrayList<Object>();

 42         //add data 

 43         contentList.add("Contacts");

 44         contentList.add("Phone");

 45         contentList.add("Message");

 46         contentList.add("E-mail");

 47         contentList.add("Game");

 48         contentList.add("Foods");

 49         contentList.add("Game");

 50         contentList.add("Game");

 51         

 52         

 53         contentList1.add("Sports");

 54         contentList1.add("Sports");

 55         contentList1.add("Sports");

 56         contentList1.add("Sports");

 57         contentList1.add("Sports");

 58       

 59         

 60        

 61         

 62         flipper = (ViewFlipper) this.findViewById(R.id.main_ViewFlipper);//主界面

 63         itemView=getItemView();

 64         itemView1=getItemView1();

 65          MyGustureListener guestureListener=new MyGustureListener(this,flipper);

 66          detector = new GestureDetector(guestureListener);

 67         

 68     //set adpt

 69         

 70         fliperGridView=(GridView)itemView.findViewById(R.id.layout_flipview1_gridview);

 71         CommonAdapter adpt=new CommonAdapter(this, R.layout.layout_flipview_item,

 72                 R.id.layout_flipview_item_textName, 0x11, contentList);

 73         adpt.setItem_count(contentList.size());

 74         fliperGridView.setAdapter(adpt);
             //这里需要注意，不加这个事件，在Gridview中无法触发手势事件，估计是GridView中的Scroll事件占优的原因吧。纯属个人观点有不同的欢迎交流  75         fliperGridView.setOnTouchListener(new OnTouchListener() {

 76             

 77             public boolean onTouch(View v, MotionEvent event) {

 78                 // TODO Auto-generated method stub

 79                 return detector.onTouchEvent(event);

 80             }

 81         });

 82         

 83         //这里的CommonAdapter可以不用理会，自己写一个Adapter然后Set一下就OK了

 84         fliperGridView1=(GridView)itemView1.findViewById(R.id.layout_flipview2_gridview);

 85         CommonAdapter adapter=new CommonAdapter(this, R.layout.layout_flipview_item,

 86                 R.id.layout_flipview_item_textName, 0x11, contentList1);

 87         adapter.setItem_count(contentList1.size());

 88         fliperGridView1.setAdapter(adapter);
        //这里需要注意，不加这个事件，在Gridview中无法触发手势事件，估计是GridView中的Scroll事件占优的原因吧。纯属个人观点有不同的欢迎交流


 89         fliperGridView1.setOnTouchListener(new OnTouchListener() {

 90             

 91             public boolean onTouch(View v, MotionEvent event) {

 92                 // TODO Auto-generated method stub

 93                 return detector.onTouchEvent(event);

 94             }

 95         });

 96         

 97         flipper.addView(itemView);

 98         flipper.addView(itemView1);

 99         

100     

101         

102         

103     }

104 

105     public View getItemView(){

106         WbLayoutInflater wli=new WbLayoutInflater(this);

107         wli.setViewFromItemLayout(R.layout.layout_flipview1);

108         return wli.getItemView();

109     }

110     public View getItemView1(){

111         WbLayoutInflater wli=new WbLayoutInflater(this);

112         wli.setViewFromItemLayout(R.layout.layout_flipview2);

113         return wli.getItemView();

114     }

115    

116  

117     

118     

119      //这里是注册一个触发手势的事件。 

120     public boolean onTouchEvent(MotionEvent event) {

121         

122         if(detector.onTouchEvent(event)){

123             System.out.println("fliperGridView on toch");

124             return true;

125         }

126         else 

127             return false;

128         

129     }

130     

131    

132     

133     

134 }

 下面是Listener：

 1 package com.MapBee.Component.Listener;

 2 

 3 import android.app.Activity;

 4 import android.view.GestureDetector.OnGestureListener;

 5 import android.view.MotionEvent;

 6 import android.view.animation.AnimationUtils;

 7 import android.widget.ViewFlipper;

 8 

 9 import com.MapBee.Act.R;

10 

11 public class MyGustureListener implements OnGestureListener{

12     private Activity activity;

13     private ViewFlipper flipper;

14     public MyGustureListener(Activity activity,ViewFlipper flipper){

15         this.activity=activity;

16         this.flipper=flipper;

17     }

18     public boolean onDown(MotionEvent e) {

19         // TODO Auto-generated method stub

20         System.out.println("ondown");

21         return true;

22     }

23     //这是监听器主要的部分吧。手势要做什么就在这里写什么吧。 

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

25             float velocityY) {

26         if (e1.getX() - e2.getX() > 120) {

27             flipper.setInAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_left_in));

28             flipper.setOutAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_left_out));

29             flipper.showNext();

30             return true;

31         } else if (e1.getX() - e2.getX() < -120) {

32             flipper.setInAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_right_in));

33             flipper.setOutAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_right_out));

34             flipper.showPrevious();

35             return true;

36         }

37         return false;

38     }

39 

40     public void onLongPress(MotionEvent e) {

41         // TODO Auto-generated method stub

42         

43     }

44 

45     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,

46             float distanceY) {

47         // TODO Auto-generated method stub

48         return true;

49     }

50 

51     public void onShowPress(MotionEvent e) {

52         // TODO Auto-generated method stub

53         

54     }

55 

56     public boolean onSingleTapUp(MotionEvent e) {

57         // TODO Auto-generated method stub

58         return true;

59     }

60 

61 }