/IconTabPageIndicator

带图标文字的ViewPager导航指示器

Primary LanguageJavaApache License 2.0Apache-2.0

#IconTabPageIndicator

此项目功能已集成到msdx/ViewPagerIndicator.


带图标文字的底部导航栏,可配置显示的图标的大小,不担心再把文字顶出下面。

导航栏截图

##安装

先在根项目的build.gradle中添加此声明:

    repositories {
        jcenter()
    }

然后在你的app module中添加此依赖:

    compile 'com.githang:iconpagerindicator:1.2'

##使用

layout文件:

    <com.githang.viewpagerindicator.IconTabPageIndicator
           android:id="@+id/indicator"
           android:layout_alignParentBottom="true"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"/>
       <View android:layout_width="match_parent"
             android:id="@+id/divider"
             android:layout_above="@id/indicator"
             android:layout_height="1px"
             android:background="#ababab"/>
       <android.support.v4.view.ViewPager
           android:layout_above="@id/divider"
           android:id="@+id/view_pager"
           android:layout_width="match_parent"
           android:layout_height="match_parent"/>

如果想自定义图标或文字大小,可以style.xml中指定:

   <style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="tabView">@style/MyTabView</item>
    </style>

    <style name="MyTabView" parent="TabView">
        <item name="iconWidth">28dp</item>
        <item name="iconHeight">28dp</item>
    </style>