Android 开发之RecycleView的简单使用

简介:

RecyclerView是support-v7包中的新组件,是一个强大的滑动组件,与经典的ListView相比,同样拥有item回收复用的功能,但是直接把viewholder的实现封装起来,用户只要实现自己的viewholder就可以了,该组件会自动帮你回收复用每一个item。它不但变得更精简,也变得更加容易使用,而且更容易组合设计出自己需要的滑动布局。要使用

RecyclerView,请参考 ,其实你也可以只下载一个jar包,添加到自己的libs里就能使用它了Recycler.jar这个包。


推荐使用理由:

RecyclerView is a more advanced and flexible version of ListView. This widget is a container for large sets of views that can be recycled and scrolled very efficiently. Use the RecyclerView widget when you have lists with elements that change dynamically.

简单说,它是ListView的进化,为了当你需要动态展示一组数据的时候就会需要它。



当然,如果只是动态展示数据,listview也可以做到,用它替代listview的原因有几个:

-简介中提到的它封装了viewholder的回收复用。

-RecyclerView使用布局管理器管理子view的位置(目前尚只提供了LinearLayoutManager),也就是说你再不用拘泥于ListView的线性展示方式,如果之后提供其他custom

- LayoutManager的支持,你能够使用复杂的布局来展示一个动态组件。

-自带了ItemAnimation,可以设置加载和移除时的动画,方便做出各种动态浏览的效果。


使用案例一:普通的 listview 展示类型

①:效果图



②xml文件
<?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.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerVertical="true"
        android:scrollbars="vertical" />

</LinearLayout>

③bean 对象(ps:这里只是举例,可根据具体对象来实现)
package com.demo.bean;

import java.io.Serializable;

public class Recycler implements Serializable {

	private static final long serialVersionUID = 1L;
	private int imageId;
	private String title;
	private String time;

	public Recycler(int imageId, String title, String time) {
		super();
		this.imageId = imageId;
		this.title = title;
		this.time = time;
	}

	public int getImageId() {
		return imageId;
	}

	public void setImageId(int imageId) {
		this.imageId = imageId;
	}

	public String getTitle() {
		return title;
	}

	public void setTitle(String title) {
		this.title = title;
	}

	public String getTime() {
		return time;
	}

	public void setTime(String time) {
		this.time = time;
	}

}

④适配器
package com.demo.adapter;

import java.util.List;

import android.annotation.SuppressLint;
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 com.demo.bean.Recycler;
import com.demo.ui.R;

/**
 * 适配器
 * 
 * @author zengtao 2015年7月17日 下午3:27:17 
 *
 */
public class RecycleAdapter extends RecyclerView.Adapter<RecycleAdapter.ViewHolder> {
	private List<Recycler> list;

	public RecycleAdapter(List<Recycler> list) {
		this.list = list;

	}

	@Override
	public int getItemCount() {
		return list.isEmpty() ? 0 : list.size();
	}

	@SuppressLint("InflateParams")
	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int arg1) {
		View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_item, null);
		ViewHolder vh = new ViewHolder(view);

		vh.recycler_item_image = (ImageView) view.findViewById(R.id.recycler_item_image);
		vh.recycler_item_name = (TextView) view.findViewById(R.id.recycler_item_name);
		vh.recycler_item_time = (TextView) view.findViewById(R.id.recycler_item_time);

		return vh;
	}

	/** 
	* 设置值 
	*/
	@Override
	public void onBindViewHolder(final ViewHolder viewHolder, final int i) {
		final Recycler rc = list.get(i);
		viewHolder.recycler_item_image.setImageResource(rc.getImageId());
		viewHolder.recycler_item_name.setText(rc.getTitle());
		viewHolder.recycler_item_time.setText(rc.getTime());
	}

	static class ViewHolder extends RecyclerView.ViewHolder {

		private ImageView recycler_item_image;
		private TextView recycler_item_name, recycler_item_time;

		public ViewHolder(View itemView) {
			super(itemView);
		}
	}
}

PS:其实大家也看到了,关于适配器,和以前我们使用listview的写法有一些区别

1.getItemCount() 这个方法不用说了,也就是老样子,一样的用法

