1. 程式人生 > 程式設計 >android九宮格可分頁載入控制元件使用詳解

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,@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,ViewGroup parent) {
    convertView = listener.getView(inflater,position,convertView,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,List<T> list);
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。