登录
当前位置： 首页 > 编程笔记 >

Android RecyclerView布局就这么简单

海灵均
2023-03-14
本文向大家介绍Android RecyclerView布局就这么简单，包括了Android RecyclerView布局就这么简单的使用技巧和注意事项，需要的朋友参考一下

RecyclerView是什么？

笔者个人看法，RecyclerView只是一个对ListView的升级版，这个升级的主要目的是为了让这个view的效率更高，并且使用更加方便。
我们知道，ListView通过使用ViewHolder来提升性能。ViewHolder通过保存item中使用到的控件的引用来减少findViewById的调用，以此使ListView滑动得更加顺畅。但这种模式在listview中即使不使用也无妨。
换言之，在ListView中你不考虑复用的问题也可以，只是你牺牲了内存来方便了代码。但是RecyclerView就不允许你这么做了，你使用RecyclerView就意味着你一定要复用，而效果上其实和ListView+ViewHolder差不多。

demo效果：(源码在文章结尾)


主要实现功能：
1、可以动态排版，选择linearlayou和gridlayout
2、可以增减item
3、实现对item点击事件的监听
4、实现点击事件，点击后能够使item中的字体变成红色

RecyclerView如何使用？

RecyclerView是support-v7包中的新组件(此处意味着首先要导入v7包)，是一个强加的滑动组件，与经典的Listview相比，它同样拥有item回收服用的功能，但是RecyclerView已经封装好了ViewHolder，用户只需要实现自己的ViewHolder就可以了，该组件会自动帮你复用每一个item。

使用RecyclerView笔者认为主要有两个步骤：
1、设置LayoutManager
2、设置和定义Adapter（主要是实现ViewHolder）

由于RecyclerView与listview的使用比较类似，此处还是用大家比较熟悉的listview来解释。
RecyclerView与listview的使用，主要不同在两个地方：
1、需要定义LayoutManager（这点比较简单，不多讲解）
2、listview定义的Adapter主要是针对view来进行操作的，而RecyclerView主要是针对ViewHolder来进行操作的。
3、listview本身实现了点击事件，而RecyclerView如果需要点击事件，需要自己写一个接口。（新手不要害怕，并不难）

下面就分点介绍一下在listview中不会碰到的几个点，也可能是新手认为的RecyclerView的难点：

一、RecyclerView针对ViewHolder来进行操作
此处主要需要了解RecyclerView必须实现的三个方法:

public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
在任何ViewHolder被实例化的时候，OnCreateViewHolder将会被触发。
此处实现的内容与fragment中的onCreateView差不多，只是onCreateView最后返回的是view而此处返回的是一个ViewHolder。（注意：使用的时候此处的ViewHolder应该是自己定义的，而不是RecyclerView.ViewHolder）

public void onBindViewHolder(ViewHolder holder, int position)
此处建立起ViewHolder中视图与数据的关联。由于ViewHolder是自己实现的，此处使用ViewHolder会显得特别自由方便。

public int getItemCount()
这个就不多说了，和listview中的差不多，返回数据的size。

除了这三个方法外，最重要的是需要自己实现一个ViewHolder，这个ViewHolder也需要继承RecyclerView.ViewHolder，（如果需要实现点击事件，也需要应用OnClickListener）
在这个ViewHolder中，可以设置属性，并且与ViewHolder视图内的各个控件绑定，使用起来就十分方便了。
笔者demo中代码：

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener { 
    public TextView tvViewHolder; 
    public LinearLayout llViewHolder; 
 
    //初始化viewHolder，此处绑定后在onBindViewHolder中可以直接使用 
    public ViewHolder(View itemView){ 
      super(itemView); 
      tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder); 
      llViewHolder=(LinearLayout) itemView; 
      llViewHolder.setOnClickListener(this); 
    } 
 
    //通过接口回调来实现RecyclerView的点击事件 
    @Override 
    public void onClick(View v) { 
      if(mOnItemClickListener!=null) { 
        //此处调用的是onItemClick方法，而这个方法是会在RecyclerAdapter被实例化的时候实现 
        mOnItemClickListener.onItemClick(v, getItemCount()); 
      } 
    } 
  }

