• ViewPager2 PageTransformer


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

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

    1. Banner banner = getViewHolder().banner;
    2. int width = banner.getWidth();//todo:需要减去左右margin
    3. //控件高度
    4. int height = (int)(140.f/343f*width*0.75);
    5. banner.getLayoutParams().height = height;
    6. double bianjie = 101.5f/342.0*width;
    7. 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

  • 相关阅读:
    AJAX
    [附源码]java毕业设计选课管理系统
    java计算机毕业设计水星家纺网站源码+系统+数据库+lw文档+mybatis+运行部署
    linux安全--Nginx与Tomcat实现负载均衡
    2023年9月25日,历史上的今天大事件早读
    快速学习nginx反向代理
    向文件最后一行添加字符串
    12.7.1 实验7:实施路由器密码恢复
    零基础带你基于vue2架构搭建qiankun父子项目微前端架构
    国内新能源汽车充电桩市场发展研究
  • 原文地址:https://blog.csdn.net/lxmhuendan/article/details/133149307