自定义页码显示控件PageNumberView

最新推荐文章于 2024-07-08 10:46:53 发布

木下听雨

最新推荐文章于 2024-07-08 10:46:53 发布

阅读量1.8k

点赞数 1

文章标签： android 控件 viewpager

本文链接：https://blog.csdn.net/chenyu123123123/article/details/70599180

版权

本文介绍了如何使用ViewPager结合自定义控件PageNumberView来实现页面显示效果。通过RadioButton展示页码，并限制最多显示5页。PageNumberView的代码实现中，与NoSlideViewPager配合使用，禁用了滑动，可以通过setViewPager和setmTotalPages方法绑定并设置页码总数。示例布局适用于横屏平板设备。

摘要由CSDN通过智能技术生成

实现效果

这里写图片描述

上述效果使用了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&#