Android RecyclerView加载不同布局简单实现

2024-12-05 01:50:39

前言

关于RecyclerView的使用这里就不在赘述了,相信网上一搜一大把(本人之前的文章也有简单的使用介绍),这次我们讲的是RecyclerView在使用的过程中,有时候会根据不同的位置加载不同的布局的简单实现,这里只是起到抛砖引玉的作用

效果图

设计思想
•重写RecyclerView.Adapter的getItemViewType(int position),
在此方法中根据不同的position，设置不同的ViewType
•编写具体的RecyclerView.ViewHolder子类(不同子类对应不同View或Layout)
•重写RecyclerView.Adapter的onCreateViewHolder(ViewGroup parent,int viewType)
在此方法中根据我们之前设置的ViewType来返回不同的RecyclerView.ViewHolder的子类

代码

使用RecyclerView需要添加依赖

compile 'com.android.support:recyclerview-v7:24.1.1'

首先是MainActivity布局,很简单的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="com.example.hfs.recyclerviewloadlayout.MainActivity">

  <android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
</RelativeLayout>

然后是MainActivity代码

package com.example.hfs.recyclerviewloadlayout;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

  private RecyclerView mRecyclerView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    initView();

    initData();
  }

  private void initData() {
    List<String> descs = new ArrayList<>();
    descs.clear();

    List<Integer> images = new ArrayList<>();
    images.clear();

    for (int i = 1; i < 21; i++) {
      descs.add("测试数据" + (i < 10 ? "0" + i : i));
    }

    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);
    images.add(R.mipmap.ic_launcher);

    MyAdapter adapter = new MyAdapter(MainActivity.this, descs, images);
    mRecyclerView.setAdapter(adapter);
    RecyclerView.LayoutManager manager = new LinearLayoutManager(MainActivity.this, LinearLayoutManager.VERTICAL, false);
    mRecyclerView.setLayoutManager(manager);
    mRecyclerView.addItemDecoration(new DividerItemDecoration(MainActivity.this, DividerItemDecoration.VERTICAL_LIST));

    adapter.setmOnItemClickListener(new MyAdapter.OnItemClickListener() {
      @Override
      public void onItemClick(View view, int position) {
        Toast.makeText(MainActivity.this, "点击了" + position + "位置", Toast.LENGTH_SHORT).show();
      }
    });
  }

  private void initView() {
    mRecyclerView= (RecyclerView) findViewById(R.id.recyclerview);
  }
}

然后是我们的适配器

package com.example.hfs.recyclerviewloadlayout;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by HFS on 2016/8/24.
 */
public class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

  private Context mContext;
  private List<String> descs;
  private List<Integer> images;
  private List<Object> allList;

  private static final int TEXTVIEW_VIEWTYPE = 1;
  private static final int IMAGEVIEW_VIEWTYPE = 2;

  public interface OnItemClickListener {
    void onItemClick(View view, int position);
  }

  private OnItemClickListener mOnItemClickListener;

  public OnItemClickListener getmOnItemClickListener() {
    return mOnItemClickListener;
  }

  public void setmOnItemClickListener(OnItemClickListener mOnItemClickListener) {
    this.mOnItemClickListener = mOnItemClickListener;
  }

  public MyAdapter(Context mContext, List<String> descs, List<Integer> images) {
    this.mContext = mContext;
    this.descs = descs;
    this.images = images;

    allList = new ArrayList<>();
    allList.clear();
    for (int i = 0; i < descs.size(); i++) {
      allList.add(descs.get(i));
      allList.add(images.get(i));
    }
  }

  @Override
  public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    RecyclerView.ViewHolder holder = getViewHolderByViewType(viewType);
    return holder;
  }

  private RecyclerView.ViewHolder getViewHolderByViewType(int viewType) {

    View tv_ItemView = View.inflate(mContext, R.layout.item_tv, null);
    View iv_ItemView = View.inflate(mContext, R.layout.item_iv, null);

    RecyclerView.ViewHolder holder = null;
    switch (viewType) {
      case TEXTVIEW_VIEWTYPE:
        holder = new MyTextView_ViewHolder(tv_ItemView);
        break;
      case IMAGEVIEW_VIEWTYPE:
        holder = new MyImageView_ViewHolder(iv_ItemView);
        break;
    }
    return holder;
  }

  @Override
  public int getItemViewType(int position) {
    int viewType = -1;
    int index = position % 2;
    switch (index) {
      case 0:
        viewType = TEXTVIEW_VIEWTYPE;
        break;
      case 1:
        viewType = IMAGEVIEW_VIEWTYPE;
        break;
    }
    return viewType;
  }

  @Override
  public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
    if (position % 2 == 0) {
      ((MyTextView_ViewHolder) holder).tv.setText(((String) allList.get(position)));
      ((MyTextView_ViewHolder) holder).view.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
          if (mOnItemClickListener != null) {
            mOnItemClickListener.onItemClick(v, position);
          }
        }
      });

    } else {
      ((MyImageView_ViewHolder) holder).iv.setImageResource(((Integer) allList.get(position)));
      ((MyImageView_ViewHolder) holder).view.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
          if (mOnItemClickListener != null) {
            mOnItemClickListener.onItemClick(v, position);
          }
        }
      });
    }
  }

  @Override
  public int getItemCount() {
    return allList.size();
  }

  class MyTextView_ViewHolder extends RecyclerView.ViewHolder {
    public View view;
    public TextView tv;

    public MyTextView_ViewHolder(View itemView) {
      super(itemView);
      this.view = itemView;
      this.tv = (TextView) itemView.findViewById(R.id.tv);
    }
  }

  class MyImageView_ViewHolder extends RecyclerView.ViewHolder {

    public View view;
    public ImageView iv;

    public MyImageView_ViewHolder(View itemView) {
      super(itemView);
      this.view = itemView;
      this.iv = (ImageView) itemView.findViewById(R.id.iv);
    }
  }
}

