AlphaTabsIndicator:高仿微信底部状态栏的轻量级库

AlphaTabsIndicator 高仿微信底部状态栏的轻量级库 Abstract 摘要 仿微信底部tab标签,滑动的时候颜色渐变,增加角标功能, 使用

AlphaTabsIndicator

高仿微信底部状态栏的轻量级库

Abstract 摘要

仿微信底部tab标签,滑动的时候颜色渐变,增加角标功能, 使用极其简单,只需要两行代码。

Gif 动画

AlphaTabsIndicator:高仿微信底部状态栏的轻量级库

Screenshot 截图

AlphaTabsIndicator:高仿微信底部状态栏的轻量级库

AlphaTabsIndicator:高仿微信底部状态栏的轻量级库

AlphaTabsIndicator:高仿微信底部状态栏的轻量级库

AlphaTabsIndicator:高仿微信底部状态栏的轻量级库

Demo 下载APK体验

Download Demo

Usage 使用方法

Step 1

Gradle 配置

dependencies {

compile 'com.yinglan.alphatabs:library:1.0.2'

}

Step 2

In Layout

<com.yinglan.alphatabs.AlphaTabsIndicator

android:id="@+id/alphaIndicator"

android:layout_width="match_parent"

android:layout_height="55dp"

android:orientation="horizontal">

<com.yinglan.alphatabs.AlphaTabView

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:padding="5dp"

app:tabIconNormal=""

app:tabIconSelected=""

app:tabText=""

app:tabTextSize=""

app:textColorNormal=""

app:textColorSelected=""

app:badgeBackgroundColor=""/>

<com.yinglan.alphatabs.AlphaTabView

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:padding="5dp"

app:tabIconNormal=""

app:tabIconSelected=""

app:tabText=""

app:tabTextSize=""

app:textColorNormal=""

app:textColorSelected=""

app:badgeBackgroundColor=""/>

、、、、

、、、、

</com.yinglan.alphatabs.AlphaTabsIndicator> //模式

功能与参数定义

配置参数参数含义
tabIconNormal未选中的图标
tabIconSelected已经选中的图标
tabTexttab标签的文字
tabTextSizetab标签的文字大小
textColorNormal未选中的文字颜色
textColorSelected已选中的文字颜色
badgeBackgroundColor角标背景色,默认红色

In Code

AlphaTabView 主要方法

mAlphaTabView.showNumber(int i); //显示数子角标

mAlphaTabView.showPoint(); //显示小红点

mAlphaTabView.removeShow(); //移除角标

AlphaTabsIndicator 主要方法

mAlphaTabsIndicator.setViewPager(ViewPager mViewPger);                     //设置ViewPager

mAlphaTabsIndicator.setOnTabChangedListner(OnTabChangedListner listner); //设置底部tab点击监听

mAlphaTabsIndicator.removeAllBadge(); //移除所有tab的角标

Instructions - 说明

本库是在征得jeasonlzy的许可后,在其AlphaIndicatorView基础上做的易用性改进,感谢,现持续开源。

改进项主要有:

  1. 增加角标,使其更接近微信底部tab;
  2. 对角标的大小进行动态控制,会根据tab高度自适应;
  3. 对使用要求限制适当降低,可以在不绑定viewpager的情况下使用。
  4. 增加点击tab的监听回调。
  5. 增加在代码mViewPager.setCurrentItem(i)控制状态下tab联动。

未登录用户
全部评论0
到底啦