Android如何使用RecyclerView仿美团分类界面

这篇文章给大家分享的是有关Android如何使用RecyclerView仿美团分类界面的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

RecyclerView目前来说对大家可能不陌生了。由于在公司的项目中，我们一直用的listview和gridview。某天产品设计仿照美团的分类界面设计了一个界面，我发现用gridview不能实现这样的效果，所以就想到了RecyclerView，确实是一个很好的控件。和大家分享一下。

效果图

简介

RecyclerView与ListView原理是类似的：都是仅仅维护少量的View并且可以展示大量的数据集。RecyclerView用以下两种方式简化了数据的展示和处理:
* 使用LayoutManager来确定每一个item的排列方式。
* 为增加和删除项目提供默认的动画效果

用法须知

LayoutManager：用来确定每一个item如何进行排列摆放，何时展示和隐藏。回收或重用一个View的时候，LayoutManager会向适配器请求新的数据来替换旧的数据，这种机制避免了创建过多的View和频繁的调用findViewById方法（与ListView原理类似）。

目前SDK中提供了三种自带的LayoutManager:

• LinearLayoutManager

• GridLayoutManager

• StaggeredGridLayoutManager
  

代码

布局文件

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   xmlns:tools="http://schemas.android.com/tools"   android:id="@+id/activity_main"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:background="#7e6c6c"   tools:context="cn.bluemobi.dylan.recyclerviewdemo.MainActivity">   <android.support.v7.widget.RecyclerView     android:id="@+id/rv"     android:background="#FFFFFF"     android:paddingLeft="8dp"     android:paddingBottom="5dp"     android:layout_width="match_parent"     android:layout_height="200dp" /> </RelativeLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   xmlns:app="http://schemas.android.com/apk/res-auto"   android:layout_width="70dp"   android:layout_height="match_parent"   android:orientation="vertical">   <ImageView     android:id="@+id/iv"     android:layout_width="60dp"     android:layout_height="75dp"     app:srcCompat="@mipmap/ic_category_0" />   <TextView     android:id="@+id/tv"     android:layout_width="match_parent"     android:gravity="center"     android:layout_gravity="center"     android:layout_height="wrap_content"     android:textColor="#000000"     android:text="TextView" /> </LinearLayout>

Activity中的代码

RvAdpter.java

package cn.bluemobi.dylan.recyclerviewdemo; 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.List; /**  * Created by yuandl on 2016-11-01.  */ public class RvAdpter extends RecyclerView.Adapter<RvAdpter.MyViewHolder> {   private Context context;   private List<Integer> datas;   public RvAdpter(Context context, List<Integer> datas) {     this.context = context;     this.datas = datas;   }   @Override   public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {     View contentView= LayoutInflater.from(context).inflate(R.layout.item,parent,false);     MyViewHolder viewHolder=new MyViewHolder(contentView);     return viewHolder;   }   @Override   public void onBindViewHolder(MyViewHolder holder, int position) {     holder.imageView.setImageResource(datas.get(position));     holder.tv.setText("分类"+position);   }   @Override   public int getItemCount() {     return datas==null?0:datas.size();   }   public class MyViewHolder extends RecyclerView.ViewHolder {     private ImageView imageView;     public TextView tv;     public MyViewHolder(View itemView) {       super(itemView);       imageView = (ImageView) itemView.findViewById(R.id.iv);       tv = (TextView) itemView.findViewById(R.id.tv);     }   } }

MainActivity.java

package cn.bluemobi.dylan.recyclerviewdemo; import android.content.res.Resources; import android.graphics.Canvas; import android.graphics.Rect; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.RecyclerView; import android.support.v7.widget.StaggeredGridLayoutManager; import android.view.View; import java.lang.reflect.Field; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity {   private RecyclerView rv;   @Override   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_main);     rv = (RecyclerView) findViewById(R.id.rv);     initData();   }   /**    * 初始化数据    */   private void initData() {     List<Integer> datas = new ArrayList<>();     for (int i = 0; i < 38; i++) {       Resources res = getResources();       datas.add(res.getIdentifier("ic_category_" + i, "mipmap", getPackageName()));     }     /**      *用来确定每一个item如何进行排列摆放      * LinearLayoutManager 相当于ListView的效果      GridLayoutManager相当于GridView的效果      StaggeredGridLayoutManager 瀑布流      */     rv.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.HORIZONTAL));     rv.addItemDecoration(new RecyclerView.ItemDecoration() {       @Override       public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {         outRect.left = 10;         outRect.top = 10;         outRect.top = 10;       }     });     rv.setAdapter(new RvAdpter(this, datas));   } }

感谢各位的阅读！关于“Android如何使用RecyclerView仿美团分类界面”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！