android5.0中RecycleView的用法

最新推荐文章于 2024-03-21 03:58:57 发布
最新推荐文章于 2024-03-21 03:58:57 发布
阅读量4.3k 收藏 3
点赞数
分类专栏： android 文章标签： android开发 android5.0 RecycleView CardView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net//mockingbirds/article/details/42245991
版权

            最近学习了android5.0中新增的一个组件RecycleView，是用来代替当前的listview开发的，是因为在RecycleView中已经有了viewholder缓存，并且不同的item之间可以设置不同的布局。能非常有效地维护了意见数量有限，滚动大的数据集。使用 RecyclerView当你拥有的数据的集合，它的元素在运行时改变基于用户行为和网络事件的小部件

首先看看RecyclerView的一个小例子：

需要引入：android-support-v7-appcompat.jar

          android-v7-RecyclerView.jar来支持低版本的android系统

新建一个my_layout.xml布局文件：里边放置一个RecyclerView

<android.support.v7.widget.RecyclerView
        android:id="@+id/rvlist"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical"
        />

在之前的listview开发中，我们需要自定义viewholder来缓存listView中的数据，而在RecyclerView中，已经封装好了viewholder在adapter中，接下来自定义我们的adapter

public class MyAdapter2 extends RecyclerView.Adapter<MyAdapter2.ViewHolder>
{
	// 数据集
	private String[] mDataset;

	public MyAdapter2(String[] dataset)
	{
		super();
		mDataset = dataset;
	}

	@Override
	public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i)
	{

		// 创建一个View，简单起见直接使用系统提供的布局，就是一个TextView

		View view = View.inflate(viewGroup.getContext(),R.layout.viewholder_item, null);

		// 创建一个ViewHolder

		ViewHolder holder = new ViewHolder(view);

		return holder;

	}

	@Override
	public void onBindViewHolder(ViewHolder viewHolder, int i)
	{

		// 绑定数据到ViewHolder上

		viewHolder.mTextView.setText(mDataset[i]);

	}

	@Override
	public int getItemCount()
	{

		return mDataset.length;

	}

	public static class ViewHolder extends RecyclerView.ViewHolder
	{

		public TextView mTextView;

		public ViewHolder(View itemView)
		{

			super(itemView);

//			mTextView = (TextView) itemView;
			mTextView = (TextView) itemView.findViewById(R.id.view_text_id);

		}

	}

}

在activity这样调用，并设置adapter

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.rvlist); 

		 // 创建一个线性布局管理器 

		 LinearLayoutManager layoutManager = new LinearLayoutManager(this); 
		 
		 layoutManager.setOrientation(LinearLayoutManager.VERTICAL);

		 // 设置布局管理器 

		 recyclerView.setLayoutManager(layoutManager); 

		 // 创建数据集 
		 String[] dataset = new String[100]; 

		 for (int i = 0; i < dataset.length; i++){ 

		 dataset[i] = "item" + i; 

		 } 

		 // 创建Adapter，并指定数据集 

		MyAdapter2 adapter = new MyAdapter2(dataset); 

		 // 设置Adapter 

		 recyclerView.setAdapter(adapter); 
		 
		 }

运行效果：



在这个例子中只是用到了最基本的布局，下面结合android中新增的CardView和RecycleView实现一个复杂的布局：

先看效果图：


CardView继承自FrameLayout，允许你在card视图中显示信息. CardView也可以设置阴影和圆角。（其实现在很多应用都自定义了Card视图，Google这回将card视图作为基本控件，可以拿来直接使用了）

Layout中为CardView设置圆角使用card_view:cardCornerRadius属性

代码中为CardView设置圆角使用CardView.setRadius方法

为CardView设置背景颜色使用card_view:cardBackgroundColor属性

1.在item布局中引入cardview组件

  <android.support.v7.widget.CardView
        android:id="@+id/cardview_id"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:cardCornerRadius="5dp"
        app:cardElevation="0dp" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="5dp" >

            <ImageView
                android:id="@+id/image_id"
                android:layout_width="20dp"
                android:layout_height="20dp" 
                android:layout_alignParentLeft="true"
                />

            <TextView
                android:id="@+id/text_id"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:textColor="#f89ef5"
                android:textSize="20dp"
                android:layout_centerInParent="true" />
        </RelativeLayout>
    </android.support.v7.widget.CardView>

需要注意的是要在最底层的layout中引入cardview的命名空间：

xmlns:app=http://schemas.android.com/apk/res-auto

要实现不同的item有不同的布局，需要有一个type字段来作为区分，这里，我新建一个UserInfo类，如下：

public class UserInfo {
	
	public static final int hasImage = 1;
	public static final int noImage = 2;
	
