Android RecyclerView布局就这么简单_Android

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索android
, 布局
recyclerview
recyclerview网格布局、recyclerview多布局、recyclerview复杂布局、recyclerview多种布局、recyclerview流式布局,以便于您获取更多的相关知识。

时间: 2024-10-06 11:05:13

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

Android RecyclerView布局就这么简单

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

Android RecyclerView 基础知识详解_Android

本周的谷歌I/O大会带来了很多关于Android的振奋人心的消息.可能我们需要较长的时间来消化Android L引入的新东西. 这些天我一直在研究RecyclerView,并想在此给各位分享一下到目前为止我的成果. RecyclerView是什么? RecyclerView是一种新的视图组,目标是为任何基于适配器的视图提供相似的渲染方式.它被作为ListView和GridView控件的继承者,在最新的support-V7版本中提供支持. 在开发RecyclerView时充分考虑了扩展性,因此用它

Android 五大布局方式详解_Android

Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件. 帧布局(FrameLayout):组件从屏幕左上方布局组件. 表格布局(TableLayout):按照行列方式布局组件. 相对布局(RelativeLayout):相对其它组件的布局方式.  绝对布局(AbsoluteLayout):按照绝对坐标来布局组件.  1. 线性布局 线性布局是Android开发中最常见的一种布局方式,它是按照垂直或者水平方向来布局,通过"androi

Android RecyclerView打造自动循环效果_Android

先看效果图 主要处理的地方: 1.RecyclerView中Adapter的item个人可以无限轮询. 2.RecyclerView自动滑动 3.手指按下时滑动停止,手指抬起后继续自动滑动 public class AutoPollRecyclerView extends RecyclerView { private static final long TIME_AUTO_POLL = 16; AutoPollTask autoPollTask; private boolean running;

Android RecyclerView详解及简单实例

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

深入Android 五大布局对象的应用_Android

FrameLayout(帧布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局)FrameLayout:FrameLayout是最简单的一个布局对象.它被定制为你屏幕上的一个空白备用区域,之后你可以在其中填充一个单一对象 ,比如,一张你要发布的图片.所有的子元素将会固定在屏幕的左上角:你不能为FrameLayout中的一个子元素指定一个位置.后一个子元素将会直接在前 一个子元素之上进行

android 线性布局LinearLayout实例代码_Android

布局文件:res/layout/activity_my.xml 复制代码 代码如下: [html]  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:id="@+id/LinearLayout"     android:

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