android中RecyclerView的简单使用(二)——分割线

在上一篇中我们描述了recyclerview的简单使用,实现了横向的recyclerview,运行效果如下图:


若要让其显示为下图所示的效果:


只需将HORIZONTAL修改为VERTICAL如下图箭头所指位置:



看完效果图之后,我们会发现它虽然代替了listview,但是它没有listview中的分割线。当然,这也是我们上篇文章中提到的关于recyclerview的缺点之一:分割线需要自己写。

在ListView中,Google为我们提供了SetDivider(Drawable divider)这样的方法来设置分隔线,那么在RecyclerView中,Google又为我们提供了什么样的方法去添加分隔线呢?通过查看官方文档,它,提供了:addItemDecoration(RecyclerView.ItemDecoration decor)这个方法了设置分隔线,那问题又来了,RecyclerView.ItemDecoration是什么东西呢?(文章结尾部分做出了解释)

那么接下来就将分割线的有关代码贴出来,并将我自己的理解描述一下。

首先先贴代码:

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
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.support.v7.widget.RecyclerView.ItemDecoration;
import android.support.v7.widget.RecyclerView.LayoutParams;
import android.support.v7.widget.RecyclerView.State;
import android.support.v7.widget.RecyclerView.ViewHolder;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
	// 创建集合,存放数据
	private ArrayList<String> list = new ArrayList<String>();
	private RecyclerView recyclerView;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 查找控件
		recyclerView = (RecyclerView) findViewById(R.id.rview);
		// 初始化list集合
		for (int i = 0; i < 100; i++) {
			list.add("数据  " + i);
		} 
		MyAdapter adapter = new MyAdapter(MainActivity.this, list);
		//将适配器放到recyclerView上
		//创建线性布局管理者对象
		LinearLayoutManager manager = new LinearLayoutManager(MainActivity.this);
		//StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(2,
		//		RecyclerView.VERTICAL);
		//通过manager对象设置显示方向
		manager.setOrientation(RecyclerView.VERTICAL);
		//将管理者对象给recyclerView
		recyclerView.setLayoutManager(manager);
		recyclerView.setAdapter(adapter);
		recyclerView.addItemDecoration(new MyDecor(MainActivity.this, RecyclerView.VERTICAL));
		
	}
}

class MyAdapter extends RecyclerView.Adapter<ViewHolder> {
	// 声明两个属性,接收传递过来的数据
	private Context context;
	private ArrayList<String> list;
	private MyViewHolder viewHolder;

	// 创建一个构造方法,将数据和activity的上下文传递过来
	public MyAdapter(Context context, ArrayList<String> list) {
		this.context = context;
		this.list = list;
	}

	// 返回显示的条目个数
	@Override
	public int getItemCount() {
		// TODO Auto-generated method stub
		return list.size();
	}

	@Override
	public void onBindViewHolder(ViewHolder arg0, int arg1) {
		// 将父类的对象强转为子类对象
		// MyViewHolder myViewHolder = (MyViewHolder) arg0;
		if (arg0 instanceof MyViewHolder) {
			viewHolder = (MyViewHolder) arg0;
		}
		String ss = list.get(arg1);
		viewHolder.textView.setText(ss);
	}

	// 创建viewholder对象,并将对象返回
	@Override
	public ViewHolder onCreateViewHolder(ViewGroup arg0, int arg1) {
		View view = LayoutInflater.from(context).inflate(R.layout.re, null);
		ViewHolder viewHolder = new MyViewHolder(view);
		return viewHolder;
	}

	class MyViewHolder extends ViewHolder {
		TextView textView;

		public MyViewHolder(View view) {
			super(view);
			textView = (TextView) view.findViewById(R.id.tview);
		}

	}
}