	private String mUserName;
	private int userImage;
	
	int type;

	public String getmUserName() {
		return mUserName;
	}

	public void setmUserName(String mUserName) {
		this.mUserName = mUserName;
	}

	public int getUserImage() {
		return userImage;
	}

	public void setUserImage(int userImage) {
		this.userImage = userImage;
	}

	public int getType() {
		return type;
	}

	public void setType(int type) {
		this.type = type;
	}

	public UserInfo(String mUserName, int type) {
		this.mUserName = mUserName;
		this.type = type;
	}

	public UserInfo(String mUserName, int userImage, int type) {
		this.mUserName = mUserName;
		this.userImage = userImage;
		this.type = type;
	}
}

hasImage和noImage分别表示该item需不需要加载图片，来加载不同的布局。

接下来看看Adapter的代码：

public class MyAdapter extends RecyclerView.Adapter<ViewHolder>{

	private List<UserInfo>mList = null;
	private Context context = null;

	public MyAdapter(List<UserInfo> mList, Context context) {
		super();
		this.mList = mList;
		this.context = context;
		//		for (int i = 0; i < mList.size(); i++) {
		//			Log.d("liuhang","==="+mList.get(i).getmUserName()+"==="+mList.get(i).getUserImage());
		//		}
	}

		public void addToList(UserInfo info,int position) {
			mList.add(0, info);
			notifyItemInserted(position);
			notifyDataSetChanged();
		}


	public class TextOnClick implements OnClickListener {
		private int position = 0;
		
		public TextOnClick(int position) {
			this.position = position;
		}


		@Override
		public void onClick(View v) {
			Toast.makeText(context,"text the name:"+mList.get(position).getmUserName(),1000).show();
		}
	}
	
	public class ImageOnclick implements OnClickListener {
		private int position = 0;
		
		public ImageOnclick(int position) {
			this.position = position;
		}
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			Toast.makeText(context,"image the imageId:"+mList.get(position).getUserImage(),1000).show();
		}
	}
	
	public class ItemOnClick implements OnItemClickListener {

		@Override
		public void onItemClick(AdapterViewCompat<?> arg0, View arg1, int arg2,
				long arg3) {
			// TODO Auto-generated method stub
			Toast.makeText(context,"you choose the item",1000).show();
		}

	}



	@Override
	public int getItemCount() {
		return mList.size();
	}

	public class TextViewHolder extends RecyclerView.ViewHolder {
		public TextView textView = null;
		public TextViewHolder(View view) {
			super(view);
			this.textView = (TextView) view.findViewById(R.id.text_id);
		}
	}

	public class ImageTextViewHolder extends RecyclerView.ViewHolder {
		public ImageView imageView = null;
		public TextView textView = null;
		public ImageTextViewHolder(View view) {
			super(view);
			this.imageView = (ImageView) view.findViewById(R.id.image_id);
			this.textView = (TextView) view.findViewById(R.id.text_id);
		}



	}



	@Override
	public int getItemViewType(int position) {
		// TODO Auto-generated method stub
		return mList.get(position).getType();
	}

	@Override
	public void onBindViewHolder(ViewHolder holder, int position) {
		switch (getItemViewType(position)) {
		case UserInfo.hasImage:
			ImageTextViewHolder imageTextViewHolder = (ImageTextViewHolder) holder;
			imageTextViewHolder.imageView.setImageResource(mList.get(position).getUserImage());
			imageTextViewHolder.textView.setText(mList.get(position).getmUserName());
			imageTextViewHolder.textView.setOnClickListener(new TextOnClick(position));
			imageTextViewHolder.imageView.setOnClickListener(new ImageOnclick(position));
			break;
		case UserInfo.noImage:
			TextViewHolder textViewHolder = (TextViewHolder) holder;
			textViewHolder.textView.setText(mList.get(position).getmUserName());
			textViewHolder.textView.setOnClickListener(new TextOnClick(position));
		}
	}

	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int type) {
		ViewHolder holder = null;
		View view = null;
		switch (type) {
		case UserInfo.hasImage:
			view = LayoutInflater.from(parent.getContext()).inflate(R.layout.card_text_image_item,null);
			holder = new ImageTextViewHolder(view);
			break;
		case UserInfo.noImage:
			view = LayoutInflater.from(parent.getContext()).inflate(R.layout.card_text_item,null);
			holder = new TextViewHolder(view);
			break;
		}
<a target=_blank href="http://download.csdn.net/detail/mockingbirds/8312357">源码下载</a>
		return holder;
	}

}

