当前位置: 首页 > 编程笔记 >

android九宫格可分页加载控件使用详解

罗寒
2023-03-14
本文向大家介绍android九宫格可分页加载控件使用详解,包括了android九宫格可分页加载控件使用详解的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了android九宫格可分页加载控件的具体实现代码,供大家参考,具体内容如下

github地址

基本思路是viewpager+gridview,每一页viewpager视图有一个gridview,gridview加载九格。所以要保证数据的准确性。数据以List< List < T>>的形式。控件实现了高度自适应,根据控件的个数,计算控件的高度。内部的viewpager和gridview视图都以动态创建,无需新建一个xml文件,整个控件只需要一个item的布局文件。

使用方法

使用时可以先请求一个接口,需初始化数据,数据初始化需要根据总个数初始化所有数据,在每次分页加载的时候,再通过请求当页的数据,更改数据,刷新页面。

 viewPager = findViewById(R.id.ninePages);
    //数据初始化
    List<List<TestEntity>> lists = new ArrayList<>();
    for (int i = 0; i < 6; i++) {//页数
      List<TestEntity> list1 = new ArrayList<>();
      for (int j = 0; j < 9; j++) {//每页个数
        TestEntity entity = new TestEntity();
        entity.setText("j=" + j + "/i=" + i);
        list1.add(entity);
      }
      lists.add(list1);
    }
    //设置不每页重复加载
    viewPager.setEveryRequest(false);
    //设置分页加载
    viewPager.setPagingLoad(true);
    viewPager.setListener(new RequestDataListener<TestEntity>() {
      @Override
      public void request(int position) {//分页加载
        List<TestEntity> changeList =new ArrayList<>();
        for (int i = 0; i < 9; i++) {
          TestEntity testEntity = new TestEntity();
          testEntity.setText("change" + i);
          changeList.add(testEntity);
        }
        //数据刷新
        viewPager.dataInvalidate(position,changeList);
      }

      @Override
      public int gridViewColumn() {//gridview列数
        return 3;
      }

      @Override
      public View getView(LayoutInflater inflater, int position, View convertView, ViewGroup parent, List<TestEntity> list) {
        ViewHolder viewHolder = null;
        if(convertView == null){
          convertView = inflater.inflate(R.layout.item_gridview,parent,false);
          viewHolder = new ViewHolder();
          viewHolder.textView = convertView.findViewById(R.id.textview);
          convertView.setTag(viewHolder);
        }else{
          viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.textView.setText(list.get(position).getText());
        return convertView;
      }
    });
     viewPager.setList(lists);
class ViewHolder{
    private TextView textView;
  }

注意:viewPager.setList(lists);要在最后调用

视图控件

public class NinePagesPagination<T> extends LinearLayout {
  private View mView;
  private ViewPager viewPager;
  private Context context;
  private List<List<T>> list = new ArrayList<>();
  //已经请求过的,不在重复请求
  private List<Integer> hasAdded = new ArrayList<>();
  //是否每次请求
  private boolean isEveryRequest;
  //是否进行分页加载
  private boolean isPagingLoad;
  private RequestDataListener listener;
  private MyViewPagerAdapter adapter;
  private ViewPager.OnPageChangeListener pageChangeListener;
  public NinePagesPagination(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    this.context = context;
    viewPager = new ViewPager(context);
    LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    viewPager.setLayoutParams(params);
    mView = viewPager;
    addView(mView);
  }

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    if(listener!=null && listener.gridViewColumn() != 0){
      int column = listener.gridViewColumn();
      int row = (int) Math.ceil((double) list.get(0).size()/column);
      int heightMeasureSpec2 = MeasureSpec.makeMeasureSpec(row*getWidth()/column,
          MeasureSpec.AT_MOST);
      setMeasuredDimension(widthMeasureSpec,heightMeasureSpec2);
    }
  }

  public void setListener(RequestDataListener listener) {
    this.listener = listener;
  }

  public void setPageChangeListener(ViewPager.OnPageChangeListener pageChangeListener) {
    this.pageChangeListener = pageChangeListener;
  }

  public void setEveryRequest(boolean everyRequest) {
    isEveryRequest = everyRequest;
  }

  public void setPagingLoad(boolean pagingLoad) {
    isPagingLoad = pagingLoad;
  }

  public void setList(List<List<T>> list) {
    this.list = list;
    initView();
    invalidate();
  }

  private void initView() {
    adapter = new MyViewPagerAdapter(context, list,listener);
    viewPager.setAdapter(adapter);
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
      @Override
      public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        if(pageChangeListener != null){
          pageChangeListener.onPageScrolled(position,positionOffset,positionOffsetPixels);
        }
      }

      @Override
      public void onPageSelected(int position) {
        if(pageChangeListener != null){
          pageChangeListener.onPageSelected(position);
        }
        if (isPagingLoad) {//分页加载
          if (isEveryRequest) {//每次都请求
            adapter.setCurrentPosition(position);
            listener.request(position);
          } else {//请求过一次将不在重复请求
            if (!hasAdded.contains(position)) {
              hasAdded.add(position);
              adapter.setCurrentPosition(position);
              listener.request(position);
            }
          }
        }
      }


      @Override
      public void onPageScrollStateChanged(int state) {
        if(pageChangeListener != null){
          pageChangeListener.onPageScrollStateChanged(state);
        }
      }
    });
  }
  //数据刷新
  public void dataInvalidate(int position,List<T> changeList){
    list.set(position, changeList);
    adapter.notifyDataSetChanged();
  }
}

viewpager适配器:

public class MyViewPagerAdapter<T> extends PagerAdapter {
  private Context context;
  private List<List<T>> list;
  private LayoutInflater inflater;
  private MyGridViewAdapter adapter;
  private int currentPosition;
  private RequestDataListener listener;
  public MyViewPagerAdapter(Context context, List<List<T>> list,RequestDataListener listener) {
    this.context = context;
    this.list = list;
    this.listener = listener;
    inflater = LayoutInflater.from(context);
  }

  @Override
  public int getCount() {
    return list.size();
  }

  @Override
  public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
    return view == object;
  }

  @NonNull
  @Override
  public Object instantiateItem(@NonNull ViewGroup container, int position) {
    GridView view = new GridView(context);
    ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    view.setLayoutParams(params);
    view.setTag(position);
    if(listener!=null && listener.gridViewColumn() != 0){
      view.setNumColumns(listener.gridViewColumn());
    }
    adapter = new MyGridViewAdapter(context, list.get(position),listener);
    view.setAdapter(adapter);
    container.addView(view);
    return view;
  }

  @Override
  public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
    container.removeView((View) object);
  }

  @Override
  public int getItemPosition(@NonNull Object object) {
    //viewpager立即刷新页面
    if (list != null && list.size() == 0) {
      return POSITION_NONE;
    }
    View view = (View) object;
    if (currentPosition == (Integer) view.getTag()) {
      return POSITION_NONE;
    } else {
      return POSITION_UNCHANGED;
    }
  }

  @Override
  public void notifyDataSetChanged() {
    super.notifyDataSetChanged();
    if(adapter != null){
      adapter.notifyDataSetChanged();
    }
  }

  public void setCurrentPosition(int currentPosition) {
    this.currentPosition = currentPosition;
  }
}

gridview适配器

public class MyGridViewAdapter<T> extends BaseAdapter{
  private Context context;
  private List<T> list;
  private LayoutInflater inflater;
  private RequestDataListener listener;
  public MyGridViewAdapter(Context context, List<T> list,RequestDataListener listener){
    this.context = context;
    this.list = list;
    this.listener = listener;
    inflater = LayoutInflater.from(context);
  }
  @Override
  public int getCount() {
    return list.size();
  }

  @Override
  public Object getItem(int position) {
    return list.get(position);
  }

  @Override
  public long getItemId(int position) {
    return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    convertView = listener.getView(inflater,position,convertView,parent,list);
    int width;
    //计算item的宽
    if(listener != null &listener.gridViewColumn() != 0){
       width = parent.getWidth()/listener.gridViewColumn();
    }else{
       width = parent.getWidth()/3;
    }
    //设置item的宽高相等
    convertView.setLayoutParams(new AbsListView.LayoutParams(width,width));
    return convertView;
  }
}

暴露的接口

public interface RequestDataListener<T> {
  void request(int position);
  //gridView列数
  int gridViewColumn();
  View getView(LayoutInflater inflater, int position, View convertView, ViewGroup parent, List<T> list);
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • grid 九宫格,功能类似于微信钱包界面中的九宫格,用于展示有多个相同级别的入口。包含功能的图标和简洁的文字描述。实现这个布局主要就是用了 weui 中的 .weui-grid,这种布局在 mpvue中也是完全支持的,示例代码如下: <template> <div class="page"> <div class="page__bd"> <div class="weui-g

  • 九宫格问题,要求: 行列必须为相等的奇数 每行数字之和、每列数字之和、两个对角线数字之和,都相等 思路说明 按照下面的方式排列 横向为x(从0到n-1),纵向为y方向(从0到n-1) 1、第一个数放在X方向的中间位置 2、其它数顺次放置各个位置,并依据如下原则:(假设第一个数是a,第二个数是b) 以a为中心的位置关系分别为: 左上|上|右上 左 |a |右 左下|下|右下 (1)b放在a的右上位置

  • 本文向大家介绍Android Studio 实现九宫格功能,包括了Android Studio 实现九宫格功能的使用技巧和注意事项,需要的朋友参考一下 运行结果 1.图 2.动图 九个图标是设置的,你也可以设置4 * 4 = 16都可以。 3.分享个GIF动图的.exe 链接: link. 代码activity_main.xml item.xml MainActivity.java 源代码程序包

  • 本文向大家介绍asp.net分页控件使用详解【附实例下载】,包括了asp.net分页控件使用详解【附实例下载】的使用技巧和注意事项,需要的朋友参考一下 一、说明 AspNetPager.dll这个分页控件主要用于asp.net webform网站,现将整理代码如下 二、代码 1、首先在测试页面Default.aspx页面添加引用 <%@ Register Assembly="AspNetPager

  • 本文向大家介绍Android实现九宫格拼图游戏,包括了Android实现九宫格拼图游戏的使用技巧和注意事项,需要的朋友参考一下 经常有同学问到,使用Android能不能开发游戏呢?能开发那些游戏呢?由于操作系统和开发语言局限,一般开发安卓手机游戏,我们很少使用其自带语言开发。而是使用指定编译器和语言完成,能够使界面更流畅,用户体验感更好。但是对于一些常见小游戏,使用JAVA语言开发运行,还是不在话

  • 本文向大家介绍Android评分RationBar控件使用详解,包括了Android评分RationBar控件使用详解的使用技巧和注意事项,需要的朋友参考一下 Android评分RationBar控件,供大家参考,具体内容如下 主要是不想用太多三方的控件,所以决定尽可能自己写,最近有写一个评分的页面,废话不多说直接上图 我觉得嘛 这个东西用ViewGroup包起来感觉会写很多View 于是我决定使