Android学习笔记（三）--ListView与RecyclerView

在学习了几天Android之后，打算写个简单的app来试试手，于是就想写一个“便签”。在写列表的时候自然的想到了用一个ListView然后配置一个adpter来显示信息，但是呢，在逛论坛的时候发现现在使用RecyclerView的比较多，于是就看了几个demo，晚上也自己动手写了写。
使用完的感受是RecyclerView确实强大，有它流行起来的道理，毕竟长江后浪推前浪，前浪倒在沙滩上。让人感受明显的就是UI方面的强大，可以灵活的改变现实的形式，甚至从Vertical的列表变为GridLayout或者视觉冲击更强StaggeredGridLayout累死瀑布流的形式只需要2行。再有就是在动画方面显示的更为出色，更改起来也更加方便。

//这边的参数第二个是排布的方向，第一个参数是在第二个参数的维度方向上的行数
StaggeredGridLayoutManager staggeredGridLayoutManager= new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.VERTICAL);
        //设置布局管理器
recyclerView.setLayoutManager(staggeredGridLayoutManager);

像上面的代码就会生成这样的5列。想改成4列的话也只需要把第一个参数设置成4就可以了。其实呢这几行代码也就是瀑布流的形式了，只不过比较懒，item写的都是一样的所以就对齐成了表格，这里如果item的大小不一样的话就会出现炫目的瀑布流了。
下面就把所有代码贴上来。
activity_main.xml

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"

    tools:context="com.sp.recycleview.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/recyclerview"/>
</RelativeLayout>

item_home.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="20dp"
    android:layout_marginTop="20dp"
    android:gravity="center">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/im_item"
        android:background="@mipmap/ic_launcher"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:id="@+id/tv_item"/>
</LinearLayout>

MainActivty.java

package com.sp.recycleview;

import android.annotation.SuppressLint;
import android.graphics.Canvas;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.OrientationHelper;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private RecyclerView recyclerView;
    private List<String> mDatas;
    private MyRecyclerAdapter recycleAdapter;

    @SuppressLint("NewApi") @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout. activity_main);

        recyclerView = (RecyclerView) findViewById(R.id.recyclerview );

        initData();
        recycleAdapter= new MyRecyclerAdapter(MainActivity.this , mDatas );
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        GridLayoutManager gridLayoutManager=new GridLayoutManager(this,2);
        StaggeredGridLayoutManager staggeredGridLayoutManager= new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.VERTICAL);
        //设置布局管理器
        recyclerView.setLayoutManager(staggeredGridLayoutManager);
        //设置为垂直布局，这也是默认的
        layoutManager.setOrientation(OrientationHelper.VERTICAL);
        //设置Adapter
        recyclerView.setAdapter(recycleAdapter);
        //设置增加或删除条目的动画
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        //recyclerView.addItemDecoration(new DividerItemDecoration(MainActivity.this,LinearLayoutManager.VERTICAL));

    }

    private void initData() {
        mDatas = new ArrayList<String>();
        for ( int i=0; i<56; i++) {
            mDatas.add( "item"+i);
        }
    }
}

MyRecyclerAdapter.java

package com.sp.recycleview;

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 my on 2016/10/22.
 */
public class MyRecyclerAdapter extends RecyclerView.Adapter<MyRecyclerAdapter.MyViewHolder>  {
    private List<String> mDatas;
    private Context mContext;
    private LayoutInflater inflater;
    int k=0;
    private OnItemClickListener mOnItemClickListener;

    public MyRecyclerAdapter(Context context, List<String> datas){
        this. mContext=context;
        this. mDatas=datas;
        inflater= LayoutInflater. from(mContext);
    }
    public void addData( int position) {
        mDatas.add(position, "Insert:"+k);
        k++;
        notifyItemInserted(position);
        notifyItemRangeChanged(position, mDatas.size());
    }
    public void removeData( int position) {
        mDatas.remove(position);
        notifyItemRemoved(position);
        notifyItemRangeChanged(position, mDatas.size());
    }
    @Override
    public int getItemCount() {
        return mDatas.size();
    }

    //填充onCreateViewHolder方法返回的holder中的控件
    @Override
    public void onBindViewHolder(MyViewHolder holder, final int position) {
        holder.tv.setText( mDatas.get(position));
    }

    //重写onCreateViewHolder方法，返回一个自定义的ViewHolder
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent,
    int viewType) {

        View view = inflater.inflate(R.layout.item_home,parent, false);
        MyViewHolder holder= new MyViewHolder(view);
        return holder;
    }

    class MyViewHolder extends RecyclerView.ViewHolder {
        TextView tv;
        ImageView iv;
        public MyViewHolder(View view) {
            super(view);
            iv=(ImageView)view.findViewById(R.id.im_item);
            tv=(TextView) view.findViewById(R.id. tv_item);
        }
    }

}

这里就实现了上图所显示的样子。但是这样的显示并没有任何的实际作用。少了点击事件，再精美的RecycleView也没有什么实际作用。这里比较坑的就是RecycleView似乎没有类似ListView的OnItemClickListener的按钮事件的处理。需要自己来定义，这里我们就在上文的adpater中添加一个按钮接口。

 public interface OnItemClickListener{
        void onClick( int position);
        void onLongClick( int position);
    }
    public void setOnItemClickListener(OnItemClickListener onItemClickListener ){
        this. mOnItemClickListener=onItemClickListener;
    }

然后在

 @Override
    public void onBindViewHolder(MyViewHolder holder, final int position) {
        holder.tv.setText( mDatas.get(position));
        //实现接口
        if( mOnItemClickListener!= null){
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mOnItemClickListener.onClick(position);
                }
            });
            holder. itemView.setOnLongClickListener( new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    mOnItemClickListener.onLongClick(position);
                    return false;
                }
            });
        }
    }

然后在onBindViewHolder实现接口。在activity里面调用。

recycleAdapter.setOnItemClickListener(new MyRecyclerAdapter.OnItemClickListener() {

            @Override
            public void onLongClick(int position) {
                Toast.makeText(MainActivity.this,"onLongClick事件       点击了第："+position+"个Item",0).show();
            }

            @Override
            public void onClick(int position) {
                Toast.makeText(MainActivity.this, "onClick事件       点击了第：" + position + "个Item", 0).show();
            }
        });

至此，基本实现了各种RecycleView的各种效果。这个博客也是我自己的学习过程。会尽量每天更新的，与大家分享自己的进步，共同学习。
希望有人来一起交流。