如何为GridView实现分页？每页展示8个条目并支持前后翻页

1. 核心思路 #

通过控制每页展示的数据集范围，结合分页按钮的点击事件切换数据，再通知GridView刷新来实现分页效果。每页固定显示8条，计算总页数后处理边界禁用逻辑。

2. 步骤实现 #

（1）准备数据模型

先定义条目数据类，模拟业务数据：

data class GridItem(val id: Int, val content: String)

（2）布局文件

• 主布局（activity_main.xml）：包含GridView和分页操作按钮

<?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="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <GridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:numColumns="2"
        android:verticalSpacing="10dp"
        android:horizontalSpacing="10dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:gravity="center"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnPrev"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="上一页"/>

        <TextView
            android:id="@+id/tvPageInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="16dp"
            android:text="第1页/共X页"/>

        <Button
            android:id="@+id/btnNext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下一页"/>
    </LinearLayout>
</LinearLayout>

• 条目布局（item_grid.xml）：GridView单个条目的样式

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:gravity="center"
    android:background="#f0f0f0"
    android:textSize="16sp"/>

（3）自定义GridView适配器

继承BaseAdapter，负责渲染当前页的条目：

class GridAdapter(private val context: Context, private val items: List<GridItem>) : BaseAdapter() {
    override fun getCount(): Int = items.size
    override fun getItem(position: Int): GridItem = items[position]
    override fun getItemId(position: Int): Long = position.toLong()

    override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
        val view = convertView ?: LayoutInflater.from(context).inflate(R.layout.item_grid, parent, false)
        val textView = view as TextView
        textView.text = items[position].content
        return view
    }
}

（4）分页逻辑处理（Activity代码）

在Activity中初始化数据、处理分页切换：

class MainActivity : AppCompatActivity() {
    private lateinit var gridView: GridView
    private lateinit var btnPrev: Button
    private lateinit var btnNext: Button
    private lateinit var tvPageInfo: TextView
    private lateinit var adapter: GridAdapter

    private val pageSize = 8 // 每页显示8条
    private var currentPage = 1 // 当前页码，从1开始
    private lateinit var totalData: List<GridItem>
    private var totalPages = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        initViews()
        initData()
        setupPagination()
        loadCurrentPageData()
    }

    private fun initViews() {
        gridView = findViewById(R.id.gridView)
        btnPrev = findViewById(R.id.btnPrev)
        btnNext = findViewById(R.id.btnNext)
        tvPageInfo = findViewById(R.id.tvPageInfo)
    }

    private fun initData() {
        // 模拟生成100条测试数据
        totalData = List(100) { GridItem(it, "条目 ${it+1}") }
        totalPages = (totalData.size + pageSize - 1) / pageSize // 计算总页数
    }

    private fun setupPagination() {
        btnPrev.setOnClickListener {
            if (currentPage > 1) {
                currentPage--
                loadCurrentPageData()
                updatePageState()
            }
        }

        btnNext.setOnClickListener {
            if (currentPage < totalPages) {
                currentPage++
                loadCurrentPageData()
                updatePageState()
            }
        }
    }

    private fun loadCurrentPageData() {
        // 计算当前页数据的起始和结束索引
        val startIndex = (currentPage - 1) * pageSize
        val endIndex = minOf(startIndex + pageSize, totalData.size)
        val currentPageData = totalData.subList(startIndex, endIndex)

        adapter = GridAdapter(this, currentPageData)
        gridView.adapter = adapter
        tvPageInfo.text = "第$currentPage页/共$totalPages页"
    }

    private fun updatePageState() {
        // 处理按钮禁用状态
        btnPrev.isEnabled = currentPage > 1
        btnNext.isEnabled = currentPage < totalPages
    }
}

3. 关键注意点 #

• 总页数计算：用(总条目数 + 每页数量 - 1) / 每页数量可以避免整数除法的精度丢失，确保最后一页不满8条也能正确显示。
• 边界处理：第一页时禁用“上一页”，最后一页时禁用“下一页”，避免无效操作。
• 如果是网络数据，可在分页切换时加载对应页的数据，而非一次性加载全部，优化性能。

内容的提问来源于stack exchange，提问作者amirreza ghabeli