[Widget]TagTabStrip-ViewPager页面切换标记点

最新推荐文章于 2023-11-25 19:55:33 发布

原创最新推荐文章于 2023-11-25 19:55:33 发布 · 542 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#widget #viewpager #标志小点 #功能导航

Widget 专栏收录该内容

13 篇文章

订阅专栏

TagTabStrip是一款基于BaseTabStrip的组件，专为ViewPager设计，适用于功能引导和新功能介绍页面。它支持自定义图标样式，包括单Drawable缩放模式和双Drawable交替模式。该组件不拦截触摸事件且易于集成。

TagTabStrip

ICON

继承自BaseTabStrip，实现ViewPager标志小点，一般用于功能引导页面及新功能简介页，为ViewPager添加标志小点，并不仅限于小点，标志由设置的Drawable决定，普通模式为双Drawable交替模式，亦可设置为单Drawable缩放模式。

一般用于仅仅是几张图的功能展示页面，实现原理也很简单，仅仅是将选中与普通情况下的图片进行不同alpha叠加。一般来说其不存在点击事件，于是其不拦截触摸事件。因实现了ViewPager的隐藏子项接口，也就是可作为子项直接贴在ViewPager布局内部，但ViewPager限制了只能显示在顶部或者底部。

预览

Screenshots

要求

minSdkVersion 9
保持跟其他官方支持库版本一致（如：com.android.support:appcompat-v7）

链接

使用

基本布局

<am.widget.tagtabstrip.TagTabStrip
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawablePadding="6dp"
    android:gravity="center"
    app:ttsScale="1.6"
    app:ttsDrawable="@drawable/ic_tag"/>

基本代码

TagTabStrip ttsTags = (TagTabStrip) findViewById(id);
ttsTags.bindViewPager(viewpager);

注意

不要使用ViewPage的setCurrentItem(int)方法，其不会通知到TagTabStrip进行刷新，使用TagTabStrip的performClick(int)方法
布局时，app:ttsDrawable指定的颜色可以使用选择器，其中android:state_selected=”true”状态下的颜色会与普通状态下的Drawable进行渐变
app:ttsScale指定的值需要大于等于1才有效
android:drawablePadding与app:ttsDrawablePadding等效，只需设置其中一个
默认状态是颜色为0xff808080与0x80808080的大小为8dp的两个小圆点Drawable，之间没有间距
android:gravity默认值就是center，可以不设置
保持跟其他官方支持库版本一致（如：com.android.support:appcompat-v7），否则可能出现错误