首页 > 代码库 > RecyclerView的使用(1)之HelloWorld

RecyclerView的使用(1)之HelloWorld

原创文章。转载请注明 http://blog.csdn.net/leejizhou/article/details/50670657

RecyclerView是伴随Android 5.0公布的新控件,是一种列表容器,Google意在用新的RecyclerView来代替老旧的ListView和GridView,它的使用灵活性和性能都要优于ListView,接下来通过一系列文章来了解RecyclerView的各种用法,本篇来介绍它的初步使用,RecyclerView的“HelloWord“。

RecyclerView与传统ListView的差别:

1:ViewHolder模式,传统的ListView能够通过ViewHolder来提升列表滚动的性能,可是这不是必须的,由于ListView没有严格标准的设计模式,可是在使用RecyclerView的时候Adapter必须实现至少一个ViewHolder,由于它有着严格的ViewHolder设计模式。

2:显示效果。ListView仅仅能实现垂直的滚动列表视图。相反。RecyclerView能够通过设置RecyclerView.LayoutManager来定制不同风格的视图,比方水平滚动列表或者不规则的瀑布流列表。

3:列表项动画, 在ListView中没有提供不论什么方法或接口,方便开发人员实现Item的增删动画。RecyclerView能够通过设置的RecyclerView.ItemAnimator来为条目添加动画效果。

这篇博文以实现以下这个小Demo来了解RecyclerView的初步使用

技术分享

*图片素材版权归属于Smartisan.com

1:依赖库 (本文以Android Studio作为开发工具)

Gradle配置
compile ‘com.android.support:recyclerview-v7:23.1.1‘

2:建立Layout。与ListView相似。在布局里面加入RecyclerView

<?

xml version="1.0" encoding="utf-8"?

> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/rv_list" /> </LinearLayout>

3:建立RecyclerView Item布局

<?

xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="8dp" android:id="@+id/cv_item" android:foreground="?

android:attr/selectableItemBackground" card_view:cardCornerRadius="4dp" card_view:cardBackgroundColor="#795548" card_view:cardElevation="4dp" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView android:id="@+id/iv_pic" android:layout_width="match_parent" android:layout_height="200dp" android:layout_weight="1" /> <TextView android:id="@+id/tv_text" android:padding="20dp" android:textColor="#ffffff" android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout> </android.support.v7.widget.CardView>

这里使用了一个叫CardView的控件,继承自FrameLayout,它是Google提供的一个卡片式视图容器,能够非常方便的显示出具有阴影和圆角的卡片式布局。像这样
技术分享
CardView跟RecyclerView一样使用前也须要进行导入

compile ‘com.android.support:cardview-v7:23.1.1‘

4:然后建立RecyclerView的Adapter

import android.content.Context;
import android.support.v7.widget.CardView;
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 android.widget.Toast;

/**
 * Created by Lijizhou on 2016/2/3.
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.NormalViewHolder> {
    private LayoutInflater mLayoutInflater;
    private Context mContext;
    private String [] mTitle;
    private int [] mPic;

    public RecyclerViewAdapter(Context context,String[]title,int[] pic){
        mContext=context;
        mTitle=title;
        mPic=pic;
        mLayoutInflater=LayoutInflater.from(context);

    }
     //自己定义的ViewHolder,持有每一个Item的的全部界面元素
    public  static class NormalViewHolder extends RecyclerView.ViewHolder{
        TextView mTextView;
        CardView mCardView;
        ImageView mImageView;
        public NormalViewHolder(View itemView) {
            super(itemView);
            mTextView=(TextView)itemView.findViewById(R.id.tv_text);
            mCardView=(CardView)itemView.findViewById(R.id.cv_item);
            mImageView=(ImageView)itemView.findViewById(R.id.iv_pic);
        }



    }
        //在该方法中我们创建一个ViewHolder并返回。ViewHolder必须有一个带有View的构造函数。这个View就是我们Item的根布局,在这里我们使用自己定义Item的布局;
    @Override
    public NormalViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        return new NormalViewHolder(mLayoutInflater.inflate(R.layout.item_view,parent,false));
    }
     //将数据与界面进行绑定的操作
    @Override
    public void onBindViewHolder(NormalViewHolder holder, final int position) {
        holder.mTextView.setText(mTitle[position]);
        holder.mImageView.setBackgroundResource(mPic[position]);
        holder.mCardView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(mContext,mTitle[position],3000).show();
            }
        });

    }


    //获取数据的数量
    @Override
    public int getItemCount() {
        return mTitle==null ? 0 : mTitle.length;
    }
}

5:RecycleViewActivity.java

public class RecycleViewActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView;
    //item 显示所需
    private String[] title = {"Blog : http://blog.csdn.net/Leejizhou.",
            "A good laugh and a long sleep are the best cures in the doctor‘s book.",
            "all or nothing, now or never ",
            "Be nice to people on the way up, because you‘ll need them on your way down.",
            "Be confident with yourself and stop worrying what other people think. Do what‘s best for your future happiness!",
            "Blessed is he whose fame does not outshine his truth.",
            "Create good memories today, so that you can have a good past"
    };

    /**
     * 图片资源版权归属于Smartisan.com
     */
    private int[] pic = {R.mipmap.aa1, R.mipmap.aa0, R.mipmap.aa2, R.mipmap.aa3, R.mipmap.aa4, R.mipmap.aa5, R.mipmap.aa6};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycle);
        mRecyclerView = (RecyclerView) findViewById(R.id.rv_list);
        // 创建一个线性布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        //设置垂直滚动。也能够设置横向滚动
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);

        //另外两种显示模式
        //  mRecyclerView.setLayoutManager(new GridLayoutManager(this, 2)); Grid视图
        //  mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL)); 这里用线性宫格显示 相似于瀑布流

        //RecyclerView设置布局管理器
        mRecyclerView.setLayoutManager(layoutManager);
        //RecyclerView设置Adapter
        mRecyclerView.setAdapter(new RecyclerViewAdapter(this, title, pic));


    }



}

这样RecyclerView系列的入门使用篇就介绍完了,本篇DEMO源代码下载地址:http://download.csdn.net/detail/leejizhou/9433651

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

RecyclerView的使用(1)之HelloWorld