高仿微信底部状态栏的轻量级库,没有MagicIndicator那么臃肿,符合大多数BottomTabBar应用设计需求,Android Navigation Bar , 高仿微信底部状态栏的轻量级库, Lightweight Library of high imitation WeChat bottom status bar
Java
Latest commit 1ea747c Dec 12, 2016 @yingLanNull committed on GitHub Update README.md
Permalink
Failed to load latest commit information.
app commit Oct 29, 2016
gradle/wrapper Initial commit Oct 27, 2016
library commit Oct 28, 2016
show demo Oct 28, 2016
.gitignore Initial commit Oct 27, 2016
README.md Update README.md Dec 12, 2016
build.gradle Initial commit Oct 27, 2016
gradle.properties Initial commit Oct 27, 2016
gradlew Initial commit Oct 27, 2016
gradlew.bat Initial commit Oct 27, 2016
settings.gradle Initial commit Oct 27, 2016

README.md

AlphaTabsIndicator

高仿微信底部状态栏的轻量级库,适用大多数国内应用需求

Abstract 摘要

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

Gif 动画

1

Screenshot 截图

1 2 3 4

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 已经选中的图标
tabText tab标签的文字
tabTextSize tab标签的文字大小
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联动。