AlphaTabsIndicator

AlphaTabs指示器

高仿微博底部狀態列的輕量庫適合大部分底部狀態列應用需求。

抽象的

仿微信底部標籤標籤，滑動顏色漸變，增加角度標記功能，使用極為簡單，只有兩行​​程式碼。

中文文檔

查看中文文檔

動圖

螢幕截圖

示範

下載試用版

用法

步驟1

搖籃

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

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

功能及參數定義

參數	意義
tabIcon正常	未選擇的圖標
選項卡圖示選定	已選擇的圖示
選項卡文字	選項卡標籤文字
選項卡文字大小	Tab 標籤的大小
文字顏色正常	未選取的文字顏色
文字顏色選定	選定的文字顏色
徽章背景顏色	角點背景顏色，預設紅色
帶有圖標的paddingTex	圖示與文字之間的距離

在程式碼中

AlphaTabView 主要方法

        mAlphaTabView.showNumber(int i); //Display digital remind
        mAlphaTabView.showPoint();       //Show little red dot
        mAlphaTabView.removeShow();      //Remove the digital remind

AlphaTabsIndicator 主要方法

        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

指示

該庫是在徵得jeasonlzy先生的許可下，在他的AlphaIndicatorView的基礎上做了可用性改進，謝謝，現在繼續開源。

主要改進：

1. 增加標準角度，使其更靠近微信底部TAB；
2. 對角線標記大小動態控制，根據TAB高度自適應；
3. limit適當降低使用要求，可以在不綁定viewpager的情況下使用；
4. 當不綁定ViewPager設定TAB選項時；
5. 圖示與文字的距離可配置，預設為5；
6. 增加點擊TAB監聽回調；
7. 增加程式碼mViewPager。 SetCurrentItem(i) TAB連動控制條件；
8. 修復未設定未點擊Tab的狀態。