安卓中Viewpager 的兄弟控件“ViewFlipper” 使用

相信大家都很熟悉ViewPager的数据 今天我们来讲一讲他的兄弟控件ViewFlipper 这个现在很多软件上都有的使用的控件比如京东的APP

首先看一下官网的介绍 

 Simple ViewAnimator that will animate between two or more views that have been added to it. Only one child is shown at a time. If requested, can automatically flip between each child at a regular interval.

意思是说 它将在两个或多个已添加到其中的视图之间进行动画处理。一次只能展示一个孩子。如果需要，可以定期在每个孩子之间自动翻转。

具体的使用也是非常简单啦 首先在我们的xml中写一下这个控件

然后初始化一下 就可以使用啦 先附上代码  

需要注意的几个属性：

startFlipping();设置开始翻转

setFlipInterval(2000);设置翻转的时间

public class MainActivity extends AppCompatActivity {

    private ViewFlipper vf;
    private int viewIds[] = {R.layout.layoutred, R.layout.layout2, R.layout.layout3, R.layout.layout4};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
        vf.startFlipping();
    }
    private void initData() {

//        for (int i = 0; i <10 ; i++) {
//            TextView textView = new TextView(MainActivity.this);
//            textView.setText("喜欢饭饭"+i);
//            vf.addView(textView);
//        }

        View itemView;
        for (int viewId : viewIds) {
            itemView = View.inflate(this,viewId,null);
            vf.addView(itemView);
        }
    }
    private void initView() {
        vf = (ViewFlipper) findViewById(R.id.vf);
        vf.setFlipInterval(2000);
        //设置viewFlipper的入场动画和离场动画
        //组合动画  透明度  位移
        //离场动画
        AlphaAnimation alphaOutAnimation = new AlphaAnimation(1, 0);
        TranslateAnimation translateOutAnimation = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_SELF, 0,
                TranslateAnimation.RELATIVE_TO_SELF, 0,
                TranslateAnimation.RELATIVE_TO_SELF, 0,
                TranslateAnimation.RELATIVE_TO_SELF, -1);
        AnimationSet animationOutSet = new AnimationSet(false);
        animationOutSet.addAnimation(alphaOutAnimation);
        animationOutSet.addAnimation(translateOutAnimation);
        animationOutSet.setDuration(500);
        //入场动画
        AlphaAnimation alphaInAnimation = new AlphaAnimation(0, 1);
        TranslateAnimation translateInAnimation = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_SELF, 0,
                TranslateAnimation.RELATIVE_TO_SELF, 0,
                TranslateAnimation.RELATIVE_TO_SELF, 1,
                TranslateAnimation.RELATIVE_TO_SELF, 0);

        AnimationSet animationInSet = new AnimationSet(false);
        animationInSet.addAnimation(alphaInAnimation);
        animationInSet.addAnimation(translateInAnimation);
        animationInSet.setDuration(500);

        //将这两个动画设置给viewFlipper
        vf.setInAnimation(animationInSet);
        vf.setOutAnimation(animationOutSet);
    }
}
上述代码中添加方式一种是动态的创建Textview 另一种则是加载布局
当然ViewFlipper也支持include标签添加页面，我们只需在activity_main.xml中将四个布局依次include进去即可。最后加上我们的动画效果就完成啦 具体的动画可以根据你的需求来啦，是不是非常的方便