Android高级UI开发（一）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.csdn.net/download/gaoxiaoweiandy/10351135

 

文章来源: blog.csdn.net，作者：冉航--小虾米，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/gaoxiaoweiandy/article/details/79952579