自定义页码显示控件PageNumberView

实现效果

上述效果使用了ViewPager+自制的PageNumberView实现的。下面来介绍一下具体实现：

首先是布局

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

    <Button
        android:id="@+id/btPrevPage"
        android:layout_width="80dp"
        android:layout_height="40dp"
        android:background="@drawable/page_number_selector_btn"
        android:text="上一页" />

    <Button
        android:id="@+id/btFirstPage"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="10dp"
        android:background="@drawable/page_number_selector_btn"
        android:text="首页" />


    <RadioGroup
        android:id="@+id/rgPageNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/rbFirst"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:background="@drawable/page_number_selector_radiobutton"
            android:button="@null"
            android:gravity="center"
            android:text="1" />

        <RadioButton
            android:id="@+id/rbSecond"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/page_number_selector_radiobutton"
            android:button="@null"
            android:gravity="center"
            android:text="2" />

        <RadioButton
            android:id="@+id/rbThird"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/page_number_selector_radiobutton"
            android:button="@null"
            android:gravity="center"
            android:text="3" />

        <RadioButton
            android:id="@+id/rbFourth"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/page_number_selector_radiobutton"
            android:button="@null&#