Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

高仿微信底部状态栏的轻量级库,没有MagicIndicator那么臃肿,符合大多数BottomTabBar应用设计需求,Android Navigation Bar , 高仿微信底部状态栏的轻量级库, Lightweight Library of high imitation WeChat bottom status bar

Notifications You must be signed in to change notification settings

liyongyan/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.7'
}

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应用设计需求,Android Navigation Bar , 高仿微信底部状态栏的轻量级库, Lightweight Library of high imitation WeChat bottom status bar

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 100.0%

AltStyle によって変換されたページ (->オリジナル) /