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
代码语言:javascript
复制
<?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.RecyclerViewandroid:id="@+id/rv"android:background="#FFFFFF"android:paddingLeft="8dp"android:paddingBottom="5dp"android:layout_width="match_parent"android:layout_height="200dp" /
</RelativeLayout
item.xml
代码语言:javascript
复制
<?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" <ImageViewandroid:id="@+id/iv"android:layout_width="60dp"android:layout_height="75dp"app:srcCompat="@mipmap/ic_category_0" / <TextViewandroid: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
代码语言:javascript
复制
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;}@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View contentView= LayoutInflater.from(context).inflate(R.layout.item,parent,false);MyViewHolder viewHolder=new MyViewHolder(contentView);return viewHolder;}@Overridepublic void onBindViewHolder(MyViewHolder holder, int position) {holder.imageView.setImageResource(datas.get(position));holder.tv.setText("分类"+position);}@Overridepublic 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
代码语言:javascript
复制
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;@Overrideprotected 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() {@Overridepublic 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));}
}
园林绿化苗木_好苗木,好美景_美景园林好苗木,好花卉,好园林,好美景!本站详尽网罗绿化苗木和绿化花卉信息和知识,包含行道树、藤本植物、宿根草本植物、松柏长青、水生植物、绿化小苗、花灌木、花卉种子等类型苗木,更多关于园林方面的问答,多年从业人员专业解答,确保内容数据准确!还有园林景观设计灵感、园艺教程、苗木花卉等植物的栽培方法和养护技巧!领略园林艺术的魅力,让园林自然之美触手可及!https://www.theluxfarm.com/