ViewPager使用PageTransformer的各种切换的效果

最新推荐文章于 2024-08-24 07:05:34 发布

WheatHusks

最新推荐文章于 2024-08-24 07:05:34 发布

阅读量5k

点赞数 1

文章标签： ViewPager setPageTransforme

本文链接：https://blog.csdn.net/shihuiyun/article/details/51753283

版权

在开发中ViewPager是经常用到的，自从Andriod3.0以后增加了动画的效果，让我们的App页面展示更加的生动，当然对于Viewpager来说，也增加了切换的动画。我们平时使用的是ViewPager的默认切换效果，ViewPager自带了一个setPageTransformer用于设置切换动画。先展示一下几种不同的ViewPager的切换效果图

样式很多，就不一一展示出来了，这里只是随机的展示出来了几种

下面我们就来看一下ViewPager怎么使用setPageTransformer，如图所示我们新建一个项目

我圈起来的地方就是各种动画的类，下面我们来看下主类的代码

package com.way.viewpager;

import com.way.indicator.CirclePageIndicator;
import com.way.transfor.ZoomOutTranformer;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.KeyEvent;
import android.view.View;

@SuppressWarnings("unused")
public class MainActivity extends FragmentActivity {
	/**
	 * 给ViewPager设置五页的展示页
	 */
	private static final int NUM_PAGES = 5;
	private ViewPager mPager;
	//底部圆点的设置
	private CirclePageIndicator mPageIndicator;
	private PagerAdapter mPagerAdapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 初始化
		mPager = (ViewPager) findViewById(R.id.pager);
		mPageIndicator = (CirclePageIndicator) findViewById(R.id.indicator);
		mPagerAdapter = new ScreenSlidePagerAdapter(getSupportFragmentManager());
		mPager.setAdapter(mPagerAdapter);
		mPageIndicator.setViewPager(mPager);
		// 在这里可以随意选择com.way.transfor包里的任意一种动画效果
		// mPager.setPageTransformer(true, new ZoomOutPageTransformer());
		//mPager.setPageTransformer(true, new DepthPageTransformer());
		mPager.setPageTransformer(true, new ZoomOutTranformer());

	}

	// 先一页页的退换出切换过的ViewPager页面在退出
	// @Override
	// public void onBackPressed() {
	// if (mPager.getCurrentItem() == 0) {
	//
	// super.onBackPressed();
	// } else {
	// mPager.setCurrentItem(mPager.getCurrentItem() - 1);
	// }
	// }

	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {

		if (keyCode == KeyEvent.KEYCODE_BACK) {

			finish();
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}

	// 使用FragmentPagerAdapter设置页面
	private class ScreenSlidePagerAdapter extends FragmentPagerAdapter {

		public ScreenSlidePagerAdapter(FragmentManager fm) {
			super(fm);
		}

		@Override
		public Fragment getItem(int position) {
			return TestFragment.newInstance(position);
		}

		@Override
		public int getCount() {
			return NUM_PAGES;
		}

	}
}

设置的方法很简单，只有一句代码 mpager.setPageTransformer( true,new XXX());你就可以给你的ViewPager设置各种切换的效果。

下面是本demo的下载地址，有需要的可以下载下来运行看看

http://download.csdn.net/detail/shihuiyun/9558556