Material Design材料设计原则----RecyclerView控件的基本使用
学了Android开发这么久，Google新出的许多控件在实际项目中几乎没有用过，深感惭愧。今天就来介绍一下控件RecyclerView，简单的说就是列表控件ListView的升级版，还是一个列表控件，只是性能和扩展性远远超过了ListView列表控件。这么好的升级版控件竟然没有使用到项目中，我这个开发人员的水平是不是太差了，是不是没能与时俱进。好吧，话说多了总会有人误解你，正所谓言多必失。没用过不代表不会用，今天就先介绍下RecyclerView的基本用法。
1. 在布局文件里声明RecyclerView控件：（运行效果图在文章最后）
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <android.support.v7.widget.RecyclerView android:id="@+id/recylerview" android:layout_width="match_parent" android:layout_height="wrap_content" /> </RelativeLayout>
在布局里声明 RecyclerView控件 与 基本的ListView、TextView、Button控件的声明方法一样，唯一的区别是前面多了
android.support.v7.widget，为何？因为RecyclerView控件被定义在 ANDROID SDK文件目录下的 support V7 扩展库里，且
这个控件最低兼容到ANDROID系统Level 7级别（android2.1）.
2. build.gradle文件引入android.support.v7.widget.RecyclerView
由于android.support.v7是一个扩展库，因此我们要显式的引入这个库。修改build.gradle，添加红色部分：
apply plugin: 'com.android.application' android { compileSdkVersion 26 defaultConfig { applicationId "com.anyikang.volunteer.sos.recyclerview" minSdkVersion 19 targetSdkVersion 23 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { implementation fileTree(include: ['*.jar'], dir: 'libs') implementation 'com.android.support:appcompat-v7:25.4.0' implementation 'com.android.support:recyclerview-v7:23.0.1' implementation 'com.android.support.constraint:constraint-layout:1.0.2' testImplementation 'junit:junit:4.12' androidTestImplementation 'com.android.support.test:runner:1.0.1' androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.1' implementation 'com.android.support:design:23.0.1' }
3. 主要代码
(1) 创建一个MainActivity类来加载这个布局
package com.anyikang.volunteer.sos.recyclerview; import android.app.Activity; import android.os.Bundle; import android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.RecyclerView; import java.util.ArrayList; public class MainActivity extends Activity { private RecyclerView recylerview; //RecyclerView控件实例对象 private ArrayList<String> list; //RecyclerView要显示的 列表数据，在此为一组字符串。 private MyRecyclerAdapter adapter; //同ListView一样，需要一个适配器来 将list数据 装载到 RecyclerView列表控件。 //private MyStaggedRecyclerAdapter adapter; //列表显示风格 为瀑布流 界面样式 的 适配器。 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //模拟60条数据 list = new ArrayList<String>(); for (int i = 0; i < 60; i++) { list.add("item"+i); } //实例化布局中的recylerview控件 recylerview = (RecyclerView)findViewById(R.id.recylerview); //普通列表的适配器 adapter = new MyRecyclerAdapter(list); //列表显示风格为 垂直方向的列表 //recylerview.setLayoutManager(new LinearLayoutManager(this)); //列表显示风格为 水平方向的列表 // recylerview.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, true)); //列表显示风格为 瀑布流样式 //recylerview.setLayoutManager(new StaggeredGridLayoutManager(3, LinearLayoutManager.VERTICAL)); //列表显示风格为 网格样式，如9宫格布局 recylerview.setLayoutManager(new GridLayoutManager(this, 3)); //adapter = new MyStaggedRecyclerAdapter(list); 瀑布流适配器，与普通适配器adapter的区别是，每一个列表项的布局大小都可能参差不齐。 //装载显示列表数据 recylerview.setAdapter(adapter); } }
(2)普通adapter
package com.anyikang.volunteer.sos.recyclerview; import android.support.v7.widget.RecyclerView; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import java.util.List; public class MyRecyclerAdapter extends RecyclerView.Adapter<MyRecyclerAdapter.MyViewHolder> { private List<String> list; //列表数据 public MyRecyclerAdapter(List<String> list) { // TODO Auto-generated constructor stub this.list = list; } /** * * 实例化 列表项布局中的控件，在此为一个简单的textview */ class MyViewHolder extends RecyclerView.ViewHolder{ TextView tv; public MyViewHolder(View view) { super(view); tv = (TextView)view.findViewById(R.id.text1); } } /** * 要显示的列表项数 * @return 列表项总数 */ @Override public int getItemCount() { // TODO Auto-generated method stub return list.size(); } /** * 用数据填充列表项上的 textview文本 * @param holder： 当前列表项 布局的 控件实例 * @param position: 列表项的索引 */ @Override public void onBindViewHolder(MyViewHolder holder, int position) { holder.tv.setText(list.get(position)); //将列表数据list数组中的position位置的字符串 填充给 这个列表项上的textview } /** * 为列表项实例化布局，将在onBindViewHolder里为布局控件赋值 * @param viewGroup * @param arg1 * @return */ @Override public MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int arg1) { MyViewHolder holder = new MyViewHolder(View.inflate(viewGroup.getContext(), R.layout.list_item, null)); return holder; } }
(3)瀑布流adapter
package com.anyikang.volunteer.sos.recyclerview; import android.graphics.Color; import android.support.v7.widget.RecyclerView; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.widget.TextView; import java.util.ArrayList; import java.util.List; /** * 瀑布流列表，即每一个列表项的高度都不一样 */ public class MyStaggedRecyclerAdapter extends RecyclerView.Adapter<MyStaggedRecyclerAdapter.MyViewHolder> { private List<String> list; //列表数据 private List<Integer> heights; //每一个列表项的高度 public MyStaggedRecyclerAdapter(List<String> list) { // TODO Auto-generated constructor stub this.list = list; //为每一个列表项分配一个随机的高度 heights = new ArrayList<Integer>(); for (int i = 0; i < list.size(); i++) { heights.add((int)(200+ Math.random()*50)); } } class MyViewHolder extends RecyclerView.ViewHolder{ TextView tv; public MyViewHolder(View view) { super(view); tv = (TextView)(view.findViewById(R.id.text1)); } } @Override public int getItemCount() { // TODO Auto-generated method stub return list.size(); } /** * 用于展示绘制列表项数据 * @param holder * @param position */ @Override public void onBindViewHolder(MyViewHolder holder, int position) { //修改每一个列表项的高度 为 预先设定好的heights数组中的高度，让它们呈现瀑布样式 LayoutParams params = holder.tv.getLayoutParams(); params.height = heights.get(position); holder.tv.setBackgroundColor(Color.rgb(100, (int)(Math.random()*255), (int)(Math.random()*255))); holder.tv.setLayoutParams(params); //填充文本数据 holder.tv.setText(list.get(position)); } @Override public MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int arg1) { MyViewHolder holder = new MyViewHolder(View.inflate(viewGroup.getContext(), R.layout.list_item, null)); return holder; } }
4. 运行效果
（1）. 网格式
//普通列表的适配器 adapter = new MyRecyclerAdapter(list); recylerview.setLayoutManager(new GridLayoutManager(this, 3)); //装载显示列表数据 recylerview.setAdapter(adapter);
（2）垂直方向的列表
//普通列表的适配器 adapter = new MyRecyclerAdapter(list); //列表显示风格为 垂直方向的列表 recylerview.setLayoutManager(new LinearLayoutManager(this))
//装载显示列表数据
recylerview.setAdapter(adapter);
（3）水平方向的列表
//普通列表的适配器 adapter = new MyRecyclerAdapter(list); //列表显示风格为 垂直方向的列表 recylerview.setLayoutManager(new LinearLayoutManager(this))
//装载显示列表数据
recylerview.setAdapter(adapter);
（4）瀑布流样式的列表
//瀑布流列表的适配器 adapter = new MyStaggedRecyclerAdapter(list);
//列表显示风格为 瀑布流样式的列表
recylerview.setLayoutManager(new StaggeredGridLayoutManager(3, LinearLayoutManager.VERTICAL));
//装载显示列表数据
recylerview.setAdapter(adapter);
最后，源码地址：https://download.****.net/download/gaoxiaoweiandy/10351135