接着就是我们自定义的DividerItemDecoration

package com.example.hfs.recyclerviewloadlayout;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

/**
 * Created by HFS on 2016/8/24.
 */
public class DividerItemDecoration extends RecyclerView.ItemDecoration {
  private static final int[] ATTRS = new int[]{
      android.R.attr.listDivider
  };

  public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

  public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

  private Drawable mDivider;

  private int mOrientation;

  public DividerItemDecoration(Context context, int orientation) {
    final TypedArray a = context.obtainStyledAttributes(ATTRS);
    mDivider = a.getDrawable(0);
    a.recycle();
    setOrientation(orientation);
  }

  public void setOrientation(int orientation) {
    if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
      throw new IllegalArgumentException("invalid orientation");
    }
    mOrientation = orientation;
  }

  @Override
  public void onDraw(Canvas c, RecyclerView parent) {

    if (mOrientation == VERTICAL_LIST) {
      drawVertical(c, parent);
    } else {
      drawHorizontal(c, parent);
    }

  }

  public void drawVertical(Canvas c, RecyclerView parent) {
    final int left = parent.getPaddingLeft();
    final int right = parent.getWidth() - parent.getPaddingRight();

    final int childCount = parent.getChildCount();
    for (int i = 0; i < childCount; i++) {
      final View child = parent.getChildAt(i);
      RecyclerView v = new RecyclerView(parent.getContext());
      final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
          .getLayoutParams();
      final int top = child.getBottom() + params.bottomMargin;
      final int bottom = top + mDivider.getIntrinsicHeight();
      mDivider.setBounds(left, top, right, bottom);
      mDivider.draw(c);
    }
  }

  public void drawHorizontal(Canvas c, RecyclerView parent) {
    final int top = parent.getPaddingTop();
    final int bottom = parent.getHeight() - parent.getPaddingBottom();

    final int childCount = parent.getChildCount();
    for (int i = 0; i < childCount; i++) {
      final View child = parent.getChildAt(i);
      final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
          .getLayoutParams();
      final int left = child.getRight() + params.rightMargin;
      final int right = left + mDivider.getIntrinsicHeight();
      mDivider.setBounds(left, top, right, bottom);
      mDivider.draw(c);
    }
  }

  @Override
  public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
    if (mOrientation == VERTICAL_LIST) {
      outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
    } else {
      outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
    }
  }
}

项目地址:https://github.com/Greathfs/RecyclerViewLoadLayout

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android 中RecyclerView多种item布局的写法（头布局+脚布局）

RecyclerView多个item布局的写法(头布局+脚布局) 上图 github 下载源码 Initial commit第一次提交的代码,为本文内容以下的为主要代码,看注释即可,比较简单 MainActivity 含上拉加载更多 package com.anew.recyclerviewall; import android.os.Bundle; import android.os.Handler; import android.support.v7.app.AppCompatActivi
Android RecyclerView网格布局（支持多种分割线）详解(2)

