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

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

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

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

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

 

 

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

package com.MapBee.Act;





import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.animation.AnimationUtils;
import android.widget.GridView;
import android.widget.ViewFlipper;

import com.MapBee.Component.Adapter.CommonAdapter;
import com.MapBee.Component.Adapter.WbLayoutInflater;
import com.MapBee.Component.Listener.MyGustureListener;

public class MyFlipperActivity extends Activity{
    /** Called when the activity is first created. */
    private ArrayList<Object> contentList;
    private ArrayList<Object> contentList1;
    private ViewFlipper flipper;
    private View itemView;
    private View itemView1;
    
    private GridView fliperGridView;
    private GridView fliperGridView1;
    private GestureDetector detector;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        contentList=new ArrayList<Object>();
        contentList1=new ArrayList<Object>();
        //add data 
        contentList.add("Contacts");
        contentList.add("Phone");
        contentList.add("Message");
        contentList.add("E-mail");
        contentList.add("Game");
        contentList.add("Foods");
        contentList.add("Game");
        contentList.add("Game");
        
        
        contentList1.add("Sports");
        contentList1.add("Sports");
        contentList1.add("Sports");
        contentList1.add("Sports");
        contentList1.add("Sports");
      
        
       
        
        flipper = (ViewFlipper) this.findViewById(R.id.main_ViewFlipper);//主界面
        itemView=getItemView();
        itemView1=getItemView1();
         MyGustureListener guestureListener=new MyGustureListener(this,flipper);
         detector = new GestureDetector(guestureListener);
        
    //set adpt
        
        fliperGridView=(GridView)itemView.findViewById(R.id.layout_flipview1_gridview);
        CommonAdapter adpt=new CommonAdapter(this, R.layout.layout_flipview_item,
                R.id.layout_flipview_item_textName, 0x11, contentList);
        adpt.setItem_count(contentList.size());
        fliperGridView.setAdapter(adpt);
             //这里需要注意，不加这个事件，在Gridview中无法触发手势事件，估计是GridView中的Scroll事件占优的原因吧。纯属个人观点有不同的欢迎交流
        fliperGridView.setOnTouchListener(new OnTouchListener() {
            
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                return detector.onTouchEvent(event);
            }
        });
        
        //这里的CommonAdapter可以不用理会，自己写一个Adapter然后Set一下就OK了
        fliperGridView1=(GridView)itemView1.findViewById(R.id.layout_flipview2_gridview);
        CommonAdapter adapter=new CommonAdapter(this, R.layout.layout_flipview_item,
                R.id.layout_flipview_item_textName, 0x11, contentList1);
        adapter.setItem_count(contentList1.size());
        fliperGridView1.setAdapter(adapter);
        //这里需要注意，不加这个事件，在Gridview中无法触发手势事件，估计是GridView中的Scroll事件占优的原因吧。纯属个人观点有不同的欢迎交流

        fliperGridView1.setOnTouchListener(new OnTouchListener() {
            
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                return detector.onTouchEvent(event);
            }
        });
        
        flipper.addView(itemView);
        flipper.addView(itemView1);
        
    
        
        
    }

    public View getItemView(){
        WbLayoutInflater wli=new WbLayoutInflater(this);
        wli.setViewFromItemLayout(R.layout.layout_flipview1);
        return wli.getItemView();
    }
    public View getItemView1(){
        WbLayoutInflater wli=new WbLayoutInflater(this);
        wli.setViewFromItemLayout(R.layout.layout_flipview2);
        return wli.getItemView();
    }
   
 
    
    
119      //这里是注册一个触发手势的事件。 
    public boolean onTouchEvent(MotionEvent event) {
        
        if(detector.onTouchEvent(event)){
            System.out.println("fliperGridView on toch");
            return true;
        }
        else 
            return false;
        
    }
    
   
    
    
}

 下面是Listener：

package com.MapBee.Component.Listener;

import android.app.Activity;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.animation.AnimationUtils;
import android.widget.ViewFlipper;

import com.MapBee.Act.R;

public class MyGustureListener implements OnGestureListener{
    private Activity activity;
    private ViewFlipper flipper;
    public MyGustureListener(Activity activity,ViewFlipper flipper){
        this.activity=activity;
        this.flipper=flipper;
    }
    public boolean onDown(MotionEvent e) {
        // TODO Auto-generated method stub
        System.out.println("ondown");
        return true;
    }
23     //这是监听器主要的部分吧。手势要做什么就在这里写什么吧。 
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
            float velocityY) {
        if (e1.getX() - e2.getX() > 120) {
            flipper.setInAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_left_in));
            flipper.setOutAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_left_out));
            flipper.showNext();
            return true;
        } else if (e1.getX() - e2.getX() < -120) {
            flipper.setInAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_right_in));
            flipper.setOutAnimation(AnimationUtils.loadAnimation(activity, R.anim.push_right_out));
            flipper.showPrevious();
            return true;
        }
        return false;
    }

    public void onLongPress(MotionEvent e) {
        // TODO Auto-generated method stub
        
    }

    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
            float distanceY) {
        // TODO Auto-generated method stub
        return true;
    }

    public void onShowPress(MotionEvent e) {
        // TODO Auto-generated method stub
        
    }

    public boolean onSingleTapUp(MotionEvent e) {
        // TODO Auto-generated method stub
        return true;
    }

}