«

Android开源框架--ViewPagerIndicator的使用

时间:2024-3-2 18:18     作者:韩俊     分类: Android


说明:

ViewPagerIndicator可以理解成ViewPager的滑动时的一个指示器。在使用ViewPager的时候能够指示ViewPager所在的位置,就像Google Play中切换的效果一样,还能使用在应用初始化的介绍页面。

使用步骤:

在项目中关联ViewPagerIndicator的library 下载链接:https://github.com/JakeWharton/Android-ViewPagerIndicator

布局文件:必须和ViewPager搭配使用

<com.viewpagerindicator.TabPageIndicator
    android:id="@+id/tpi"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

<android.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1" />

将ViewPagerIndicator和ViewPager关联起来, ViewPager页面发生变化时, ViewPagerIndicator的指针也会跟随变化

mIndicator.setViewPager(mViewPager);
mAdapter = new mViewPagerAdapter();
mViewPager.setAdapter(mAdapter);

在ViewPager的Adapter中,重写该方法:

/**
 * 返回标题, 用于在indicator的指针中显示
 */
@Override
public CharSequence getPageTitle(int position) {
    return title;
}

需要给activity设置样式

<activity
    android:name=".MainActivity"
    android:theme="@style/Theme.PageIndicatorDefaults" />

修改样式:

修改样式中的图片, 文字颜色等

<style name="Theme.PageIndicatorDefaults" parent="android:Theme">
    <item name="vpiIconPageIndicatorStyle">@style/Widget.IconPageIndicator</item>
    <item name="vpiTabPageIndicatorStyle">@style/Widget.TabPageIndicator</item>
 </style>

页签样式修改

<style name="Widget.TabPageIndicator" parent="Widget">
    <item name="android:gravity">center</item>
    <item name="android:background">@drawable/vpi__tab_indicator</item>//修改页签背景
    <item name="android:paddingLeft">22dip</item>
    <item name="android:paddingRight">22dip</item>
    <item name="android:paddingTop">12dp</item>
    <item name="android:paddingBottom">12dp</item>
    <item name="android:textAppearance">@style/TextAppearance.TabPageIndicator</item>
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">@drawable/vpi__tab_text_color</item>//修改页签字体颜色
    <item name="android:maxLines">1</item>
</style>

标签: android

热门推荐