Android基础入门教程——2.4.13 ViewFlipper(翻转视图)的基本使用
标签（空格分隔）： Android基础入门教程
本节引言：
本节给大家带了的是ViewFlipper，它是Android自带的一个多页面管理控件，且可以自动播放！ 和ViewPager不同，ViewPager是一页页的，而ViewFlipper则是一层层的，和ViewPager一样，很多时候， 用来实现进入应用后的引导页，或者用于图片轮播，本节我们就使用ViewFlipper写一个简单的图片 轮播的例子吧~官方API：ViewFlipper
1.为ViewFlipper加入View的两种方法1）静态导入
所谓的静态导入就是像图中这样，把个个页面添加到ViewFlipper的中间！
2）动态导入
通过addView方法填充View
2.常用的一些方法3.使用实例1）示例1：使用ViewFlipper实现图片轮播(静态导入)
实现效果图：
实现代码：
每个页面的布局都是一个简单的ImageView，这里就不贴了~先贴下两个进入以及 离开的动画：
right_in.xml：
=”http://schemas.android.com/apk/res/android”><translate=”0″ /></set>
right_out.xml：
=”http://schemas.android.com/apk/res/android” ><translate=”-100%p” /></set>
然后是activity_main.xml布局文件：
==”match_parent”tools:context=”.MainActivity”><ViewFlipper======>
这里我们设置了flipInterval = 3000，即每隔3000ms切还一个~ 最后我们只需在MainActivity.java中调用ViewFlipper的startFlipping()方法开始滑动！
MainActivity.java：
{private ViewFlipper vflp_help;(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);vflp_help = (ViewFlipper) findViewById(R.id.vflp_help);vflp_help.startFlipping();}}2）示例2：支持手势滑动的ViewFlipper(动态导入)
实现效果图：
代码实现：
因为我们分为进入上一页，进入下一页，所以除了上面的两个动画外，我们再添加两个动画：
left_in.xml：
=”http://schemas.android.com/apk/res/android” ><translate=”0″ /></set>
left_out.xml：
=”http://schemas.android.com/apk/res/android”><translate=”100%p” /></set>
MainActivity.java：
{private Context mContext;private ViewFlipper vflp_help;private int[] resId = {R.mipmap.ic_help_view_1,R.mipmap.ic_help_view_2,R.mipmap.ic_help_view_3,R.mipmap.ic_help_view_4};MIN_MOVE = 200; //最小距离private MyGestureListener mgListener;private GestureDetector mDetector;(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mContext = MainActivity.this;//实例化SimpleOnGestureListener与GestureDetector对象mgListener = new MyGestureListener();mDetector = new GestureDetector(this, mgListener);vflp_help = (ViewFlipper) findViewById(R.id.vflp_help);//动态导入添加子Viewfor(int i = 0;i < resId.length;i++){vflp_help.addView(getImageView(resId[i]));}}(MotionEvent event) {return mDetector.onTouchEvent(event);}.(MotionEvent e1, MotionEvent e2, float v, float v1) {if(e1.getX() – e2.getX() > MIN_MOVE){vflp_help.setInAnimation(mContext,R.anim.right_in);vflp_help.setOutAnimation(mContext, R.anim.right_out);vflp_help.showNext();}else if(e2.getX() – e1.getX() > MIN_MOVE){vflp_help.setInAnimation(mContext,R.anim.left_in);vflp_help.setOutAnimation(mContext, R.anim.left_out);vflp_help.showPrevious();}return true;}}private ImageView getImageView(int resId){ImageView img = new ImageView(this);img.setBackgroundResource(resId);return img;}}
代码要点解析：
1.这里我们通过动态的方法添加View，这里只是简单的ImageView，可根据自己需求进行扩展！ 2.相信细心的你发现了，这里我们的手势用的不是通过onTouchEvent直接判断的，然后重写 onTouch事件，对Action进行判断，然后如果是MotionEvent.ACTION_MOVE的话，就执行下述代码：
相信优美的生命，就是一曲无字的挽歌，
