全面了解学习Android中常见的RecylerView

安卓系统中最常用的控件是RecylerView,当然H5布局除外 安卓5.0推出的RecyclerView是支持-v7包中的一个新组件。用来代替列表视图(ListView)和网格视图(GridView),可以实现瀑布的布局。它更先进、更灵活,提供了更高效的回收机制,同时实现了管理与视图的脱钩。

简介
定义谷歌的滑动组件来取代列表视图
功能:更强大的功能,对定制风格更丰富的支持,以及更高的可扩展性

与ListView对比来说

 

优势和劣势
RecyclerView控制点击和长按事件更麻烦,需要自己编写,但更自由!

应用场景
列表页面显示界面(需要扩展,需要支持动画,频繁更新和本地刷新)

基本概念
回收视图。适配器
像列表视图一样,循环视图需要一个适配器,这个适配器迫使我们使用视图保持器来优化性能。此外,getView不需要自己编写。我们只需要编写视图保持器,视图的重用已经被封装。

布局管理器
布局管理器(LayLayoutManager),设置为LinearLayoutManager,GridLayoutManager,StaggeredGridLayoutManager,可以轻松实现列表视图、GridView和流式布局的列表效果。

它还可以管理滚动和回收

项目动画制作人
这个类可以添加和删除动画,如果你不想设置它,它的默认效果已经很好了。

使用步骤
1定义主xml布。
2根据需要定义由每一行循环视图实现的xml布局。
3定义一个适配器类来继承RecyclerView。适配器并重写其中的方法。
4定义哈希表列表,并以键值对的形式存储数据。
5构造适配器对象并设置适配器。
6将回收视图绑定到适配器。
示例演示

<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="${relativePackage}.${activityClass}" >

<android.support.v7.widget.RecyclerView
android:id="@+id/my_recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="horizontal"
/><!--设置一个RecyclerView-->

</RelativeLayout>

引入支持包

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

定义RecyclerView每行所实现的xml布局(item布局)list_cell.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ItemImage"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Text"
android:id="@+id/Itemtitle" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Text"
android:id="@+id/Itemtext"
android:layout_below="@+id/Itemtitle"/>
</RelativeLayout>
</LinearLayout>

定义一个Adapter类继承 RecyclerView.Adapter,重写里面的方法。MyAdapter.java

package scut.receiverview;

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

import java.util.ArrayList;
import java.util.HashMap;

/**
* Created by yany on 2016/4/11.
*/
public class MyAdapter extends RecyclerView.Adapter {
private LayoutInflater inflater;
private ArrayList<HashMap<String, Object>> listItem;
private MyItemClickListener myItemClickListener;

public MyAdapter(Context context, ArrayList<HashMap<String, Object>> listItem) {
inflater = LayoutInflater.from(context);
this.listItem = listItem;
}//构造函数,传入数据


//定义Viewholder
class Viewholder extends RecyclerView.ViewHolder {
private TextView Title, Text;
private ImageView ima;

public Viewholder(View root) {
super(root);
Title = (TextView) root.findViewById(R.id.Itemtitle);
Text = (TextView) root.findViewById(R.id.Itemtext);
ima = (ImageView) root.findViewById(R.id.ItemImage);
root.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (myItemClickListener != null)
myItemClickListener .onItemClick(v,getPosition());
}

}//监听到点击就回调MainActivity的onItemClick函数
);

}

public TextView getTitle() {
return Title;
}

public TextView getText() {
return Text;
}

public ImageView getIma() {
return ima;
}


}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return new Viewholder(inflater.inflate(R.layout.list_cell, null));
}//在这里把ViewHolder绑定Item的布局

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
Viewholder vh = (Viewholder) holder;
vh.Title.setText((String) listItem.get(position).get("ItemTitle"));
vh.Text.setText((String) listItem.get(position).get("ItemText"));
vh.ima.setImageResource((Integer) listItem.get(position).get("ItemImage"));
}//在这里绑定数据到ViewHolder里面

@Override
public int getItemCount() {
return listItem.size();
}//返回Item数目

public void setOnItemClickListener(MyItemClickListener listener){
myItemClickListener = listener;
}//绑定MainActivity传进来的点击监听器
}

实现点击事件

在Viewholder里面设置了点击事件监听器
通过调用OnItemClickListener的接口方法回调MainActivity里的方法。
MyItemClickListener.java接口:用来实现点击事件

package scut.receiverview;
import android.view.View;

public interface MyItemClickListener {
public void onItemClick(View view,int postion);
}

在MainActicity.java里:

  • 定义一个HashMap构成的列表,将数据以键值对的方式存放在里面。
  • 构造Adapter对象,设置适配器
  • 将RecyclerView绑定到Adapter上