二、点击事件需要自己写一个接口
这个如果花点时间了解概念，其实并不难，主要有以下步骤：（不懂可以看笔者demo）

下面均为笔者demo中的代码；
1、创建一个接口，并在里面写上你需要实现的方法

//定义OnItemClickListener的接口,便于在实例化的时候实现它的点击效果 
public interface OnItemClickListener { 
  void onItemClick(View view, int position); 
}

2、创建一个该接口的对象来存储监听事件
public OnItemClickListener mOnItemClickListener; 

3、在需要使用到该方法的地方进行调用

public ViewHolder(View itemView){ 
      super(itemView); 
      tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder); 
      llViewHolder=(LinearLayout) itemView; 
      llViewHolder.setOnClickListener(this); 
    } 

//通过接口回调来实现RecyclerView的点击事件 
    @Override 
    public void onClick(View v) { 
      if(mOnItemClickListener!=null) { 
        //此处调用的是onItemClick方法，而这个方法是会在RecyclerAdapter被实例化的时候实现 
        mOnItemClickListener.onItemClick(v, getItemCount()); 
      } 
    }

源码截图：


MainActivity:

package com.example.double2.recyclerviewtest; 
 
import android.graphics.Color; 
import android.os.Bundle; 
import android.support.v7.app.AppCompatActivity; 
import android.support.v7.widget.GridLayoutManager; 
import android.support.v7.widget.LinearLayoutManager; 
import android.support.v7.widget.RecyclerView; 
import android.view.View; 
import android.widget.AdapterView; 
import android.widget.ArrayAdapter; 
import android.widget.Button; 
import android.widget.Spinner; 
import android.widget.TextView; 
 
import java.util.ArrayList; 
import java.util.List; 
 
public class MainActivity extends AppCompatActivity { 
 
  private RecyclerView mRecyclerView; 
  private RecyclerAdapter mRecyclerAdapter; 
  private RecyclerView.LayoutManager mLayoutManager; 
  private Spinner mSpinner; 
 
  private List<String> mData = new ArrayList<String>(); 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
 
    //增加测试数据 
    mData.add("Recycler"); 
    mData.add("Recycler"); 
    mData.add("Recycler"); 
 
    initView(); 
  } 
 
  private void initView() { 
    mRecyclerView = (RecyclerView) findViewById(R.id.rc_main); 
    mLayoutManager = new LinearLayoutManager(this); 
    mRecyclerView.setLayoutManager(mLayoutManager); 
    mRecyclerView.setHasFixedSize(true); 
 
    //设置Spinner 
    mSpinner = (Spinner) findViewById(R.id.sp_main); 
    List<String> mList = new ArrayList<String>(); 
    mList.add("LinearLayout"); 
    mList.add("GridLayout"); 
    mSpinner.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mList)); 
    mSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { 
      @Override 
      public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { 
        switch (position) { 
          case 0: 
            //设置为线性布局 
            mRecyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this)); 
            break; 
          case 1: 
            //设置为网格布局,3列 
            mRecyclerView.setLayoutManager(new GridLayoutManager(MainActivity.this, 3)); 
            break; 
        } 
      } 
 
      @Override 
      public void onNothingSelected(AdapterView<?> parent) { 
 
      } 
    }); 
 
    mRecyclerAdapter = new RecyclerAdapter(mData); 
    mRecyclerView.setAdapter(mRecyclerAdapter); 
    mRecyclerAdapter.setOnItemClickListener(new RecyclerAdapter.OnItemClickListener() { 
      //此处实现onItemClick的接口 
      @Override 
      public void onItemClick(final View view, int position) { 
        TextView tvRecycleViewItemText = (TextView) view.findViewById(R.id.tv_view_holder); 
        //如果字体本来是黑色就变成红色，反之就变为黑色 
        if (tvRecycleViewItemText.getCurrentTextColor() == Color.BLACK) 
          tvRecycleViewItemText.setTextColor(Color.RED); 
        else 
          tvRecycleViewItemText.setTextColor(Color.BLACK); 
      } 
    }); 
 
    Button btnAdd = (Button) findViewById(R.id.btn_main_add); 
    Button btnDel = (Button) findViewById(R.id.btn_main_del); 
    btnAdd.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
        mData.add("Recycler"); 
        int position = mData.size(); 
        if (position > 0) 
          mRecyclerAdapter.notifyDataSetChanged(); 
      } 
    }); 
    btnDel.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
        int position = mData.size(); 
        if (position > 0) { 
          mData.remove(position - 1); 
          mRecyclerAdapter.notifyDataSetChanged(); 
        } 
      } 
    }); 
 
  } 
}

