高仿微信底部状态栏的轻量级库,没有MagicIndicator那么臃肿,符合大多数BottomTabBar应用设计需求.


介绍:

高仿微信底部状态栏的轻量级库,没有MagicIndicator那么臃肿,符合大多数BottomTabBar应用设计需求.

运行效果:

使用说明:

步骤 1

Gradle 配置

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

步骤 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=""/>

                <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 角标背景色,默认红色

代码

AlphaTabView 主要方法
        mAlphaTabView.showNumber(int i); //显示数字角标
        mAlphaTabView.showPoint();       //显示小红点
        mAlphaTabView.removeShow();      //移除当前角标
AlphaTabsIndicator 主要方法
        mAlphaTabsIndicator.setViewPager(ViewPager mViewPger);                     //设置ViewPager
        mAlphaTabsIndicator.setOnTabChangedListner(OnTabChangedListner listner);   //设置底部tab点击监听
        mAlphaTabsIndicator.removeAllBadge();                                      //移除所有tab的角标
        mAlphaTabsIndicator.setTabCurrenItem(int tabIndex);                        //设置tab选项

说明

本库是在AlphaIndicatorView基础上做的易用性改进.

下载APK体验

点击下载

点击快速下载源码
最新回复 (0)
返回