3.ViewFlipper的使用（上下翻滚轮播效果）

最新推荐文章于 2025-07-23 10:25:43 发布

猴菇同学

最新推荐文章于 2025-07-23 10:25:43 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android

本文链接：https://blog.youkuaiyun.com/qq_31715429/article/details/50972357

Android 专栏收录该内容

62 篇文章

订阅专栏

本文介绍了如何在Android中使用ViewFlipper控件创建上下翻滚的轮播效果，包括在Java代码和XML布局文件中的实现步骤，并提到了动画资源文件的使用。

转载请注明出处　http://blog.youkuaiyun.com/qq_31715429/article/details/50972357
本文出自：猴菇先生的博客

一种可以设置滑动动画的控件，只显示一行布局，在布局文件中的ViewFlipper控件中顺序写好每一行的布局
(1).MainActivity.java:

    ViewFlipper mFlipper = ((ViewFlipper) this.findViewById(R.id.flipper));
    mFlipper.startFlipping();
    // 设置进入动画
    mFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_up_in));  
    // 设置滚出动画
    mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_up_out));

(2).activity_main.xml:

<ViewFlipper
    android:id="@+id/flipper"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dip"
    android:flipInterval="3000" >  // 设置滑动间隔时间（毫秒）

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:text="@string/animation_2_text_1"
        android:textSize="26sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:text="@string/animation_2_text_2"
        android:textSize="26sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:text="@string/animation_2_text_3"
        android:textSize="26sp" />
</ViewFlipper>

(3).push_up_in.xml:（动画资源文件）

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromYDelta="100%p" android:toYDelta="0" android:duration="300"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />
</set>

push_up_out.xml:

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromYDelta="0" android:toYDelta="-100%p" android:duration="300"/>
    <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="300" />
</set>