当前位置: 代码迷 >> Android >> Android自学过程—RecyclerView的使用
  详细解决方案

Android自学过程—RecyclerView的使用

热度:78   发布时间:2016-04-27 23:25:31.0
Android自学历程—RecyclerView的使用

  在网上看见有关RecyclerView的介绍,说是ListView的进阶版,官方推荐,便找来资料,耍耍。

首先挂上官方的教程,官方是最具权威和最让人信服的第一手资料。

https://developer.android.com/training/material/lists-cards.html

  • To create complex lists and cards with material design styles in your apps, you can use the RecyclerView andCardView widgets.
      • 从这里我们能看出是为了 创建 material design styles 的风格,所以提供了 RecyclerView and CardView widgets.
  • The RecyclerView widget is a more advanced and flexible version of ListView. This widget is a container for displaying large data sets that can be scrolled very efficiently by maintaining a limited number of views. Use the RecyclerView widget when you have data collections whose elements change at runtime based on user action or network events.
      • 具体的没有太多感悟,不好乱写,总之比 ListView更加 先进和灵活。
  • The RecyclerView class simplifies the display and handling of large data sets by providing: 
    • Layout managers for positioning items
    • Default animations for common item operations, such as removal or addition of items
      • RecyclerView这个类通过如下2种方式简化了显示和处理大量数据集。1:Layout managers 用来管理items的显示 2:默认的animation用来运行普通的item,例如 删除和添加 items。
  • You also have the flexibility to define custom layout managers and animations for RecyclerView widgets.
      • 说实话 不懂,是指自己定义自己的Recyclerview吗?从来没干过这等事。

  说什么都不如图片来的形象。

    

 

  还有源码就不写了,以后有空再来补补。

说完这等子事,来写写代码,官方给的源码自己看着写,能如大概的了解。

  下面是我自己写的Demo,先下效果图。

      

第一次Gif图不太会截。第一张图是可以下拉的。

 

The activity_ main.xml Layout

就如ListView一样我们,我们需要先创建布局。这里的RecyclerView可以看作是容器。

  需要我们先导入Jar包,

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2     xmlns:tools="http://schemas.android.com/tools" 3     android:layout_width="match_parent" 4     android:layout_height="match_parent" 5     tools:context=".MainActivity"> 6  7     <android.support.v7.widget.RecyclerView 8         android:id="@+id/recyclerView" 9         android:scrollbars="vertical"10         android:layout_width="match_parent"11         android:layout_height="match_parent"12         android:background="#CCCC"/>13 14 </RelativeLayout>

Creating our data class

ColorDateItem.java
 1 package com.ryan.recyclerviewdemo01; 2  3 import android.graphics.Color; 4  5 /** 6  * Created by air on 15-8-17. 7  */ 8 public class ColorDateItem { 9     private String name;10     private int color;11 12     public ColorDateItem(String name, String color) {13         this.color = Color.parseColor((color));14         this.name = name;15     }16 17     public int getColor() {18         return color;19     }20 21     public String getName() {22         return name;23     }24 }

 

 The data layout

 这个布局是给ColorDataItem对象服务的。 就是我们我们想展示我们的数据到屏幕上的样子。

 

 1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3     android:layout_width="match_parent" 4     android:layout_height="match_parent"> 5     <View 6         android:layout_width="match_parent" 7         android:layout_height="150dp" 8         android:id="@+id/colorBlock" 9         android:background="#CCCCCC"/>10 11     <TextView12         android:layout_width="match_parent"13         android:layout_height="wrap_content"14         android:id="@+id/colorName"15         android:text="name"16         android:textColor="@android:color/white"17         android:textSize="22dp"18         android:layout_margin="10dp"/>19 20 </RelativeLayout>

 

 

Creating the Adapter 

我们的adaper必须继承RecyclerView,并且必须复写3个方法。

  onCreateViewHolder()

