轉載請註明出處
可支持不同寬度、位置、類型tab的ViewPager指示器
在xml中與各tab位於同一層級中:
<LinearLayout
android:id="@+id/ll_tab"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tab1"
style="@style/com_tab_style"
android:text="tab1"/>
<TextView
android:id="@+id/tab2"
style="@style/com_tab_style"
android:text="tab2"/>
<TextView
android:id="@+id/tab3"
style="@style/com_tab_style"
android:text="tab3"/>
<TextView
android:id="@+id/tab4"
style="@style/com_tab_style"
android:text="tab4"/>
</LinearLayout>
<bakerj.flexibleunderlinepageindicator.FlexibleUnderlinePageIndicator
android:id="@+id/indicator"
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_alignBottom="@id/ll_tab"
indicator:underlineColor="#00a0ef"/>
將tab以及ViewPager與Indicator關聯
indicator.setUnderLineView(tab1, tab2, tab3, tab4);//關聯tab
indicator.setViewPager(viewPager);//關聯ViewPager
效果如下:
下載地址:
https://github.com/BakerJQ/FlexibleUnderlinePageIndicator