AlphaTabsIndicator

AlphaTabsインジケーター

ほとんどの下部ステータス バー アプリケーション要件に対応する、軽量ライブラリのステータス バーの下部にある高度な模倣マイクロブログ。

抽象的な

タブラベルの下部にあるWeChatを模倣し、色のグラデーションをスライドさせ、角度マーク機能を増やします。使用するコードは非常にシンプルで、わずか2行です。

中国語の文書

查看中文档

GIF

スクリーンショット

デモ

デモをダウンロードする

使用法

ステップ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>                                //模式

関数とパラメータの定義

パラメータ	意味
タブアイコン通常	選択されていないアイコン
タブアイコン選択済み	すでに選択されているアイコン
タブテキスト	タブタグのテキスト
タブテキストサイズ	タブ ラベルのサイズ
テキストの色通常	チェックを外した文字色
テキストの色が選択されました	選択した文字の色
バッジ背景色	コーナーの背景色、デフォルトは赤
パディングテックスアイコン付き	アイコンとテキストの間の距離

コード内

AlphaTabView Main メソッド

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

AlphaTabsIndicator Main メソッド

        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. 標準の角度を増やし、下部の WeChat タブに近づけます。
2. 動的制御のための対角マークのサイズ。TAB の高さに応じて適応します。
3. 使用要件を減らすために適切なものを制限し、ビューページャーをバインドしない場合に使用できます。
4. ViewPager 設定タブ オプションをバインドしない場合。
5. アイコンとテキストの間の距離は構成できます。デフォルトは 5 です。
6. コールバックを監視するには、TAB をクリックする回数を増やします。
7. コード mViewPager の増加。 SetCurrentItem (i) TAB 連携制御条件。
8. Tabをクリックしていない状態では修復は設定されません。