RecyclerAdapter:

package com.example.double2.recyclerviewtest; 
 
import android.support.v7.widget.RecyclerView; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.LinearLayout; 
import android.widget.TextView; 
 
import java.util.List; 
 
/** 
 * 项目名称：RecyclerViewTest 
 * 创建人：Double2号 
 * 创建时间：2016/4/18 8:12 
 * 修改备注： 
 */ 
public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> { 
  private List<String> mData; 
 
  public RecyclerAdapter(List<String> data) { 
    mData = data; 
  } 
 
  //定义一个监听对象，用来存储监听事件 
  public OnItemClickListener mOnItemClickListener; 
 
  public void setOnItemClickListener(OnItemClickListener itemClickListener) { 
    mOnItemClickListener = itemClickListener; 
  } 
 
  //定义OnItemClickListener的接口,便于在实例化的时候实现它的点击效果 
  public interface OnItemClickListener { 
    void onItemClick(View view, int position); 
  } 
 
  public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener { 
    public TextView tvViewHolder; 
    public LinearLayout llViewHolder; 
 
    //初始化viewHolder，此处绑定后在onBindViewHolder中可以直接使用 
    public ViewHolder(View itemView){ 
      super(itemView); 
      tvViewHolder=(TextView)itemView.findViewById(R.id.tv_view_holder); 
      llViewHolder=(LinearLayout) itemView; 
      llViewHolder.setOnClickListener(this); 
    } 
 
    //通过接口回调来实现RecyclerView的点击事件 
    @Override 
    public void onClick(View v) { 
      if(mOnItemClickListener!=null) { 
        //此处调用的是onItemClick方法，而这个方法是会在RecyclerAdapter被实例化的时候实现 
        mOnItemClickListener.onItemClick(v, getItemCount()); 
      } 
    } 
  } 
  @Override 
  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
    View views= LayoutInflater.from(parent.getContext()).inflate( 
        R.layout.rc_item,parent,false); 
    return new ViewHolder(views); 
  } 
 
  @Override 
  public void onBindViewHolder(ViewHolder holder, int position) { 
    //建立起ViewHolder中试图与数据的关联 
     holder.tvViewHolder.setText(mData.get(position)+position); 
  } 
 
  @Override 
  public int getItemCount() { 
    return mData.size(); 
  } 
}

activity_main:

<?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:paddingBottom="@dimen/activity_vertical_margin" 
  android:paddingLeft="@dimen/activity_horizontal_margin" 
  android:paddingRight="@dimen/activity_horizontal_margin" 
  android:paddingTop="@dimen/activity_vertical_margin" 
  > 
 
  <android.support.v7.widget.RecyclerView 
    android:id="@+id/rc_main" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1"> 
  </android.support.v7.widget.RecyclerView> 
 
  <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
 
    <Spinner 
      android:id="@+id/sp_main" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"/> 
 
    <Button 
      android:id="@+id/btn_main_add" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="@string/add"/> 
 
    <Button 
      android:id="@+id/btn_main_del" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="@string/del"/> 
 
  </LinearLayout> 