class MyDecor extends ItemDecoration {
	//定义一个水平和竖直常量
	private final int Horization  = RecyclerView.HORIZONTAL;
	private final int Vertical  = RecyclerView.VERTICAL;
	//创建一个int型的数组,在数组中存放android中自带的分割线
	private int [] attrs = {android.R.attr.listDivider};
	//声明一个图片对象
	private Drawable drawable;
	//声明一个RecyclerView的方向
	private int oritation;
	public MyDecor (Context context,int orization){
		TypedArray array = context.obtainStyledAttributes(attrs);
		drawable = array.getDrawable(0);
		//让这个属性重复使用
		array.recycle();
		//判断方向
		if (orization != Horization && orization != Vertical) {
			//如果既不是水平又不是竖直的,抛出异常
			throw new IllegalArgumentException("没有该方向");
		}else {
			oritation = orization;
		}
		
	}
	@Override
	public void onDraw(Canvas c, RecyclerView parent, State state) {
		// TODO Auto-generated method stub
		super.onDraw(c, parent, state);
		if (oritation == Vertical) {
			drawHor(c, parent);
		}
		
	}
	@Override
	@Deprecated
	public void getItemOffsets(Rect outRect, int itemPosition,
			RecyclerView parent) {
		// TODO Auto-generated method stub
		super.getItemOffsets(outRect, itemPosition, parent);
	}
	//新建一个方法,在水平方向画一条线
	public void drawHor(Canvas canvas,RecyclerView recyclerView){
		int left = recyclerView.getPaddingLeft();
		int right = recyclerView.getWidth()-recyclerView.getPaddingRight();
		int childCount = recyclerView.getChildCount();
		for (int i = 0; i < childCount; i++) {
			View child = recyclerView.getChildAt(i);
			//获取item上view视图的参数对象
			RecyclerView.LayoutParams params = (LayoutParams) child.getLayoutParams();
			//根据参数对象获取参数值
			int top =child.getBottom() + params.bottomMargin; 
			//设置bottom坐标
			int bottom = top + drawable.getIntrinsicHeight();
			drawable.setBounds(left, top, right, bottom);
			//画到花板上
			drawable.draw(canvas);
			
		}
	}
	
}

这个就是画分割线的方法,我在这里用了内部类的写法,但是不建议这种写法,这样写代码不仅繁杂,还不规范。

在mainactivity中就是进行一系列的查找控件和一些属性的设置,adapter其实和上一篇是一致的,重要的部分就是MyDecor类。

说到这个MyDecor类,就要说一下ItemDecoration

ItemDecoration该类为抽象类,官方目前并没有提供默认的实现类
里面封装了三个方法: (1)void getItemOffsets () (2)void onDraw () (3)void onDrawOver ()
onDraw方法先于drawChildren
onDrawOver在drawChildren之后,一般我们选择复写其中一个即可。
getItemOffsets 可以通过outRect.set()为每个Item设置一定的偏移量,主要用于绘制Decorator。

当我们调用mRecyclerView.addItemDecoration()方法添加decoration的时候,RecyclerView在绘制的时候,去会绘制decorator,即调用该类的onDraw和onDrawOver方法。

我们使用recyclerview的时候,如果没有设置显示条目的margin,或者padding的话,是没有分割线效果的。 那么除去使用margin或padding,其余的方法是用itemdecoration绘制分割线我们绘制分割线的时候通常会使用drawable去绘制,那个drawable是怎么得到的呢?


方法1:可以使用android自带的属性:android.R.attr.listDivider属性可以获得,那么获得drawable的方法是:
首先获得TypedArray对象,这个是存储属性的一个容器,得到方法是
context.obtainStyledAttributes(int类型数组)
private int[]mDrawableId={android.R.attr.listDivider};
TypedArray ta = mContext.obtainStyledAttributes(mDrawableId);
然后,在从这个属性容器中去得到对应得drawable得到方法是:
Drawable mDrawable=ta.getDrawable(0);
然后再通过重写ItemDecoration中的onDrawOver的方法去书写你的分割线即可。


我现在拿画横线来说,从上面这个图中,我们很容易就可以看到,我们画分隔线的位置,是在每一个Item的布局之间。
我们确定了画在哪里,那我们怎么确定画线的具体的坐标位置呢?也就是我们要确定:分隔线的left, top, right, Bottom. 在Adapter中,我们很容易通过parent(这个parent它其实就是我们能看到的部分)获取每一个childView: (1)left:parent.getPaddingLeft() (2)right: parent. getWidth()-parent.getPaddingRight(); (3)top : 就是红线的上面:我们通过ChildView.getBottom()来得到这个Item的底部的高度,也就是蓝线位置,蓝线和红线之间间距:就是这个Item布局文件的:layout_marginBottom, 然后top的位置就是两者之和。 (4)bttom: 就是top加上分隔线的高度:top+线高。


以上就是recyclerview设置分割线的介绍。

效果图如下:



不足之处请多指教!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值