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布局有所帮助。

时间: 2024-09-25 20:50:20

Android RecyclerView布局就这么简单的相关文章

Android RecyclerView布局就这么简单_Android

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

Android RecyclerView详解及简单实例

Android  RecyclerView 小白今天第一次接触RecyclerView,前辈大神告诉我这是一个很神奇的控件,一看就是一整天. RecyclerView中有规定好的方法去显示列表,图片甚至视频.还带有删除新建某一列表的方法.相对于ListView这个 RecyclerView控件就更加牛了. 明白的大神看一眼就懂,小白可以自己照源码敲一遍看看效果.这段程序是把A-Z按列排列下来: package com.example.osserver.recycler; import andro

Android RecyclerView添加FootView和HeadView_Android

前提概要: 上一篇文章已经介绍过了RecyclerView的基本使用方法,原文如下:android RecyclerView布局真的只是那么简单!此篇文章算是对RecyclerView更深使用的介绍. FootView和HeadView在ListView中的本身就有相对应的函数,但是在新潮的RecyclerView中却没有了,FootView在分页加载(上拉加载更多)中起着很重要的作用,因此也必须要学习一下了.(HeadView的添加与FootView的添加相比大致一样,在此就只讲FootVie

Android RecyclerView添加FootView和HeadView

前提概要: 上一篇文章已经介绍过了RecyclerView的基本使用方法,原文如下:android RecyclerView布局真的只是那么简单!此篇文章算是对RecyclerView更深使用的介绍. FootView和HeadView在ListView中的本身就有相对应的函数,但是在新潮的RecyclerView中却没有了,FootView在分页加载(上拉加载更多)中起着很重要的作用,因此也必须要学习一下了.(HeadView的添加与FootView的添加相比大致一样,在此就只讲FootVie

Android中RecyclerView布局代替GridView实现类似支付宝的界面_Android

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

Android RecyclerView网格布局(支持多种分割线)详解(2)

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

Android RecyclerView的简单使用

本文实例为大家分享了Android RecyclerView使用的具体代码,供大家参考,具体内容如下 package com.itheima74.recyclerview; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.Rec

Android RecyclerView添加头部和底部的方法_Android

如果只是想添加头部,可是使用GitHub里面这个项目,它可以为LinearLayoutManager,GridLayoutManager ,StaggeredGridLayoutManager布局的RecyclerView添加header.使用起来也十分简单: 只需将RecyclerViewHeader布局放在RecyclerView的上层. <FrameLayout android:layout_width="match_parent" android:layout_heigh

Android RecyclerView实现下拉列表功能_Android

现在市面上的很多的应用,都带有下拉列表的功能,将所有选项都放在下拉列表中,当用户点击选择的时候,弹出所有的选项,用户选择一项后,下拉列表自动隐藏,很多下拉列表都是用ListView + PopupWindow来实现的,由于Google推出了替代ListView的RecyclerView,所以简单实现一下: MainActivity.java package com.jackie.countdowntimer; import android.graphics.drawable.BitmapDraw