2.关于ViewHolder这个类,以前所用的东西,都是我们自己所写的,但是现在呢,他给我们给封装好了,所以,我们写这个类的时候,我们只需要自己继承它本身给我们的RecyclerView.ViewHolder,在onCreateViewHolder中去寻找控件就好了,当然接下来我们会看到一个方法onBindViewHolder方法,看到方法名字,我们就会知道,其实它是一个绑定数据的方法,很清晰。

3.或许,接下来大家会发现一个问题,那就是,如果我点击这个item的时候,我跳转到详情页面,怎么办,我草了,我要传入数据过去怎么办,这么坑爹,在哪里写啊,郁闷中,麻痹,关于这个东西嘛,不能点击,苦恼啊。  
那么简单,我们给他写一个接口就好了嘛,在系统的的控件中,xxxview.setOnClickLinstener我们当时,用的那是啪啦啪啦的,现在没有怎么办,那么现在你来写呗,自己去创造,也不就是一样嘛,其实就是一个接口嘛。

4.我会在下一个示例中,将接口给添加上去


⑤主界面调用
package com.demo.ui;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.demo.adapter.RecycleAdapter;
import com.demo.bean.Recycler;

/**
 * RecyclerView 演示
 * 
 * @author zengtao 2015年7月27日 下午4:06:40 
 *
 */
public class MainActivity extends Activity {

	/**
	 * RecyclerView 所需
	 */
	private RecyclerView recyclerView;
	private RecycleAdapter adapter;
	private LinearLayoutManager manager;
	private List<Recycler> list;

	/**
	 * 图片id
	 */
	private int[] imageId;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main_activity);
		initView();
		initData();
	}

	/**
	 * 初始化控件
	 */
	private void initView() {
		recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
	}

	/**
	 * 初始化数据
	 */
	private void initData() {
		// 1.获取图片的数据
		imageId = new int[] { R.drawable.image_1, R.drawable.image_2, R.drawable.image_3, R.drawable.image_4, R.drawable.image_5, R.drawable.image_6, R.drawable.image_7 };
		list = new ArrayList<Recycler>();
		for (int i = 0; i < imageId.length; i++) {
			list.add(new Recycler(imageId[i], "羊信息", "2015-7-29 15:3" + i));
		}

		// 2.设置布局管理器
		manager = new LinearLayoutManager(this);
		manager.setOrientation(LinearLayoutManager.VERTICAL);
		recyclerView.setLayoutManager(manager);

		// 3.设置适配器
		adapter = new RecycleAdapter(list);
		recyclerView.setAdapter(adapter);
		adapter.notifyDataSetChanged();

	}
}

ps:以上呢,就能够实现了,普通的listview的显示了,有很多的app当中,都是这样的一个模板化的显示,当然,如果这个控件如果真的只是这样,那我可能会问,listview不是一样可以实现么,这用这么麻烦的下载jar包,导入,等等,这不是很麻烦,接下来为大家写一个本来需要用gridview来实现的横向滚动的效果


使用案例二:横向滚动代替gridview实现滚动效果

①:效果图


②:RecycleView布局改变

<?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" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/recycler_item_image"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:layout_gravity="center_vertical"
            android:src="@drawable/image_1" />

        <TextView
            android:id="@+id/recycler_item_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="5dp"
            android:gravity="center"
            android:text="羊羊羊"
            android:textColor="#ff00ff"
            android:textSize="12sp" />
    </LinearLayout>

</LinearLayout>

②适配器稍作修改
package com.demo.adapter;

import java.util.List;

import android.annotation.SuppressLint;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.demo.bean.Recycler;
import com.demo.ui.R;

/**
 * 适配器
 * 
 * @author zengtao 2015年7月17日 下午3:27:17 
 *
 */
public class RecycleAdapterH extends RecyclerView.Adapter<RecycleAdapterH.ViewHolder> {
	private List<Recycler> list;

	public RecycleAdapterH(List<Recycler> list) {
		this.list = list;

	}

	@Override
	public int getItemCount() {
		return list.isEmpty() ? 0 : list.size();
	}