上篇Android RecyclerView 详解(1)-线性布局记录了下RecyclerView的使用方法,并且讲述了线性布局列表的使用方法,在此基础上加上了万能分割线,支持颜色分割线和图片分割线,同时支持对分割线设置线宽. 这篇是总结一下网格布局的使用,同样也支持两种分割线和线宽的设置. 主要的相关类: 1. RecyclerView.Adapter 2. GridLayoutManager 网格布局管理器 3. RecycleView.ItemDecoration 分割线下面就直接通过
Android使用RecyclerView实现自定义列表、点击事件以及下拉刷新

Android使用RecyclerView 1. 什么是RecyclerView RecyclerView 是 Android-support-v7-21 版本中新增的一个 Widgets,官方对于它的介绍则是:RecyclerView 是 ListView 的升级版本,更加先进和灵活. 简单来说就是:RecyclerView是一种新的视图组,目标是为任何基于适配器的视图提供相似的渲染方式.它被作为ListView和GridView控件的继承者,在最新的support-V7版本中提供支持. 2.
Android中RecyclerView布局代替GridView实现类似支付宝的界面

单纯使用GridView 通用的两种给GridView 添加分割线的方法:http://stackoverflow.com/questions/7132030/android-gridview-draw-dividers 给Gridview 添加分割线,也就是实现网格布局,不清楚谷歌为什么没有给Gridview 添加一个类似 ListView 的Divider 属性,因此就需要我们自己去添加分割线, 目前两种方法,第一种是利用GridView 的 android:horizontalSpac
Android开发中RecyclerView模仿探探左右滑动布局功能

我在此基础上优化了部分代码, 添加了滑动回调, 可自定义性更强. 并且添加了点击按钮左右滑动的功能. 据说无图都不敢发文章了. 看图: 1:这种功能, 首先需要自己管理布局继承 RecyclerView.LayoutManager , 显示自己管理布局, 比如最多显示4个view, 并且都是居中显示. 底部的View还需要进行缩放,平移操作. public class OverLayCardLayoutManager extends RecyclerView.LayoutManager { p
Android RecyclerView的Item点击事件实现整理

自从开始使用RecyclerView代替ListView,会发现有很多地方需要学习.前一段时间的学习记录有: RecyclerView的滚动事件研究 - DevWiki RecyclerView的ViewHolder和Adapter的封装优化 - DevWiki RecyclerView问题记录 - DevWiki 实现 RecyclerView的Item的点击事件有三种方式: 在创建 ItemView时添加点击监听当 ItemView attach RecyclerView时实现通过Rec
RecyclerView的使用之多种Item加载布局

本文给大家介石介绍下如何利用RecyclerView实现多Item布局的加载,多Item布局的加载的意思就是在开发过程中List的每一项可能根据需求的不同会加载不同的Layout. 下面给大家展示下演示效果图: * 图片资源版权归属于Facebook dribbble RecyclerView实现加载不同的Layout的核心就是在Adapter的onCreateViewHolder里面去根据需求而加载不同的布局. 具体的实现步骤:(以Android Studio作为开发工具) 1:Gradle配
Android RecyclerView点击事件

一.概述随着Android L版本的发布,RecyclerView已经逐渐地取代了ListView,用来显示较多的数据集,RecyclerView相比ListView在性能上有了大幅度的提升,可以说RecyclerView是AbsListView的升级版本.RecyclerView自带了ViewHolder使用,与ListView缓存convertView不同的是,RecyclerView缓存的是ViewHolder,操作对象也是ViewHolder.虽然ListView也带有缓存conver
Recyclerview添加头布局和尾布局、item点击事件详解

简介: 本篇博客主要包括recyclerview添加多种布局以及添加头布局和尾布局,还有item点击事件思路: 主要重写Recyclerview.Adapter中的一些方法 1.public int getItemCount() item熟练 +2(头布局和尾布局) 2.public int getItemViewType(int position) 判断position 设置itemType 3.创建不同的ViewHolder,分别用来加载头布局,正常布局,尾布局 4.public
Android RecyclerView布局就这么简单

RecyclerView是什么? 笔者个人看法,RecyclerView只是一个对ListView的升级版,这个升级的主要目的是为了让这个view的效率更高,并且使用更加方便. 我们知道,ListView通过使用ViewHolder来提升性能.ViewHolder通过保存item中使用到的控件的引用来减少findViewById的调用,以此使ListView滑动得更加顺畅.但这种模式在listview中即使不使用也无妨. 换言之,在ListView中你不考虑复用的问题也可以,只是你牺牲了内存来方

Android RecyclerView加载不同布局简单实现

相关推荐

随机推荐