AlphaTabsIndicator

AlphaTabs指示器

高仿微博底部状态栏的轻量级库适合大部分底部状态栏应用需求。

抽象的

仿微信底部标签标签，滑动颜色渐变，增加角度标记功能，使用极其简单，只有两行代码。

中文文档

查看中文文档

动图

截屏

演示

下载演示版

用法

步骤1

摇篮

 dependencies {
    compile 'com.yinglan.alphatabs:library:1.0.8'
}

步骤2

布局中

	        <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=""
                    app:paddingTexwithIcon=""/>

                <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=""
                    app:paddingTexwithIcon=""/>

                    、、、、
                    、、、、

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

功能及参数定义

参数	意义
tabIcon正常	未选择的图标
选项卡图标选定	已选择的图标
选项卡文本	选项卡标签文本
选项卡文本大小	Tab 标签的大小
文本颜色正常	未选中的文本颜色
文本颜色选定	选定的文字颜色
徽章背景颜色	角点背景颜色，默认红色
带图标的paddingTex	图标和文字之间的距离

在代码中

AlphaTabView 主要方法

        mAlphaTabView.showNumber(int i); //Display digital remind
        mAlphaTabView.showPoint();       //Show little red dot
        mAlphaTabView.removeShow();      //Remove the digital remind

AlphaTabsIndicator 主要方法

        mAlphaTabsIndicator.setViewPager(ViewPager mViewPger);                     //Set ViewPager
        mAlphaTabsIndicator.setOnTabChangedListner(OnTabChangedListner listner);   //Settings TAB at the bottom click to monitor
        mAlphaTabsIndicator.removeAllBadge();                                      //Remove all remind the TAB
        mAlphaTabsIndicator.setTabCurrenItem(int tabIndex);                        //Settings TAB option

指示

该库是在征得jeasonlzy先生的许可下，在他的AlphaIndicatorView的基础上做了可用性改进，谢谢，现在继续开源。

主要改进：

1. 增加标准角度，使其更靠近微信底部TAB；
2. 对角线标记大小动态控制，根据TAB高度自适应；
3. limit适当降低使用要求，可以在不绑定viewpager的情况下使用；
4. 当不绑定ViewPager设置TAB选项时；
5. 图标与文字的距离可配置，默认为5；
6. 增加点击TAB监听回调；
7. 增加代码mViewPager。 SetCurrentItem(i) TAB联动控制条件；
8. 修复未设置未点击Tab的状态。