4

有谁知道如何像主屏幕上的那样做页面/查看计数器(小点)的示例?

像这个例子:

在此处输入图像描述

谢谢

4

1 回答 1

8

PagerTitleStrip是您ViewPager用来指示您所在页面的工具。这是您添加到XML.

布局 XML

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" >

    <android.support.v4.view.PagerTitleStrip
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="top" />
</android.support.v4.view.ViewPager>

</LinearLayout>

在您的 PagerAdapter 中

@Override
    public CharSequence getPageTitle (int position) {
        return "Your static title";
    }

但是,PagerTitleStrip不是很可定制,但ViewPagerIndicator是非常可定制的,包括您正在寻找的虚线指示器。您需要对其进行主题化以在您的 OP 中重新创建图片。

圆形指示器 ViewPagerIndicator

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res/com.viewpagerindicator.sample"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    />
<com.viewpagerindicator.CirclePageIndicator
    android:id="@+id/indicator"
    android:padding="10dip"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    />

</LinearLayout>

然后在您的代码中

CirclePageIndicator mIndicator = (CirclePageIndicator)findViewById(R.id.indicator);
        mIndicator.setViewPager(mPager);

ViewPagerExtensions是另一个开源库,可为ViewPager您提供可能感兴趣的自定义视图。

于 2012-04-04T09:55:47.617 回答