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
样式很多,就不一一展示出来了,这里只是随机的展示出来了几种
下面我们就来看一下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
相关文章推荐
- Android App开发中ViewPager组件的入门使用教程
- 使用ViewPager实现高仿launcher左右拖动效果
- Android App中用Handler实现ViewPager页面的自动切换
- Android应用中使用ViewPager实现类似QQ的界面切换效果
- Android中ViewPager组件的基本用法及实现图片切换的示例
- 灵活使用Android中ActionBar和ViewPager切换页面
- Android实现千变万化的ViewPager切换动画
- Android中viewPager使用指南
- Android 使用 ViewPager循环广告位的实现
- Android中ViewPager实现滑动指示条及与Fragment的配合
- 详解Android App中ViewPager使用PagerAdapter的方法
- Android viewpager中动态添加view并实现伪无限循环的方法
- Android应用中使用ViewPager和ViewPager指示器来制作Tab标签
- Android ViewPager制作新手导航页(动态加载)
- 详解Android App中创建ViewPager组件的方法
- Android App中ViewPager与Fragment结合的一些问题解决
- 实现轮转广告带底部指示的自定义ViewPager控件
- 自定义RadioButton和ViewPager实现TabHost带滑动的页卡效果
- 实例讲解Android中ViewPager组件的一些进阶使用技巧
- Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果