在activity中这样调用： 

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_id);
		recyclerView.setHasFixedSize(true);
		
		LinearLayoutManager linaLayout = new LinearLayoutManager(this);
		linaLayout.setOrientation(1);
		
		recyclerView.setLayoutManager(linaLayout);
		
		recyclerView.getRecycledViewPool().setMaxRecycledViews(0, 10);
		
		int[]userImage = {R.drawable.icon08,R.drawable.icon00,R.drawable.icon01,
			                      R.drawable.icon02,R.drawable.icon03,R.drawable.icon04,
			                      R.drawable.icon05,R.drawable.icon06,R.drawable.icon07};
		
		List<UserInfo>userList = new ArrayList<UserInfo>();
		
		int position = 0;
		for (int i = 0; i < 35; i++) {
			position = (int) (Math.random() * 8);
			UserInfo userInfo1 = new UserInfo("zhangsan"+i,2);
			UserInfo userInfo2 = new UserInfo("lisi"+i,userImage[position],1);
			userList.add(userInfo1);
			userList.add(userInfo2);
		}
		
		final MyAdapter adapter= new MyAdapter(userList, this);
		recyclerView.setAdapter(adapter);
		
		recyclerView.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Toast.makeText(MyActivity.this,"you choose the item",1000).show();
			}
		});
		
		Button button = (Button) findViewById(R.id.add);
		button.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				adapter.addToList(new UserInfo("new add"+ newAdd++, 2),0);
			}
		});

<a target=_blank href="http://download.csdn.net/detail/mockingbirds/8312357">源码下载</a>


 



