以动画方式切换View的组件 ViewFlipper 组件

最新推荐文章于 2022-04-23 16:07:51 发布

109905418

最新推荐文章于 2022-04-23 16:07:51 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 动画文章标签： android

本文链接：https://blog.youkuaiyun.com/aduovip/article/details/6741446

Android 动画专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Android的ViewFlipper实现视图间的动画切换，包括水平移动与淡入淡出效果。通过设置不同的XML动画文件，实现触摸事件触发下的视图切换。

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

android.widget.ViewFlipper 类可以实现不同View 之间的切换

要实现View切换，关键是通过ViewFlipper 类的setInAnimation 和setOutAnimation方法设置下一个View进入和上一个View出去的动画

在本示例中，要为水平移动和淡入淡出效果分别编写两个动画文件。水平移动的动画文件内容如下:

translate_in.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"

android:interpolator="@anim/linear_interpolator" android:fromXDelta="320" android:toDelta="0" android:fromYDelta="0" android:toDelta="0" android:duration="3000" />

translate_out.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"

android:interpolator="@anim/linear_interpolator" android:fromXDelta="0" android:toDelta="-320" android:fromYDelta="0" android:toDelta="0" android:duration="3000" />

淡入淡出效果的动画文件如下：

alpha_in.xml

alpha_out.xml

下面是触摸事件方法的代码:

public boolean onTouch(View view, MotionEvent event)
{
      switch (view.getId())
      {
            case R.id.imageview1:
             viewFlipper.setInAnimation(translateIn);
             viewFlipper.setOutAnimation(translateOut);
             break;
            case R.id.imageview2:
              viewFlipper.setInAnimation(alphaIn);
              viewFlipper.setOutAnimation(alphaOut);
              break;
           case R.id.imageview3:
               viewFlipper.setInAnimation(translateIn);
               viewFlipper.setOutAnimation(translateOut);
             break;
     }
  viewFlipper.showNext();
  return false;
}