Android带图标的滑动选项卡

6
我正在开发一个Android应用程序,最近我们决定混合设计并将主屏幕切换为带有选项卡的视图页(实际上在操作栏中)。 为了将选项卡放在顶部,我考虑使用自定义操作栏布局,并使用PagerSlidingTabStrip库来使用选项卡,但我还需要使用图标代替文本,并随着滑动而改变颜色(如果页面被选择或未选择),就像Facebook应用程序或Tinder一样1
有人对此有什么建议吗?我看到选项卡库上有一个分支,应该可以做到这一点,但我无法让它工作。
1个回答

6

好的,我找到了如何将图片添加到选项卡中的方法,需要查看PagerSlidingTab库的代码。

PagerSlidingTab包含一个名为IconTabProvider的接口,需要由您的ViewPager适配器实现。实现了这个接口后,您可以为每个位置提供不同的图标。

我现在唯一的问题是,我需要根据选项卡是否被选中来使用不同颜色的图标,并且需要缓慢地在两者之间进行转换(就像Tinder和Facebook上一样)。

更新:显然很幸运,有PagerSlidingTabStrip库的分叉(fork),可以在此处找到。您只需要创建一个类似于以下内容的可绘制资源:

<item android:state_selected="true" android:drawable="@drawable/ic_twitter"/>
<item android:drawable="@drawable/ic_twitter_of"/>

每当您选择新页面时,它都会改变,但是在开和关标志之间没有平滑的过渡。

LE 2:

发现另一个具有平滑选项卡转换的分支(使用alpha属性显示漂亮的过渡),可以在此处找到。唯一的问题是它不支持状态切换图标,因此我决定将两个forks合并。感谢两位创建者的出色工作,为我节省了大量时间:)。


PagerSlidingTab可以像Tinder一样只有一行标题,右侧带有自定义图标吗? - Michael

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接