MainActicity.java

package scut.receiverview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
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.HashMap;

public class MainActivity extends AppCompatActivity implements MyItemClickListener {
private RecyclerView Rv;
private ArrayList<HashMap<String,Object>> listItem;
private MyAdapter myAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initData();
initView();

}

public void initData(){
listItem = new ArrayList<HashMap<String, Object>>();/*在数组中存放数据*/
for (int i = 0; i < 100; i++) {
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("ItemTitle", "第" + i + "行");
map.put("ItemText", "这是第" + i + "行");
map.put("ItemImage",R.mipmap.ic_launcher);
listItem.add(map);
}
}
public void initView(){

Rv = (RecyclerView) findViewById(R.id.my_recycler_view);
//使用线性布局
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
Rv.setLayoutManager(layoutManager);
Rv.setHasFixedSize(true);
Rv.addItemDecoration(new DividerItemDecoration(this, layoutManager.getOrientation()));//用类设置分割线
//Rv.addItemDecoration(new DividerItemDecoration(this, R.drawable.list_divider)); //用已有图片设置分割线

//为ListView绑定适配器
myAdapter = new MyAdapter(this,listItem);
myAdapter.setOnItemClickListener(this);
Rv.setAdapter(myAdapter);

}

@Override
public void onItemClick(View view, int postion) {//点击事件的回调函数
System.out.println("点击了第"+postion+"行");
Toast.makeText(this, (String)listItem.get(postion).get("ItemText"), Toast.LENGTH_SHORT).show();
}

}

实现分割线ItemDecoration

DividerItemDecoration.java:

package scut.receiverview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.TypedValue;
import android.view.View;


public class DividerItemDecoration extends RecyclerView.ItemDecoration {
/*
* RecyclerView的布局方向,默认先赋值
* 为纵向布局
* RecyclerView 布局可横向,也可纵向
* 横向和纵向对应的分割想画法不一样
* */
private int mOrientation = LinearLayoutManager.VERTICAL ;

/**
* item之间分割线的size,默认为1
*/
private int mItemSize = 1 ;

/**
* 绘制item分割线的画笔,和设置其属性
* 来绘制个性分割线
*/
private Paint mPaint ;

/**
* 构造方法传入布局方向,不可不传
* @param context
* @param orientation
*/
public DividerItemDecoration(Context context,int orientation) {
this.mOrientation = orientation;
if(orientation != LinearLayoutManager.VERTICAL && orientation != LinearLayoutManager.HORIZONTAL){
throw new IllegalArgumentException("请传入正确的参数") ;
}
mItemSize = (int) TypedValue.applyDimension(mItemSize, TypedValue.COMPLEX_UNIT_DIP,context.getResources().getDisplayMetrics());
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG) ;
mPaint.setColor(Color.BLUE);
/*设置填充*/
mPaint.setStyle(Paint.Style.FILL);
}

@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
if(mOrientation == LinearLayoutManager.VERTICAL){
drawVertical(c,parent) ;
}else {
drawHorizontal(c,parent) ;
}
}

/**
* 绘制纵向 item 分割线
* @param canvas
* @param parent
*/
private void drawVertical(Canvas canvas,RecyclerView parent){
final int left = parent.getPaddingLeft() ;
final int right = parent.getMeasuredWidth() - parent.getPaddingRight() ;
final int childSize = parent.getChildCount() ;
for(int i = 0 ; i < childSize ; i ++){
final View child = parent.getChildAt( i ) ;
RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
final int top = child.getBottom() + layoutParams.bottomMargin ;
final int bottom = top + mItemSize ;
canvas.drawRect(left,top,right,bottom,mPaint);
}
}

/**
* 绘制横向 item 分割线
* @param canvas
* @param parent
*/
private void drawHorizontal(Canvas canvas,RecyclerView parent){
final int top = parent.getPaddingTop() ;
final int bottom = parent.getMeasuredHeight() - parent.getPaddingBottom() ;
final int childSize = parent.getChildCount() ;
for(int i = 0 ; i < childSize ; i ++){
final View child = parent.getChildAt( i ) ;
RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
final int left = child.getRight() + layoutParams.rightMargin ;
final int right = left + mItemSize ;
canvas.drawRect(left,top,right,bottom,mPaint);
}
}

/**
* 设置item分割线的size
* @param outRect
* @param view
* @param parent
* @param state
*/
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
if(mOrientation == LinearLayoutManager.VERTICAL){
outRect.set(0,0,0,mItemSize);
}else {
outRect.set(0,0,mItemSize,0);
}
}
}
转载请注明出处:全面了解学习Android中常见的RecylerView
本文链接:https://www.cmezy.com/blog/adrv
 

评论0

请先

没有账号? 忘记密码?