Skip to content

高仿微信底部状态栏的轻量级库,非MagicIndicator那么功能庞大,简化功能符合大多数BottomTabBar应用设计需求, Lightweight Library of high imitation WeChat bottom status bar

Notifications You must be signed in to change notification settings

yingLanNull/AlphaTabsIndicator

Repository files navigation

AlphaTabsIndicator

High imitation microblogging at the bottom of the status bar of the lightweight library for most of the bottom status bar application requirements.

Abstract

Imitation WeChat at the bottom of the tab label, slide the color gradient, increase the angle mark function, the use of extremely simple, only two lines of code.

Chinese Documents

查看中文文档

Gif

1

Screenshot

1 2 3 4

Demo

Download Demo

Usage

Step 1

Gradle

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

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=""
                    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>                                //模式

Function and parameter definition

Parameters Meaning
tabIconNormal Unselected icon
tabIconSelected Already selected icon
tabText Tab tag text
tabTextSize Tab The size of the label
textColorNormal Unchecked text color
textColorSelected Selected text color
badgeBackgroundColor Corner background color, default red
paddingTexwithIcon The distance between the icon and text

In Code

AlphaTabView Main Method
        mAlphaTabView.showNumber(int i); //Display digital remind
        mAlphaTabView.showPoint();       //Show little red dot
        mAlphaTabView.removeShow();      //Remove the digital remind
AlphaTabsIndicator Main Method
        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

Instructions

The library is in the permission of the Mr jeasonlzy permission,on the basis of his AlphaIndicatorView do usability improvements, thank you, now continue to open source.

The main improvement:

  1. Increase the Angle of standard, make it more close to WeChat TAB at the bottom;
  2. The diagonal mark size for dynamic control, adaptive according to the height of the TAB;
  3. Limit the appropriate to reduce to use requirement, can be used in the case of not binding viewpager;
  4. When without binding ViewPager Settings TAB option;
  5. The distance between the icon and text can be configured, the default is 5;
  6. Increase click on the TAB to monitor the callback;
  7. Increase in code mViewPager. SetCurrentItem (i) TAB linkage control condition;
  8. Repair is not set in a state of not click Tab.

About

高仿微信底部状态栏的轻量级库,非MagicIndicator那么功能庞大,简化功能符合大多数BottomTabBar应用设计需求, Lightweight Library of high imitation WeChat bottom status bar

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages