AlphaTabsIndicator

ตัวบ่งชี้ AlphaTabs

ไมโครบล็อกเลียนแบบสูงที่ด้านล่างของแถบสถานะของไลบรารีน้ำหนักเบาสำหรับความต้องการแอปพลิเคชันแถบสถานะด้านล่างส่วนใหญ่

เชิงนามธรรม

เลียนแบบ WeChat ที่ด้านล่างของป้ายแท็บ เลื่อนการไล่ระดับสี เพิ่มฟังก์ชันเครื่องหมายมุม การใช้โค้ดที่ง่ายมากเพียงสองบรรทัดเท่านั้น

เอกสารภาษาจีน

查看中文档

กิฟ

ภาพหน้าจอ

การสาธิต

ดาวน์โหลดการสาธิต

การใช้งาน

ขั้นตอนที่ 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>                                //模式

นิยามฟังก์ชันและพารามิเตอร์

พารามิเตอร์	ความหมาย
แท็บไอคอนปกติ	ไอคอนที่ไม่ได้เลือก
แท็บไอคอนเลือกแล้ว	เลือกไอคอนแล้ว
แท็บข้อความ	ข้อความแท็กแท็บ
แท็บTextSize	แท็บ ขนาดของฉลาก
ข้อความสีปกติ	สีข้อความที่ไม่ได้ตรวจสอบ
ข้อความสีเลือกแล้ว	สีข้อความที่เลือก
ป้ายพื้นหลังสี	สีพื้นหลังของมุม สีแดงเริ่มต้น
ช่องว่างภายใน TexwithIcon	ระยะห่างระหว่างไอคอนและข้อความ

ในรหัส

วิธีการหลักของ 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 TAB ที่ด้านล่างมากขึ้น
2. ขนาดเครื่องหมายแนวทแยงสำหรับการควบคุมแบบไดนามิก ปรับได้ตามความสูงของ TAB
3. จำกัดความเหมาะสมในการลดความต้องการใช้งาน สามารถใช้ในกรณีที่ไม่มีผลผูกพันกับเพจเจอร์
4. เมื่อไม่มีการผูกตัวเลือก TAB การตั้งค่า ViewPager
5. สามารถกำหนดค่าระยะห่างระหว่างไอคอนและข้อความได้ โดยค่าเริ่มต้นคือ 5
6. เพิ่มการคลิกบน TAB เพื่อตรวจสอบการโทรกลับ
7. เพิ่มโค้ด mViewPager SetCurrentItem (i) เงื่อนไขการควบคุมการเชื่อมโยง TAB;
8. การซ่อมแซมไม่ได้ตั้งค่าอยู่ในสถานะไม่คลิกแท็บ