Android ViewPager自定义动画切换实战

在Android开发中，`ViewPager`是一个极其常用的控件，主要用于展示多个页面，用户可以通过滑动切换不同页面。然而，随着应用对个性化体验需求的提升，单一的页面切换动画已经无法满足开发者的需求。`ViewPager`提供了一个关键接口`setPageTransformer`，允许开发者自定义页面之间的动画效果，使得过渡更加生动和吸引人。 实现一个简单的动画切换，首先需要在布局文件中设置`ViewPager`的基础结构。如下面的XML代码所示： ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/view_pager_box" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_margin="10dp" android:layout_width="wrap_content" android:layout_height="120dp" android:background="@android:color/white" /> <!-- 可选：设置背景色以便观察动画 --> </LinearLayout> ``` 在这个布局中，我们创建了一个`LinearLayout`，包含一个`ViewPager`组件，用于承载各个页面。`layout_width="wrap_content"`确保`ViewPager`可以根据内容自动调整宽度。 在`MainActivity.java`中，我们需要配置`PagerAdapter`和`ViewPager`，并设置自定义的动画效果。以下是一段示例代码： ```java import android.app.Activity; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.ImageView.ScaleType; public class MainActivity extends Activity { private ViewPager viewPager; private int[] imageIds = new int[]{R.drawable.image1, R.drawable.image2, R.drawable.image3}; // 替换为实际的图片资源ID @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = findViewById(R.id.viewpager); viewPager.setOffscreenPageLimit(3); // 设置缓存页数，减少内存消耗 CustomPagerAdapter adapter = new CustomPagerAdapter(getSupportFragmentManager(), imageIds); viewPager.setAdapter(adapter); // 实现自定义动画 viewPager.setPageTransformer(true, new CustomTransformer()); // 使用自定义的PageTransformer } // 定义适配器类，这里省略具体实现 class CustomPagerAdapter extends PagerAdapter { // ... 填充视图，创建ViewHolder等方法... } // 自定义的PageTransformer接口实现，例如使用ZoomIn/out或FadeIn/out效果 class CustomTransformer implements ViewPager.PageTransformer { @Override public void transformPage(View page, float position) { if (position < -1 || position > 1) { // 当滑动到边缘时 page.setAlpha(0.0f); // 设置透明度为0，隐藏页面 } else if (position <= -0.5f) { // 当向左滑动 page.setTranslationX(position * -1000); // 左移，数值根据需求调整 page.setAlpha(1.0f - Math.abs(position) * 0.2f); // 随着滑动减小透明度 } else if (position <= 0.5f) { // 当向右滑动 page.setTranslationX(position * 1000); // 右移，数值根据需求调整 page.setAlpha(1.0f - Math.abs(position) * 0.2f); // 同理减小透明度 } else { // 当滑动到当前页面 page.setTranslationX(0); page.setAlpha(1.0f); } } } } ``` 这段代码中，我们创建了一个`CustomPagerAdapter`来填充`ViewPager`的页面，并设置了自定义的`CustomTransformer`作为`setPageTransformer`的参数。这个自定义的`PageTransformer`实现了当页面滑入或滑出时的动画效果，如简单的缩放和平移配合透明度变化。你可以根据需求调整动画细节，比如速度、方向、平滑度等。 通过这种方式，开发者可以灵活地为`ViewPager`添加丰富的动画效果，提升用户体验，使其在Android应用中更具吸引力。