Android开发技术分享

SlidingScaleTabLayout(3):解决文字动画需

2020-07-27  本文已影响0人  珠穆朗玛小王子

前言

自从SlidingScaleTabLayout发布以后,收到的最多的反馈:

1、为什么文字切换没有效果?

大部分都是PagerAdapter.getItemPosition()的重写问题,虽然demo里有个例子,但是很明显没有达到我当初的预期。
重写PagerAdapter.getItemPosition()是一个很不优雅的方案,增多了使用者的开发成本,并且很容易出错,我也一直在找解决方案,终于在上周发了1.2.x版本。

正文

解决方案来源于我的同事,在之前的开发任务中,我们的app也加入了Tab文字变化这样的效果,但是任务分到了我的同事,测试的时候有一些小问题分配到了我这,我就拜读了一下他的代码,找到了他的解决办法。

要解决的问题

在1.2.x版本之前,因为我希望能把动画的功能独立维护,并且较少的修改SlidingScaleTabLayout,所以我选择了ViewPager.PageTransformer。所以需要重写:

@Override
public void transformPage(@NonNull View view, final float position) {}

可以看出transformPage方法中只要View和position参数:

view:当前移动的view。
position:当前view距离屏幕中间的比例。

ViewPager.PageTransformer主要是对View设置过度动画,没了解过的朋友可以先去搜索一波。于是尴尬的问题出现了,竟然没有Tab的位置?!!,那我怎么才能找到对应的Tab呢,所以我想到了在view设置位置的tag来解决这个问题。

这种方案确实不太友好,你需要手动指定每一个View的位置,对业务代码有侵入性,修改起来很是蛋疼。

解决方案

使用ViewPager.OnPageChangeListener:

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}

onPageScrolled有三个参数

1、position:当前滑动的View的位置;
2、positionOffset:当前滑动的View距离中心的比例;
3、positionOffsetPixels:当前滑动的View距离中心的像素;

其中position和positionOffset就是我们需要的,position替换之前的getTag,positionOffset几乎不变,在onPageScrolled加入动画:

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
     iTabScaleTransformer.onPageScrolled(position, positionOffset, positionOffsetPixels);
}

其他问题

方案改变后,还会有其他遗留问题,这里简要说明一下:

目前SlidingScaleTabLayout还只能和ViewPager使用,如果你需要自定义的话,要注意以上问题。

总结

以上就是全部内容,我看到还有很多朋友留言询问是否有单独的SlidingScaleTabLayout,不和ViewPager一起使用。看来SlidingScaleTabLayout和自定义ViewPager的需求还是很强烈的,所以计划下一个版本解决这个问题。

上一篇下一篇

猜你喜欢

热点阅读