ViewPager2 PageTransformer

首先:根据banner的宽度,计算高度

再计算单个的宽度,这个宽度不是固定值,是通过左右设置产生的。

Banner banner = getViewHolder().banner;
int width = banner.getWidth();//todo:需要减去左右margin
//控件高度
int height = (int)(140.f/343f*width*0.75);
banner.getLayoutParams().height = height;
double bianjie = 101.5f/342.0*width;
banner.setBannerGalleryMZ2((int)bianjie,0.809523f);

原理:

Position:可以理解为是一个… -2,-1,0,1,2-,…的数值动画,其中每个view同时获取不同的position.

View的动画:

  1. 移动:setTranslationX等,主要是从真实位置开始移动,单位是px
  2. 缩放:setScaleX等,1表示正常尺寸
  3. Alpha: setAlpha,1表示不透明,0表示全透明
  4. 旋转:setRotationX(),
  5. 摄像头距离:setCameraDistance()
  6. 锚点:setPivoteX, 涉及缩放,平移,旋转。以其为中心点。

这里在移动过程中根据position变化不停的平移+缩放+alpha来实现的。

注意事项:

  1. Position的值:是从-无穷到-2,-1,0,1,2-正无穷。取决于当前屏幕有多少可以显示的view, 也就是recycerview.并不是单纯的从 -2-2的区间
  2. 针对position在屏幕内存在过多的问题,你可以通过view.setTranslationX(0);
    恢复到原位置,让recyclerview移除他。
  3. 如果当前有7个,那么除了可见的几个,其他的可以设置alpha的值,让他不可见
  4. 所有变动最好都是线性的,否则会很突兀的动画变化。
  5. 为了不影响性能,一定要在不可见的时候停止动画,可见的时候启动动画。
  6. 关于压盖问题,目前采用Z值,但是Z值是从sdk21开始的。如果再往下兼容不能这么干!

未解决和待讨论:

1.从折叠屏展开到收起,很卡顿,目前解决办法是收起时隐藏掉viewpager2, 下一帧在显示出来。没有从根本解决这个问题。

后来发现,是设置数据冲突导致的,因为无限循环是设置了一个挺大的值(比如我设置成了 实际列表的333倍),走了这个最大列表的onBinderview

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值