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

来源：互联网发布：java集合常用的方法编辑：程序博客网时间：2024/05/22 12:24

AlphaTabsIndicator

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

git地址 AlphaTabsIndicator

Abstract 摘要

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

Gif 动画

Screenshot 图片

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;
1. 对角标的大小进行动态控制,会更具tab高度自适应;
1. 对使用要求限制适当降低,可以在不绑定viewpager的情况下使用。
1. 增加点击tab的监听回调。
1. 增加在代码mViewPager.setCurrentItem(i)控制状态下tab联动。

点击git地址查看更多 AlphaTabsIndicator

0 0