安卓中Viewpager 的兄弟控件“ViewFlipper” 使用_andriod兄弟控件定义-优快云博客

本文介绍了Android中的ViewFlipper控件，它是ViewPager的兄弟组件，常用于在多个视图间进行动画切换。ViewFlipper允许一次显示一个视图，并可设置自动间隔切换。在XML布局中添加ViewFlipper并初始化后，即可实现其功能。文章提到了几个关键属性的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信大家都很熟悉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中写一下这个控件

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

   <ViewFlipper
       android:id="@+id/vf"
       android:layout_width="match_parent"
       android:layout_height="wrap_content">
   </ViewFlipper>

</android.support.constraint.ConstraintLayout>

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

需要注意的几个属性：

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进去即可。最后加上我们的动画效果就完成啦 具体的动画可以根据你的需求来啦，是不是非常的方便