ViewPager切换动画(android3.0+)

最新推荐文章于 2025-06-04 09:02:18 发布

Junior_s

最新推荐文章于 2025-06-04 09:02:18 发布

阅读量412

点赞数

CC 4.0 BY-SA版权

分类专栏：移动app开发

本文链接：https://blog.csdn.net/u010126977/article/details/81032274

移动app开发专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用ViewPager组件实现屏幕间的过渡效果，包括布局配置及Java代码实现，并演示了通过PagerAdapter生成视图页面的方法。

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

一、ViewPager

ViewPager是Screen Slides的一种解决方案，引用android官方:

Screen slides are transitions between one entire screen to another and are common with UIs like setup wizards or slideshows.
ViewPagers can animate screen slides automatically.

类继承关系:
这里写图片描述
API中的解释:

Layout manager that allows the user to flip left and right through pages of data. You supply an implementation of a PagerAdapter to generate the pages that the view shows.

ViewPage就是个布局管理器，所管理的页面允许用户左右滑动来显示，开发者通过实现适配器(PagerAdapter)来生成这些视图页面，可以实现多页面的切换效果。

二、实现效果

这里写图片描述

三、实现方式

1、布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <android.support.v4.view.ViewPager
    android:id="@+id/id_viewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  </android.support.v4.view.ViewPager>
</RelativeLayout>

2、java代码

import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.ImageView;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity {

  private ViewPager viewPager;
  private int[] imgIds=new int[]{R.drawable.guide_image1,R.drawable.guide_image2,R.drawable.guide_image3};
  private List<ImageView> imgList=new ArrayList<ImageView>();

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //去标题
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.activity_main);
    viewPager=(ViewPager)findViewById(R.id.id_viewPager);
    //添加切换动画效果
    viewPager.setPageTransformer(true,new DepthPageTransformer());
    viewPager.setAdapter(new PagerAdapter() {
      //必须实现
      @Override
      public int getCount() {
        return imgIds.length;
      }
      //必须实现
      @Override
      public boolean isViewFromObject(View view, Object object) {
        return view==object;
      }
      @Override
      public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView=new ImageView(MainActivity.this);
        imageView.setImageResource(imgIds[position]);
        //为了不让变形
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        container.addView(imageView);
        imgList.add(imageView);
        return imageView;
      }
      @Override
      public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(imgList.get(position));
      }
    });
  }

}