1     @Override2     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {3         //create a new view4         View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout,null);5         //set the view's size , margins , padding and layout parameters6         //……7         MyViewHolder vh = new MyViewHolder(v);8         return vh;9     }

        这里 Layoutflater , inflate还不太会用

  

  onBindVIewHolder()

 1     @Override 2     public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { 3         // - get element from your dataset(数据集) at this position 4         // - replace the contents of the view with that element 5         ColorDateItem dateItem = dateItems.get(position); 6         /** casting the viewHolder to MyViewHolder so i could interface with the views */ 7         MyViewHolder myViewHolded = (MyViewHolder) holder; 8         myViewHolded.colorBlock.setBackgroundColor((dateItem.getColor())); 9         myViewHolded.colorName.setText(dateItem.getName());10     }

  

  getItemCount()

1     @Override2     public int getItemCount() {3         return dateItems.size();4     }

  

  MyViweHolder class

 

 1     /** this is our ViewHolder class */ 2     public static class MyViewHolder extends RecyclerView.ViewHolder{ 3         public TextView colorName; 4         public View colorBlock; 5  6         public MyViewHolder(View itemView) { 7             super(itemView); /** Must call super()first */ 8             colorName = (TextView) itemView.findViewById(R.id.colorName); 9             colorBlock = itemView.findViewById(R.id.colorBlock);10         }11     }

 

总体效果

  MyAdapter.class

 

 1 package com.ryan.recyclerviewdemo01; 2  3 import android.support.v7.widget.RecyclerView; 4 import android.view.LayoutInflater; 5 import android.view.View; 6 import android.view.ViewGroup; 7 import android.widget.TextView; 8  9 import java.util.List;10 11 /**12  * Created by air on 15-8-17.13  */14 public class Myadapter extends RecyclerView.Adapter {15 16     private List<ColorDateItem> dateItems;17 18     public Myadapter(List<ColorDateItem> dateItems) {19         this.dateItems = dateItems;20     }21 22 23 24     /** this is our ViewHolder class */25     public static class MyViewHolder extends RecyclerView.ViewHolder{26         public TextView colorName;27         public View colorBlock;28 29         public MyViewHolder(View itemView) {30             super(itemView); /** Must call super()first */31             colorName = (TextView) itemView.findViewById(R.id.colorName);32             colorBlock = itemView.findViewById(R.id.colorBlock);33         }34     }35 36 37 38     //39     @Override40     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {41         //create a new view42         View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout,null);43         //set the view's size , margins , padding and layout parameters44         //……45         MyViewHolder vh = new MyViewHolder(v);46         return vh;47     }48 49 50     //replace the contents of the view (invoked by the layout manager)51     @Override52     public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {53         // - get element from your dataset(数据集) at this position54         // - replace the contents of the view with that element55         ColorDateItem dateItem = dateItems.get(position);56         /** casting the viewHolder to MyViewHolder so i could interface with the views */57         MyViewHolder myViewHolded = (MyViewHolder) holder;58         myViewHolded.colorBlock.setBackgroundColor((dateItem.getColor()));59         myViewHolded.colorName.setText(dateItem.getName());60     }61 62 63     //return item的数量64     @Override65     public int getItemCount() {66         return dateItems.size();67     }68 }

 

The layoutManager

如之前所说,LayoutManager主要负责数据怎样展示在屏幕上。我们还有三种选择:LinerlayoutManager,GridLayoutManager and StaggeredGirdLayoutManager。我们也可以创造我们自己的LayoutManager如果我们需要的话。在第一个测试中,我们使用的是LingerLayout,实现方式恒简单。

 

mLayoutManage = new LinearLayoutManager(this);        mRecyclerView.setLayoutManager(mLayoutManage);

                      

第二种LayoutManager

        mLayoutManage = new GridLayoutManager(this,2);        mRecyclerView.setLayoutManager(mLayoutManage);

                     

 

HandLing item click evens

RecycleView没有onItemClickListener,相反的是,我们需要实现onClickListener 在我们的ViewHolder。

有许多的方法实现这一步,我将会事例一个简单的方式。

我们点击事件,将会打印item的颜色名字

 

    public static class MyViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{        public TextView colorName;        public View colorBlock;        public MyViewHolder(View itemView) {            super(itemView); /** Must call super()first */            colorName = (TextView) itemView.findViewById(R.id.colorName);            colorBlock = itemView.findViewById(R.id.colorBlock);            itemView.setOnClickListener(this);        }        @Override        public void onClick(View v) {            Log.d("MyViewHolder", "Item click:"+colorName.getText().toString());        }    }

 

值得注意的是 

itemView.setOnClickListener(this);

View itemView 实际上是我们的 item main layout。

 

这只是冰上一角,RecyclerView真真强大的在于定制不同的组建,……。

人们很容易形容RecycleView作为一个更加个性化,灵活的ListView但这或与有点误导,尽管RecyclerView允许ListView相同的功能,但他们的核心或甚至理念是不同的。

 

  相关解决方案