android viewpager特效,GitHub - hongyangAndroid/MagicViewPager: 单页显示3个Item的ViewPager炫酷切换效果,适用于Banner等。...

MagicViewPager

单页显示3个Item的ViewPager炫酷切换效果,适用于Banner等。

效果图

Rotate Y

87891550b7219bcade13f1a743264353.gif

Rotate Down

466fa7abb247e1a75ff3a62517a16faf.gif

Rotate Up

dcc71f0eddb94a4a9c6d712a24bbbdf2.gif

Alpha

c9ce5a284bd49086cfdaeed4d48519cb.gif

ScaleIn

496a74d20022eee403bd7c34657a2323.gif

ScaleIn + Alpha + Rotate Down

42737c2b42f236e2725f7890b00a93ad.gif

使用

###(1)引入

compile `com.zhy:magic-viewpager:1.0.1`

###(2)示例

布局文件

android:layout_width="match_parent"

android:layout_height="160dp"

android:clipChildren="false"

android:layout_centerInParent="true"

android:background="#aadc71ff"

>

android:id="@+id/id_viewpager"

android:layout_width="match_parent"

android:layout_marginLeft="60dp"

android:clipChildren="false"

android:layout_marginRight="60dp"

android:layout_height="120dp"

android:layout_gravity="center"

>

注意外层android:layout_centerInParent="true".

编码

mViewPager.setPageMargin(20);//设置page间间距,自行根据需求设置

mViewPager.setOffscreenPageLimit(3);//>=3

mViewPager.setAdapter...//写法不变

//setPageTransformer 决定动画效果

mViewPager.setPageTransformer(true, new

RotateDownPageTransformer());

##目前可选动画

AlphaPageTransformer

RotateDownPageTransformer

RotateUpPageTransformer

RotateYTransformer

NonPageTransformer

ScaleInTransformer

动画间可以自由组合,例如:

mViewPager.setPageTransformer(true,

new RotateDownPageTransformer(new AlphaPageTransformer(new ScaleInTransformer())));

##致谢

本文是我在审公众号投稿时,由本篇文章产生灵感:Android超高仿QQ附近的人搜索展示(一) ,ps:欢迎关注我的公众号。

除上文外编码过程中参考:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值