Android 开发之RecyclerView 实现ListView （一）

1. 今天所介绍的就是通过 Android studio建立工程，然后通过RecycleView 实现ListView。

 当然最终的目的是让大家更加认识到RecycleView.

废话不多说，先看最终效果图:

我们可以通过上图看出：

      我们主要实现的功能 ：

            1. ListView 效果的实现

            2. 分割线的自定义效果。

开始构建项目：

      1. 由于Android studio没有默认把支持RecycleView的相关库导入进来，我们需要自己手动导入到项目中来。 

          步骤： File --> Project Structure -> 侧栏Modules --> Dependencies   

          

      然后找到：

      

   导入进来。 

   那现在环境就搭建好了。 可以继续下一步操作。

2.   接下来就把 MainActivity中的代码贴出来， 具体的解释会在代码中讲解   

public class MainActivity extends AppCompatActivity {


    private List<String> myDatas;  //数组
    private RecyclerView myRecycler;  // 主角
    private MySimpleAdapter myAdapter; //这个是自定义的adapter，代码会在后面贴出
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
        //创建数据
        createDatas();

<span style="white-space:pre">	</span>//创建UI

        createUI();
    }

    private void createUI() {
        myRecycler = (RecyclerView)findViewById(R.id.myRecyclerView);

        // LinearLayoutManager.VERTICAL     垂直
        // LinearLayoutManager.HORIZONTAL   横向
        //最后一个参数代表是否反转。
        myRecycler.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
        //显示数据
        myRecycler.setAdapter(new MySimpleAdapter(this,myDatas));

        //分割线
        myRecycler.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));
    }

    private void createDatas() {

        myDatas = new ArrayList<String>();
        for ( int i = 'a'; i < 'z';i ++){
            myDatas.add("字母"+(char)i+"哈哈");
        }
    } }

3. 自定义 adapter的方法

</pre><pre name="code" class="java">package com.example.zgr.recycleviewdemo;

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.SimpleAdapter;
import android.widget.TextView;

import org.w3c.dom.Text;

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

/**
 * Created by zgr on 16/4/21.
 */

//要实现ViewHolder.这里是自己写了一个MyViewHolder. 继承与ViewHolder.
public class MySimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {


    private List<String> myArrays;
    private Context context;
    private LayoutInflater inflater;

    //构造方法 context ， 数据
    public MySimpleAdapter(Context context,List<String> datas){
        this.myArrays = datas;
        this.context = context;
        inflater = LayoutInflater.from(context);
    }

    //创建视图 holder
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        // Myview 需要自定义一个布局文件 . Layout_item
        MyViewHolder holder = new MyViewHolder(LayoutInflater.from(context).inflate(R.layout.layout_item,parent,false));
        return holder;
    }

    //数据绑定
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tv.setText(myArrays.get(position));
    }

    //获取项
    @Override
    public int getItemCount() {
        return myArrays.size();
    }
}


class MyViewHolder extends RecyclerView.ViewHolder{

    TextView tv;
    public MyViewHolder(View itemView) {
        super(itemView);
        //获取对应的控件
        tv = (TextView) itemView.findViewById(R.id.textView);
    }
}

下面就是XML布局：

   1. layout_item:  这个布局就是 每个listView item上的具体内容。 相当于iOS中的cell.

   

<?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="72dp"
    android:weightSum="1">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="New Text"
        android:id="@+id/textView"
        android:background="#e184fd"
        android:layout_weight="0.04" />
</LinearLayout>

4.  自定义分割线样式： 

   1。引入第三方库：  DividerItemDecoration 点击打开链接

 2. 在MainActivity中 ， RecyclerView填充数据后，加上

</pre><pre name="code" class="java">//分割线
myRecycler.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));
 3. 在 drawable项下，建立shape xml文件 。

创建出来的xml文件如下

   

然后将出现的文件 把selector 改成shape.如下图：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<size android:height="4dp"> </size>
    <gradient android:centerColor="#ffffff" android:startColor="#ff00ff00" android:endColor="#df45d8" android:type="linear"/>
</shape>
4. values 项下 找到styles.xml。 并打开：

增加item一项: 名称为 listDivider. 那么这个名称是为何而来呢

在分割线第三方库中有这么一项，就是装载分割线， 如下代码：

private static final int[] ATTRS = new int[] { android.R.attr.listDivider };
恰好系统也有这么一个属性，所以我们可以很方便的通过设置系统的属性， 指定系统的listDivider 为@drawable/divider 这个我们自己建立的xml. 是不是相当方便。

好了，我今天的介绍就到这里啦。

项目源码下载地址 :点击打开链接