</LinearLayout>

rc_item:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="3dp" 
       android:background="@android:color/darker_gray" 
       android:gravity="center" 
       android:orientation="vertical" 
  > 
 
  <ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@mipmap/ic_launcher"/> 
 
  <TextView 
    android:id="@+id/tv_view_holder" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textColor="@android:color/black" 
    android:textSize="20sp"/> 
</LinearLayout>

以上就是本文的全部内容，希望对大家学习Android布局有所帮助。

 类似资料：
  • 读懂正则表达式就这么简单

    本文向大家介绍读懂正则表达式就这么简单，包括了读懂正则表达式就这么简单的使用技巧和注意事项，需要的朋友参考一下 一 前言 　　对于正则表达式，相信很多人都知道，但是很多人的第一感觉就是难学，因为看第一眼时，觉得完全没有规律可寻，而且全是一堆各种各样的特殊符号，完全不知所云。 其实只是对正则不了解而以，了解了你就会发现，原来就这样啊正则所用的相关字符其实不多，也不难记，更不难懂，唯一难的就是组合起来

  • Grid 布局简介

    Grid 与 Flex 布局有一定的相似性，但是功能更加强大，学习起来也有不少难度，不过相信下面的内容会帮你更快的掌握 Grid。 1. 官方定义 通过设置 display: grid; 可以定义一个 CSS 网格。然后使用 grid-template-rows 和 grid-template-columns 属性来定义网格的 columns 和 rows。 使用这些属性定义的网格被描述为 显式网

  • 前端 - 这样的布局怎么写？

    宽度不定，间距相同，左对齐。

  • Linux 就该这么学

    Linux 系统的兴盛受益于开源社区的强健根基，我们将与读者一起学习了解开源软件的优势，了解诸如GPL、LGPL、BSD、Apache、MIT、Mozilla等热门开源许可证，方便今后做出更好的选择。

  • JSwing简单按钮/JFXPanel布局

    有人能告诉我用Java实现下图中的布局最简单的方法吗？ JFXPanel应该占用所有屏幕空间，但在调整窗口大小时应该保持相同大小的按钮除外。 我所做的一切都让按钮太大了。也许是JFXPanel的大小弄乱了，我不知道。 谢谢，这快把我逼疯了。

  • jquery实现简单的瀑布流布局

    本文向大家介绍jquery实现简单的瀑布流布局，包括了jquery实现简单的瀑布流布局的使用技巧和注意事项，需要的朋友参考一下 是开头都会说的原理 瀑布流布局有两种，一种是固定列，一种是非固定列。在此主要记述第一种的实现。 固定列的特征是：无论页面如何缩放，每行的总列数都一致。 一行4列的瀑布流从布局的角度来说，就是4个li标签。通过一定的事件（比如滚动条滚动多少px），然后读取之，再把数据动态地

相关阅读

Three.js实现简单3D房间布局仅9张思维导图帮你轻松学习Javascript 就这么简单jQuery实现表格奇偶行显示不同背景色 就这么简单简析Android五大布局（LinearLayout、FrameLayout、RelativeLayout等）Android 简单实现一个流式布局的示例

相关文章

JavaFX BorderPane布局JavaFX FlowPane布局2.2.4 FrameLayout(帧布局)CSS弹性布局CSS多列布局

相关问答

为什么这个派生类不是标准布局类？你怎么能漂浮：就在这里？javascript - 如何实现这样一个布局？iOS怎么做流体布局为什么这个简单的Haskell程序这么慢？[重复]

相关工具

仿QQ聊天布局局域网发布共享文件仿网易新闻的滑动视图布局简单UITableViewDemo简单CMS

相关文档

Linux 就该这么学Markdown 简单的世界上云如此简单简单粗暴 TensorFlow 2Ember.js 简单入门教程
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.