ViewPager + GridView实现GridView分页

最新推荐文章于 2021-05-26 05:00:03 发布

Elven_Shi

最新推荐文章于 2021-05-26 05:00:03 发布

阅读量3.5k

点赞数 3

分类专栏： Android Android技术探索文章标签： viewpager gridview 分页

本文链接：https://blog.csdn.net/LoveYaozu/article/details/53034530

版权

本文介绍了如何利用ViewPager结合GridView来实现分页效果。通过设置ViewPager的PagerAdapter，并为每个页面设置一个包含GridView的布局，以及自定义GridView的Adapter，可以达到分页显示数据的目的。

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

概述

通过ViewPager实现GridView的分页

实现

ViewPager通过设置PagerAdapter实现分页。每一页的布局是一个GridView。GridView通过设置自己adapter渲染GridView。

ViewPager：分页器。
GridViewPageAdapter：继承自PagerAdapter。ViewPager的适配器。
GridView：网格布局
GridViewAdapter、：GridView的适配器。继承自通过用型adapter，CommonAdapter

这里写图片描述

GridView的adapter，GridViewAdapter的布局文件，grid_view_item

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data class=".GridItemBinding">

        <import type="android.view.View"></import>
    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:minHeight="80dp">

        <ImageView
            android:id="@+id/item_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"/>

        <TextView
            android:id="@+id/item_name"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="6dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/item_img"
            android:gravity="center"
            android:textColor="#5b5a5a"
            android:textSize="12sp"
            android:text="Item"/>

    </RelativeLayout>
</layout>

GridView的adapter，GridViewAdapter

package com.syz.example.adapter;

import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

import com.syz.example.R;

import java.util.List;

/**
 * Created by SYZ on 16/10/28.
 */

public