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