您的位置:首页 > 编程语言 > PHP开发

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

2016-06-24 15:42 597 查看
在开发中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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息