CircleIndicator 在 ViewPager 中显示页码答案

【问题标题】：CircleIndicator to show page number in ViewPagerCircleIndicator 在 ViewPager 中显示页码
【发布时间】：2016-01-28 07:05:18
【问题描述】：

我正在创建一个使用 ViewPager 将一组片段显示为幻灯片的 Activity。指出我正在使用哪个页面：https://github.com/ongakuer/CircleIndicator

这是活动的 XML：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical">

<android.support.v4.view.ViewPager
    android:id="@+id/introduction_view_pager"
    android:layout_weight="8"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>

<me.relex.circleindicator.CircleIndicator
    android:id="@+id/circle_indicator"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_gravity="center"
    android:layout_weight="1"/>

<Button
    android:layout_weight="1"
    android:id="@+id/login"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:text="@string/skip_to_login"
    android:onClick="skipToLogin"/>

</LinearLayout>

这是活动的 .java 文件：

public class IntroductionActivity extends FragmentActivity {

static final int NO_OF_SLIDES = 4;
ViewPager mViewPager;
private PagerAdapter mPagerAdapter;
Button mButton;
CircleIndicator mCircleIndicator;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_introduction);

    mButton = (Button)findViewById(R.id.login);
    mCircleIndicator = (CircleIndicator)findViewById(R.id.circle_indicator);
    mViewPager = (ViewPager)findViewById(R.id.introduction_view_pager);
    mPagerAdapter = new SlideScreenPagerAdapter(getSupportFragmentManager());
    mViewPager.setAdapter(mPagerAdapter);
    mCircleIndicator.setViewPager(mViewPager);
    mViewPager.setPageTransformer(true, new ZoomOutPageTransformer());
}

@Override
public void onBackPressed() {
    if (mViewPager.getCurrentItem() == 0) {
        super.onBackPressed();
    } else {
        mViewPager.setCurrentItem(mViewPager.getCurrentItem() - 1);
    }
}
public class SlideScreenPagerAdapter extends FragmentPagerAdapter {


    public SlideScreenPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        switch (position) {
            case 0 : return new IntroductionViewPagerFragmentOne();
            case 1 : return new IntroductionViewPagerFragmentTwo();
            case 2 : return new IntroductionViewPagerFragmentThree();
            case 3 : return new IntroductionViewPagerFragmentFour();
        }
        return null;
    }

    @Override
    public int getCount() {
        return NO_OF_SLIDES;
    }
}
}

片段完美运行，但 CircleIndicator 不显示。如何获得 CircleIndicator？

【问题讨论】：

标签： android android-fragments android-studio android-viewpager viewpagerindicator

【解决方案1】：

使用这个 gradle 依赖

'com.viewpagerindicator:parent:2.4.1'

【讨论】：

不起作用！！无法确定我是否正在尝试添加指标。

【解决方案2】：

将下面的代码 sn-p 粘贴到您的文件中（我使用了相同的圆圈指示器，它的工作原理就像魅力一样）。

mViewPager.setOnPageChangeListener(this);

@Override
    public void onPageSelected(int position) {
        circleIndicator.onPageSelected(position);
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

XML 文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <android.support.v4.view.ViewPager
        android:id="@+id/introduction_view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.8"
        android:layout_alignParentTop="true" />

    <me.relex.circleindicator.CircleIndicator
        android:id="@+id/circle_indicator"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.1"
        android:background="@android:color/darker_gray" />

    <Button
        android:id="@+id/login"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="0.1"
        android:layout_gravity="center"
        android:layout_marginTop="5dp"
        android:onClick="skipToLogin"
        android:text="login" />

</LinearLayout>

【讨论】：