如何在android中开发显示Viewpager Indicator的步骤编号？

我想在 android中开发一个步骤编号ViewPager Indicator.当用户在第一步时,指示器将如下所示.

当他走到最后一步时,它看起来应该是这样的.

因此,当我在ViewPager中前进时,我希望步骤编号一步一步向前显示步骤编号和突出显示连接它们的线条.

编辑：

我试过的指标布局代码如下.我以编程方式更改页面幻灯片上的图像的drawables.但问题是如何创建连接两个步骤的行并增加页面幻灯片的进度？有图书馆吗？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="horizontal"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
    >

<ImageView
        android:id="@+id/img_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:src="@drawable/cb1"
        android:layout_weight="1"
        />

<ImageView
        android:id="@+id/img_two"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/cb2"
        android:layout_weight="1"
        />

<ImageView
        android:id="@+id/img_three"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/cb3"
        android:layout_weight="1"
        />

<ImageView
        android:id="@+id/img_four"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/cb4"
        android:layout_weight="1"
        />

<ImageView
        android:id="@+id/img_five"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/cb5"
        android:layout_weight="1"
        />

<ImageView
        android:id="@+id/img_six"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/cb6"
        android:layout_weight="1"
        />

请帮忙.谢谢.

解决方法

有更好的方法来实现您想要的(更好的性能和内存效率,但实现起来要复杂得多),但要遵循当前尝试的解决方案,您必须：

要创建线条,您将在每个ImageView之间包含以下视图(根据需要更改颜色,高度和宽度)：

<View 
   android:layout_height="1px" 
   android:layout_width="8dp" 
   android:background="#f99">

并改变你在ViewPager上调用的状态

pager.setonPagechangelistener(new ViewPager.SimpleOnPagechangelistener(){
   @Override public void onPageSelected(int position) {
      /// change status here
   }
});