AlphaTabsIndicator

AlphaTabs표시기

대부분의 하단 상태 표시줄 응용 프로그램 요구 사항에 대해 경량 라이브러리의 상태 표시줄 하단에 높은 모방 마이크로블로깅이 있습니다.

추상적인

탭 라벨 하단의 WeChat 모방, 색상 그라데이션 슬라이드, 각도 표시 기능 증가, 매우 간단한 코드 사용, 단 두 줄의 코드 사용.

중국어 문서

查看中文档

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

기능 및 매개변수 정의

매개변수	의미
탭아이콘일반	선택되지 않은 아이콘
탭아이콘선택됨	이미 선택된 아이콘
탭텍스트	탭 태그 텍스트
탭텍스트크기	탭 라벨의 크기
텍스트색상일반	선택되지 않은 텍스트 색상
텍스트색상선택됨	선택한 텍스트 색상
배지배경색	모서리 배경색, 기본 빨간색
paddingTexwith아이콘	아이콘과 텍스트 사이의 거리

코드에서

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

지침

라이브러리는 Mr jeasonlzy의 허가 하에 있으며 그의 AlphaIndicatorView를 기반으로 사용성 개선을 수행하고 있습니다. 감사합니다. 이제 계속해서 소스를 오픈하세요.

주요 개선 사항:

1. 표준 각도를 높이고 하단의 WeChat 탭에 더 가깝게 만듭니다.
2. 동적 제어를 위한 대각선 표시 크기, TAB 높이에 따라 조정 가능.
3. 사용 요구 사항을 줄이기 위해 적절하게 제한하고 뷰페이지를 바인딩하지 않는 경우 사용할 수 있습니다.
4. ViewPager 설정 탭 옵션을 바인딩하지 않은 경우;
5. 아이콘과 텍스트 사이의 거리는 구성할 수 있으며 기본값은 5입니다.
6. 콜백을 모니터링하려면 탭을 더 많이 클릭하세요.
7. 코드 mViewPager가 증가합니다. SetCurrentItem (i) TAB 연계 제어 조건;
8. 탭을 클릭하지 않은 상태에서는 복구가 설정되지 않습니다.