mockingbirds
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android开发之RecyclerView的使用一
weixin_43858011的博客
10-24 1475
1.写一个继承于RecyclerView.ViewHolder的类。它可以接收一个 itemView 作为参数。在构造方法中，创建一个变量来引用 TextView，然后将它指向表项布局里对应的视图。然后自定义 bindDateToView() 函数，将数据和UI关联起来。
RecyclerView setHasFixedSize 作用
zzx410527的专栏
06-21 8439
经常使用RecyclerView 的时候，都会看到顺手调用一句 RecyclerView.setHasFixedSize(true);一直不知道这个方法起到什么作用，今天 google一下，也看了一下源码，大概理解了，记录一下 根据该方法的描述可以翻译为： RecyclerView的尺寸在每次改变时，比如你加任何些东西。setHasFixedSize 的作用就是确保尺寸是通过用户输入从而确保Rec...
Android：让你明明白白的使用RecyclerView—，安卓开发入门教程
最新发布
03-21 1009
经过了以上分析，了解了SnapHelper的工作原理之后，自定义SnapHelper也就更加自如了。现在来看下Google Play主界面的效果。可以看到该效果是一个类似Gallery的横向列表滑动控件，很明显可以用RecyclerView来实现，而滚动后的ItemView是对齐RecyclerView的左边缘位置，这种对齐效果当仍不让就使用了SnapHelper来实现了。这里就主要讲下这个SnapHelper怎么实现的。：计算SnapView当前位置与目标位置的距离@Override。
【Android】RecyclerView性能优化：setHasFixedSize
qijingwang的博客
09-23 1231
源码： <span style="font-size:18px;"> /** * RecyclerView can perform several optimizations if it can know in advance that RecyclerView's * size is not affected by the adapter conte...
Android基础-RecyclerView详解
AdrianAndroid的专栏
10-23 1628
资料 ItemDecoration深入解析与实战（一）——源码分析 一款不错的流式布局LayoutManager-FlowLayout
RecyclerView setHasFixedSize(true); 的作用
飞翔的熊blabla
06-13 3万+
RecyclerView size changes every time you add something no matter what. What setHasFixedSize does is that it makes sure (by user input) that this change of size of RecyclerView is constant. The heigh
android5.0RecycleView+CardView的用法
12-29
该资源包含了一个android5.0RecycleView+CardView的用法的简单demo，喜欢的下载，又不懂得可以查看http://blog.csdn.net/mockingbirds/article/details/41732325
Android 5.0 RecycleView demo
04-24
Android 5.0 RecycleView控件的代码实例
Android中的recycleview侧滑按钮的展示和操作处理
05-26
在其onInterceptTouchEvent方法中监听手指滑动的距离，获取触碰点所在的 position，来判断是否触发侧滑操作； 3.在其onTouchEvent方法中监听手指滑动的距离，并结合速度追踪器来处理侧滑 按钮展开和关闭； 4....
Android中RecycleView与ViewPager冲突的解决方法及原理
08-27
主要给大家介绍了关于Android中RecycleView与ViewPager冲突的解决方法及原理的相关资料，以及ViewPager嵌套RecycleView卡顿问题的处理方法，文中通过示例代码介绍的非常狎昵，需要的朋友可以参考下
浅析android studio3.5中使用recycleview的包
08-25
主要介绍了android studio3.5中使用recycleview的包，本文虽然内容不长，但是给出了思路,需要的朋友可以参考下
Android基础——RecyclerView
松仔Log的博客
07-26 7584
RecycleViewRecycleView是什么？RecycleView使用三级目录 RecycleView是什么？ RecycleView是进阶版的ListView，不仅可以实现ListView的纵向滑动，还可以横向滑动和瀑布流滑动。 RecycleView使用 使用RecycleView需要在build.gradle中添加相应的依赖库 三级目录 ...
RecyclerView setHasFixedSize(true)的意义
热门推荐
wsdaijianjun的专栏
07-07 5万+
/** * RecyclerView can perform several optimizations if it can know in advance that RecyclerView's * size is not affected by the adapter contents. RecyclerView can still change its size base
安卓之RecyclerView的使用场景以及优劣分析
wlred1980的博客
12-27 1070
RecyclerView提供了一个高效且灵活的方式来创建列表和网格视图，支持数据的动态添加、删除和更新。除了列表展示，RecyclerView还支持创建网格视图，适用于展示图片、图标等需要排列成网格状的数据。RecyclerView支持多种布局管理器，如线性布局、网格布局、瀑布流布局等，可以根据需求自定义布局。在社交媒体应用中，RecyclerView常用于展示用户的朋友列表、帖子列表、消息列表等。在电商应用中，RecyclerView可用于展示商品列表、搜索结果列表、购物车商品列表等。
Android RecyclerView(入门篇)
嘴巴吃糖了
03-25 953
这里大家可以根据横向、纵向通过DividerItemDecoration.VERTICAL、DividerItemDecoration.HORIZONTAL来进行更换默认分割线：mRecyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL));自定义分割线：mRecyclerView.addItemDecoration(new SpaceItemDecoation(3));
安卓学习之路-RecyclerView的简单用法
菜得一批的博客
08-26 7715
日常唠嗑 唔，今天早上想了很多，主要是想自己能不能通过面试得到工作。于是乎就跑到力扣看了看，好吧，我好像对算法啥的还是小白啊，瞬间就有点慌，担心会被问到（同学告诉我这是一定会问到的），小小的沮丧了一下，不过还是想着，无论如何，遇到困难遇到不会的，那就学吧，抓紧时间学习才是正道啊，一味地抱怨沮丧只会让自己走歪。 好吧，唠嗑完了回归正题。其实RecyclerView我之前有简单的提一下，但是还是重新来好了！ RecyclerView 这是一个类似ListView一样的列表控件，但是功能却极其强大，可以说是增强版
一篇文章掌握安卓控件RecyclerView知识点|Kotlin RecyclerView详解：从入门到实践
llalsksjdo的博客
03-15 1620
在RecyclerView中，列表项是由一个ViewHolder来表示的。ViewHolder包含列表项的视图和绑定数据的方法。为了自定义列表项，您需要创建一个继承自RecyclerView.ViewHolder的类，并重写它的构造函数和bind()方法。在这里，我们将创建一个简单的ViewHolder，它包含一个TextView和一个ImageView，用于显示数据：在上面的代码中，MyData是一个数据类，它包含用于显示的数据。在bind()方法中，我们将数据绑定到ViewHolder的视图中。
Android RecyclerView使用简述
晨曦
09-27 2万+
  RecyclerView是Android中非常受欢迎的控件，RecyclerView是官方在Android5.0之后新添加的控件，推出用来替代传统的ListView和GridView列表控件，所以如果你还在使用ListView的话可以替换为RecyclerView了。文章的功能可以先运行看看效果，扫码下载APK   对于RecyclerView的使用根据实际项目进行说明，一些功能可能是你现在正在做的，对你有帮助也说不定。  创建一个名为RecyclerViewDemo的Android项目。注意Andro
Android项目里RecycleView里 findLastVisibleItemPosition方法返回不准确
06-07
RecycleView里的findLastVisibleItemPosition方法返回不准确可能有以下几种原因： 1. 在使用findLastVisibleItemPosition方法时，RecyclerView的布局管理器可能没有被完全初始化完成，导致返回的位置不准确。可以通过在RecyclerView的addOnScrollListener方法中监听滑动事件来确保RecyclerView被完全初始化。 2. 如果使用了自定义的布局管理器，可能存在计算偏差，导致findLastVisibleItemPosition方法返回不准确。可以检查自定义布局管理器的代码，看是否存在计算偏差的情况。 3. 如果在RecyclerView中使用了ItemDecoration进行了装饰，findLastVisibleItemPosition方法可能会受到影响。可以尝试在RecyclerView的addOnScrollListener方法中，获取RecyclerView的可见范围，然后通过该范围来确定最后一个可见项的位置。 希望以上方法能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值