	@SuppressLint("InflateParams")
	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int arg1) {
		View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_item_h, null);
		ViewHolder vh = new ViewHolder(view);

		vh.recycler_item_image = (ImageView) view.findViewById(R.id.recycler_item_image);
		vh.recycler_item_name = (TextView) view.findViewById(R.id.recycler_item_name);

		return vh;
	}

	/** 
	* 设置值 
	*/
	@Override
	public void onBindViewHolder(final ViewHolder viewHolder, final int i) {
		final Recycler rc = list.get(i);
		viewHolder.recycler_item_image.setImageResource(rc.getImageId());
		viewHolder.recycler_item_name.setText(rc.getTitle());

		viewHolder.recycler_item_image.setImageResource(list.get(i).getImageId());
		// 如果设置了回调,则设置点击事件
		if (mOnItemClickLitener != null) {
			viewHolder.recycler_item_image.setOnClickListener(new OnClickListener() {

				@Override
				public void onClick(View v) {
					mOnItemClickLitener.onItemClick(viewHolder.recycler_item_image, i);
				}
			});
		}
	}

	/** 
	* ItemClick的回调接口 
	*/
	public interface OnItemClickLitener {
		void onItemClick(View view, int position);
	}

	private OnItemClickLitener mOnItemClickLitener;

	public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) {
		this.mOnItemClickLitener = mOnItemClickLitener;
	}

	static class ViewHolder extends RecyclerView.ViewHolder {

		private ImageView recycler_item_image;
		private TextView recycler_item_name;

		public ViewHolder(View itemView) {
			super(itemView);
		}
	}
}

ps:在这里呢,我就将接口给添加了上去,这样就方便大家可以啪啪啪了,

③:主界面的调用
package com.demo.ui;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Toast;

import com.demo.adapter.RecycleAdapterH;
import com.demo.adapter.RecycleAdapterH.OnItemClickLitener;
import com.demo.bean.Recycler;

/**
 * RecyclerView 演示
 * 
 * @author zengtao 2015年7月27日 下午4:06:40 
 *
 */
public class MainActivity extends Activity {

	/**
	 * RecyclerView 所需
	 */
	private RecyclerView recyclerView;
	private RecycleAdapterH adapter;
	private LinearLayoutManager manager;
	private List<Recycler> list;

	/**
	 * 图片id
	 */
	private int[] imageId;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main_activity);
		initView();
		initData();
	}

	/**
	 * 初始化控件
	 */
	private void initView() {
		recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
	}

	/**
	 * 初始化数据
	 */
	private void initData() {
		// 1.获取图片的数据
		imageId = new int[] { R.drawable.image_1, R.drawable.image_2, R.drawable.image_3, R.drawable.image_4, R.drawable.image_5, R.drawable.image_6, R.drawable.image_7 };
		list = new ArrayList<Recycler>();
		for (int i = 0; i < imageId.length; i++) {
			list.add(new Recycler(imageId[i], "羊信息"));
		}

		// 2.设置布局管理器
		manager = new LinearLayoutManager(this);
		manager.setOrientation(LinearLayoutManager.HORIZONTAL);
		recyclerView.setLayoutManager(manager);

		// 3.设置适配器
		adapter = new RecycleAdapterH(list);
		recyclerView.setAdapter(adapter);
		adapter.notifyDataSetChanged();
		adapter.setOnItemClickLitener(new OnItemClickLitener() {

			@Override
			public void onItemClick(View view, int position) {
				Toast.makeText(MainActivity.this, position + "", Toast.LENGTH_SHORT).show();
			}
		});
	}
}

ps:大家可能会看见,如果我想要点击这个带一个效果,比如,感觉有按下的效果,很简单,自己写一个xml在里面添加android:state_focused,android:state_pressed属性,给于相应的颜色,在把这个xml添加到RecycleView的item中的background中就ok了

总结:

这样也就差不多了,从上到下讲解了关于RecycleView的详情介绍和使用,相信小伙伴们都应该会了,那么久拿去装逼吧,相对于以前我们实现类似的左右滑动效果,现在

这个RecycleView实现起来简单的太多了,效果嘛,也还是好的。
其实RecycleView一个最大的特点还没有说明,那就是用于动态添加数据的时候,绝对比你ListView添加数据要强悍的多


ps:关于下载的demo,里面只包含了局部东西,还有些呢,是要你自己去实现了,有时候,大家动动手,那绝对比抄袭要好的多,能够收获更多,虽然大家编写程序,最

大的特点就是学会抄,但是你还是要进度的,如果你真的具备了有研究一个东西的意识,想要彻底的转换为自己的东西,那么你举例高级工程师,那只是时间的问题。

祝:小伙伴们天天开心,工作顺顺利利。



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值