学习笔记:从ListView和Adapter到RecyclerView

ListView:

  简单的说,ListView是能让数据集合以列表的形式表示到用户界面上的视图。

Adapter:

  ListView和数据是分开的,不直接接触,Adapter是用来把数据映射到ListView上的中介。

为什么要用Adapter:

  如果把所有数据集合的信息都加载到View上,数据量一多的话,肯定要占用非常多的内存。所以我们有了适配器,假如你的屏幕只能显示七个item。那么ListView只会创建八个item的视图。当第一个item出去,离开屏幕的时候,这个item的view就会被拿来重用,显示下一个item的内容。

ListView的使用:

1.在xml文件配置信息:
<LinearLayout 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:background="#FFE1FF"   
    android:orientation="vertical" >   
    <ListView   
        android:id="@+id/listView1"   
        android:layout_width="match_parent"   
        android:layout_height="match_parent" />   
</LinearLayout>  

还有其他的XML属性:

  • android:background属性:设置列表的背景。

  • android:cacheColorHint=”#000000″,listview在拖动的时候背景图片消失变成黑色背景,等到拖动完毕我们自己的背景图片才显示出来,设置它为0可以防止这种情况出现。

  • android:stackFromBottom=”true” :使它们的内容从底部开始显示。

  • android:transcriptMode属性:设置列表的transcriptMode模式,该模式指定列表添加新的选项的时候,是否自动滑动到底部,显示新的选项。

    disabled:取消transcriptMode模式,默认的
    normal:当接受到数据集合改变的通知,并且仅仅当最后一个选项已经显示在屏幕的时候,自动滑动到底部。
    alwaysScroll:无论当前列表显示什么选项,列表将会自动滑动到底部显示最新的选项。

  • android:divider属性:列表之间绘制的颜色或者图片。一般开发中用于分隔表项。 在实际开发过程中,如果你不想要列表之间的分割线,可以设置属性为@null

  • android:fastScrollEnabled属性:设置是否启动快速滑动条。

  • android:listSelector属性:为点击到的Item设置图片,例如:

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:listSelector="@mipmap/ic_launcher"/>


- android:drawSelectorOnTop属性:当设置为true时候,listSelector的图片将会被绘制在被选中的选项之上(就是与上一个属性相比不透明)。

  • android:choiceMode属性:定义了列表的选择行为,默认的情况下,列表没有选择行为。
    none:正常不指定选择的列表
    singleChoice:列表允许一个选择
    multipleChoice:列表允许选择多个,例如:(还要把Activity里面adapter的第二个参数改成支持选择的布局,android.R.layout.simple_list_item_checked)
<ListView   
    android:id="@+id/listView1"   
    android:layout_width="match_parent"   
    android:layout_height="match_parent"   
    android:choiceMode="multipleChoice" />  

2.常用的适配器:
  1. ArrayAdapter 用来绑定一个数组,支持泛型操作

  2. SimpleAdapter 用来绑定在xml中定义的控件对应的数据

  3. SimpleCursorAdapter 用来绑定游标得到的数据,这种方法是直接从数据库拿数据出来到ListView上,因为我数据库还没学,所以先不学这种。

  4. BaseAdapter 通用的基础适配器,可以自定义各种ListView,不同前三种,这一种适配器,需要自己新建一个类继承BaseAdapter然后自己根据需要写。

使用ArrayAdapter:普通的ListView,只显示文字。
步骤:
(1)写一个实现lListView的xml布局,上面的ListView属性介绍就是用这个ArrayAdapter做的,所以xml布局可以参考上面。
(2)定义一个链表,将数据以存放在里面。
(3)构造ArrayAdapter对象,设置适配器。
(4)将LsitView绑定到ArrayAdapter上。

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

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

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private ArrayAdapter<String> adapter;

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

        listView = (ListView) findViewById(R.id.listView1);
        final List<String> adapterData = new ArrayList<String>();
        for (int i = 0; i < 20; i++) {
            adapterData.add("ListItem" + i);
        }//List用来存放要显示的数据
         adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, adapterData);//设置适配器
        listView.setAdapter(adapter);//绑定适配器
    }
}

显示结果可参考上面。

使用SimpleAdapter:可以在每个选项里面分割,进行自定义布局,可以加入图片。
步骤:
(1)根据需要定义ListView每行所实现的xml布局(也就是加入下面的item布局)。
(2)定义一个HashMap构成的列表,将数据以键值对的方式存放在里面。
(3)构造SimpleAdapter对象,设置适配器。
(4)将LsitView绑定到SimpleAdapter上。

在layout加一个item布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <ImageView
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ItemImage"/>
    <TextView android:id="@+id/ItemTitle"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:textSize="20sp"/>
    <TextView android:id="@+id/ItemText"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_below="@+id/ItemTitle"/>
</RelativeLayout>
Mainactivity:
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

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

public class MainActivity extends AppCompatActivity {
    private ListView lv;
    @Override
    public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        lv = (ListView) findViewById(R.id.listView1);
        /*定义一个以HashMap为内容的动态数组*/
        ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();/*在数组中存放数据*/
        for(int i=0;i<100;i++)
        {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("ItemImage", R.mipmap.ic_launcher);//加入图片
            map.put("ItemTitle", "第"+i+"行");
            map.put("ItemText", "这是第"+i+"行");
            listItem.add(map);
        }

        SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,//需要绑定的数据
                R.layout.item,//每一行的布局
                new String[] {"ItemImage","ItemTitle", "ItemText"},//动态数组中的数据源的键对应到定义布局的View中
                new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});

        lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
            setTitle("你点击了第"+arg2+"行");//设置标题栏显示点击的行
        }
    });
}
}

效果显示:

使用BaseAdapter:可以加入按钮等其他组件,一般复杂一点的ListView都是使用这个
(1)定义主xml布局并根据需要定义ListView每行所实现的xml布局。
(2)定义一个Adapter类继承BaseAdapter,重写里面的方法。
(3)定义一个HashMap构成的列表,将数据以键值对的方式存放在里面。
(4)构造Adapter对象,设置适配器。
(5)将LsitView绑定到Adapter上。

下面主要讲一下BaseAdapter要重写的方法。
必须重写的4个方法:

class MyAdapter extends BaseAdapter {
    private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 /*构造函数*/

    public MyAdapter(Context context,ArrayList<HashMap<String, Object>> listItem) {
        this.mInflater = LayoutInflater.from(context);
        this.listItem = listItem;
    }//声明构造函数

    @Override
    public int getCount() {
        return listItem.size();
    }//这个方法返回了在适配器中所代表的数据集合的条目数

    @Override
    public Object getItem(int position) {
        return listItem.get(position);
    }//这个方法返回了数据集合中与指定索引position对应的数据项

    @Override
    public long getItemId(int position) {
        return position;
    }//这个方法返回了在列表中与指定索引对应的行id


    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        return null;
    }//这个方法返回了指定索引对应的数据项的视图,要结合具体的Ietm的例子,所以这里还没写完,看下面具体用法。
}

系统绘制ListView的原理:
   当系统开始绘制ListView的时候,首先调用getCount()方法。得到它的返回值,即ListView的长度。然后系统调用getView()方法返回一个View,根据这个View逐一绘制ListView的每一行。也就是说,如果让getCount()返回1,那么只显示一行。而getItem()和getItemId()则在需要处理和取得Adapter中的数据时调用。
  所以,getView()方法很重要,要好好处理。

处理优化getView()方法:
- getView()第一种方法:

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View item = mInflater.inflate(R.layout.item,null);
        ImageView img = (ImageView)item.findViewById(R.id.ItemImage);
        TextView title = (TextView)item.findViewById(R.id.ItemTitle);
        TextView test = (TextView)item.findViewById(R.id.ItemText);
        Button btn = (Button) item.findViewById(R.id.ItemBottom);
        img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        title.setText((String) listItem.get(position).get("ItemTitle"));
        test.setText((String) listItem.get(position).get("ItemText"));

        return item;
    }//这个方法返回了指定索引对应的数据项的视图

这种方法每次getView()都要findViewById和重新绘制一个View,列表项数据量很大的时候会严重影响性能,造成下拉很慢,所以数据量大的时候不推荐用这种方式。

  • getView()第二种方法:使用缓存convertView来优化

getView()返回值是一个View,把他当做输入参数在放到getView()输入里面,形成一个反馈,这样的话就形成了之前说的的Adapter的重用机制,减少了重绘View的次数。

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if(convertView == null)
        {
            convertView = mInflater.inflate(R.layout.item, null);
        }//检测有没有可以重用的View,没有就重新绘制
        ImageView img = (ImageView)convertView.findViewById(R.id.ItemImage);
        TextView title = (TextView)convertView.findViewById(R.id.ItemTitle);
        TextView test = (TextView)convertView.findViewById(R.id.ItemText);
        Button btn = (Button) convertView.findViewById(R.id.ItemBottom);
        img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        title.setText((String) listItem.get(position).get("ItemTitle"));
        test.setText((String) listItem.get(position).get("ItemText"));

        return convertView;
    }//这个方法返回了指定索引对应的数据项的视图

这种方法和第一种相比减少了重绘View的次数,但是还是每一次都要findViewById

  • getView()第三种方法:通过convertView+ViewHolder来实现优化

ViewHolder相当于更加具体的缓存,把View和View的组件也缓存了,那么重用View的时候就不用再findViewById了。

 static class ViewHolder
    {
        public ImageView img;
        public TextView title;
        public TextView text;
        public Button btn;
    }//声明一个外部静态类
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder ;
        if(convertView == null)
        {
            holder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.item, null);
            holder.img = (ImageView)convertView.findViewById(R.id.ItemImage);
            holder.title = (TextView)convertView.findViewById(R.id.ItemTitle);
            holder.text = (TextView)convertView.findViewById(R.id.ItemText);
            holder.btn = (Button) convertView.findViewById(R.id.ItemBottom);
            convertView.setTag(holder);
        }
        else {
            holder = (ViewHolder)convertView.getTag();

        }
        holder.img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        holder.title.setText((String) listItem.get(position).get("ItemTitle"));
        holder.text.setText((String) listItem.get(position).get("ItemText"));

        return convertView;
    }//这个方法返回了指定索引对应的数据项的视图

这种方法就既减少了重绘View,又减少了findViewById的次数,所以谷歌官方都是推荐用ViewHolder的。

具体实现代码:
activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:background="#FFFFFF"
    android:orientation="vertical" >
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

item.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <ImageView
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ItemImage"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮"
        android:id="@+id/ItemBottom"
        android:focusable="false"
        android:layout_toLeftOf="@+id/ItemImage" />
    <TextView android:id="@+id/ItemTitle"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:textSize="20sp"/>
    <TextView android:id="@+id/ItemText"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_below="@+id/ItemTitle"/>
</RelativeLayout>

MyAdapter.java:

package scut.learnlistview;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;

/**
 * Created by yany on 2016/4/11.
 */
class MyAdapter extends BaseAdapter {
    private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局 /*构造函数*/
    ArrayList<HashMap<String, Object>> listItem;

    public MyAdapter(Context context,ArrayList<HashMap<String, Object>> listItem) {
        this.mInflater = LayoutInflater.from(context);
        this.listItem = listItem;
    }//声明构造函数

    @Override
    public int getCount() {
        return listItem.size();
    }//这个方法返回了在适配器中所代表的数据集合的条目数

    @Override
    public Object getItem(int position) {
        return listItem.get(position);
    }//这个方法返回了数据集合中与指定索引position对应的数据项

    @Override
    public long getItemId(int position) {
        return position;
    }//这个方法返回了在列表中与指定索引对应的行id

    static class ViewHolder
    {
        public ImageView img;
        public TextView title;
        public TextView text;
        public Button btn;
    }//声明一个外部静态类
    @Override
    public View getView(final int position, View convertView, final ViewGroup parent) {
        ViewHolder holder ;
        if(convertView == null)
        {
            holder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.item, null);
            holder.img = (ImageView)convertView.findViewById(R.id.ItemImage);
            holder.title = (TextView)convertView.findViewById(R.id.ItemTitle);
            holder.text = (TextView)convertView.findViewById(R.id.ItemText);
            holder.btn = (Button) convertView.findViewById(R.id.ItemBottom);
            convertView.setTag(holder);
        }
        else {
            holder = (ViewHolder)convertView.getTag();

        }
        holder.img.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        holder.title.setText((String) listItem.get(position).get("ItemTitle"));
        holder.text.setText((String) listItem.get(position).get("ItemText"));
        holder.btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                System.out.println("你点击了选项"+position);//bottom会覆盖item的焦点,所以要在xml里面配置android:focusable="false"
            }
        });

        return convertView;
    }//这个方法返回了指定索引对应的数据项的视图
}

MainActivity.java

package scut.learnlistview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

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

public class MainActivity extends AppCompatActivity {



    private ListView lv;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        lv = (ListView) findViewById(R.id.listView1);
        /*定义一个以HashMap为内容的动态数组*/
        ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();/*在数组中存放数据*/
        for (int i = 0; i < 100; i++) {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("ItemImage", R.mipmap.ic_launcher);//加入图片
            map.put("ItemTitle", "第" + i + "行");
            map.put("ItemText", "这是第" + i + "行");
            listItem.add(map);
        }
        MyAdapter adapter = new MyAdapter(this, listItem);
        lv.setAdapter(adapter);
      lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                System.out.println("你点击了第" + arg2 + "行");//设置系统输出点击的行
            }
        });

}
}

输出结果界面:

点击输出结果:

https://github.com/totond/LearnListView

参考:
http://www.open-open.com/lib/view/open1339485728006.html
http://www.cnblogs.com/freeliver54/p/3633314.html

RecyclerView

  RecyclerView是support-v7包中的新组件,是一个强大的滑动组件,是谷歌推出用来代替ListView的组件,它强制使用了ViewHolder,直接把viewholder的实现封装起来,用户只要实现自己的viewholder就可以了,该组件会自动帮你回收复用每一个item。它不但变得更精简,也变得更加容易使用,而且更容易组合设计出自己需要的滑动布局。

在AndroidStudio1.5使用support-v7包需要右键文件目录的app目录进入Moudle Setting,在Dependencies里面加入com.android.support:recyclerview-v7:23.1.1包。

使用RecyclerView需要理解以下三个概念

  • RecyclerView.Adapter
    和ListView一样,RecyclerView一样需要适配器,而且这个适配器强制要求了我们必须要用Viewholder,让性能得到优化,而且getView方法不同自己写了,我们只需要写好Viewholder,View的复用已经封装好了。

  • LayoutManager
    这个类决定视图被放在画面中哪个位置,简单来说就是管理布局,设置为LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager可以实现ListView,GridView以及流式布局的列表效果。它还可以管理滚动和循环利用。

  • ItemAnimator
    这个类可以实现增删动画,而且不想设置的话它的默认效果已经很好了。

优缺点

优点 :

1.把ViewHolder的实现封装起来,规范了ViewHolder,把item的view写入ViewHolder中,可以通过复用ViewHolder来实现view的复用。
2.可以灵活多样控制Item的布局方式。
3.可以自定Item的间隔(ItemDecoration)、增删变化动画(ItemAnimator)。

缺点:

RecyclerView实现分割线和事件点击比较麻烦。

使用例子:

由于我们暂时只需要用到线性布局的RecyclerView,所以就在这里写一个它的简单例子:

首先是xml布局:activity_main.xml

<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"
    tools:context="${relativePackage}.${activityClass}" >


    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="horizontal"
        /><!--设置一个RecyclerView-->

</RelativeLayout>

list_cell.xml:用来设置每个Item的内容:

<?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">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ItemImage"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/Itemtitle" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/Itemtext"
        android:layout_below="@+id/Itemtitle"/>
</RelativeLayout>
</LinearLayout>

MyItemClickListener.java接口:用来实现点击事件

package scut.receiverview;

import android.view.View;


public interface MyItemClickListener {
    public void onItemClick(View view,int postion);
}

MainActicity.java

package scut.receiverview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;

public class MainActivity extends AppCompatActivity implements MyItemClickListener {
    private RecyclerView Rv;
    private ArrayList<HashMap<String,Object>> listItem;
    private MyAdapter myAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        initView();

    }

    public void initData(){
        listItem = new ArrayList<HashMap<String, Object>>();/*在数组中存放数据*/
        for (int i = 0; i < 100; i++) {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("ItemTitle", "第" + i + "行");
            map.put("ItemText", "这是第" + i + "行");
            map.put("ItemImage",R.mipmap.ic_launcher);
            listItem.add(map);
        }
    }
    public void initView(){
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);//使用线性布局
//        GridLayoutManager layoutManager = new GridLayoutManager(this,3);//使用GridLayout布局
        Rv = (RecyclerView) findViewById(R.id.my_recycler_view);

        myAdapter = new MyAdapter(this,listItem);
        myAdapter.setOnItemClickListener(this);
        Rv.addItemDecoration(new DividerItemDecoration(this, layoutManager.getOrientation()));//设置分割线
//        Rv.addItemDecoration(new DividerItemDecoration(this, R.drawable.list_divider)); //设置分割线,这个是用自己画的
        Rv.setLayoutManager(layoutManager);
        Rv.setHasFixedSize(true);
        Rv.setAdapter(myAdapter);

    }

    @Override
    public void onItemClick(View view, int postion) {//点击事件的回调函数
        System.out.println("点击了第"+postion+"行");
        Toast.makeText(this, (String)listItem.get(postion).get("ItemText"), Toast.LENGTH_SHORT).show();
    }

}

MyAdapter.java

package scut.receiverview;

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.ArrayList;
import java.util.HashMap;

/**
 * Created by yany on 2016/4/11.
 */
public class MyAdapter extends RecyclerView.Adapter {
    private LayoutInflater inflater;
    private ArrayList<HashMap<String, Object>> listItem;
    private MyItemClickListener myItemClickListener;

    public MyAdapter(Context context, ArrayList<HashMap<String, Object>> listItem) {
        inflater = LayoutInflater.from(context);
        this.listItem = listItem;
    }//构造函数,传入数据


    //定义Viewholder
    class Viewholder extends RecyclerView.ViewHolder  {
        private TextView Title, Text;
        private ImageView ima;

        public Viewholder(View root) {
            super(root);
            Title = (TextView) root.findViewById(R.id.Itemtitle);
            Text = (TextView) root.findViewById(R.id.Itemtext);
            ima = (ImageView) root.findViewById(R.id.ItemImage);
            root.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (myItemClickListener != null)
                        myItemClickListener .onItemClick(v,getPosition());
                }

            }//监听到点击就回调MainActivity的onItemClick函数
            );

        }

        public TextView getTitle() {
            return Title;
        }

        public TextView getText() {
            return Text;
        }

        public ImageView getIma() {
            return ima;
        }


    }

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            return new Viewholder(inflater.inflate(R.layout.list_cell, null));
        }//在这里把ViewHolder绑定Item的布局

        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
            Viewholder vh = (Viewholder) holder;
            vh.Title.setText((String) listItem.get(position).get("ItemTitle"));
            vh.Text.setText((String) listItem.get(position).get("ItemText"));
            vh.ima.setImageResource((Integer) listItem.get(position).get("ItemImage"));
        }//在这里绑定数据到ViewHolder里面

        @Override
        public int getItemCount() {
            return listItem.size();
        }//返回Item数目

        public void setOnItemClickListener(MyItemClickListener listener){
        myItemClickListener = listener;
        }//绑定MainActivity传进来的点击监听器
}


  这里实现点击事件的话我首先是在Viewholder里面设置了点击事件监听器,再通过调用OnItemClickListener的接口方法回调MainActivity里的方法。

  最后是一个ItemDecoration,用来实现分割线,这是我从网上copy的,如果自己画了分割线就可以直接添上去(可以直接弄一个1dp的有背景颜色的layout),不用这个类,DividerItemDecoration.java:

package scut.receiverview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.TypedValue;
import android.view.View;


public class DividerItemDecoration extends RecyclerView.ItemDecoration {
    /*
      * RecyclerView的布局方向,默认先赋值
      * 为纵向布局
      * RecyclerView 布局可横向,也可纵向
      * 横向和纵向对应的分割想画法不一样
      * */
    private int mOrientation = LinearLayoutManager.VERTICAL ;

    /**
     * item之间分割线的size,默认为1
     */
    private int mItemSize = 1 ;

    /**
     * 绘制item分割线的画笔,和设置其属性
     * 来绘制个性分割线
     */
    private Paint mPaint ;

    /**
     * 构造方法传入布局方向,不可不传
     * @param context
     * @param orientation
     */
    public DividerItemDecoration(Context context,int orientation) {
        this.mOrientation = orientation;
        if(orientation != LinearLayoutManager.VERTICAL && orientation != LinearLayoutManager.HORIZONTAL){
            throw new IllegalArgumentException("请传入正确的参数") ;
        }
        mItemSize = (int) TypedValue.applyDimension(mItemSize, TypedValue.COMPLEX_UNIT_DIP,context.getResources().getDisplayMetrics());
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG) ;
        mPaint.setColor(Color.BLUE);
         /*设置填充*/
        mPaint.setStyle(Paint.Style.FILL);
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if(mOrientation == LinearLayoutManager.VERTICAL){
            drawVertical(c,parent) ;
        }else {
            drawHorizontal(c,parent) ;
        }
    }

    /**
     * 绘制纵向 item 分割线
     * @param canvas
     * @param parent
     */
    private void drawVertical(Canvas canvas,RecyclerView parent){
        final int left = parent.getPaddingLeft() ;
        final int right = parent.getMeasuredWidth() - parent.getPaddingRight() ;
        final int childSize = parent.getChildCount() ;
        for(int i = 0 ; i < childSize ; i ++){
            final View child = parent.getChildAt( i ) ;
            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int top = child.getBottom() + layoutParams.bottomMargin ;
            final int bottom = top + mItemSize ;
            canvas.drawRect(left,top,right,bottom,mPaint);
        }
    }

    /**
     * 绘制横向 item 分割线
     * @param canvas
     * @param parent
     */
    private void drawHorizontal(Canvas canvas,RecyclerView parent){
        final int top = parent.getPaddingTop() ;
        final int bottom = parent.getMeasuredHeight() - parent.getPaddingBottom() ;
        final int childSize = parent.getChildCount() ;
        for(int i = 0 ; i < childSize ; i ++){
            final View child = parent.getChildAt( i ) ;
            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + layoutParams.rightMargin ;
            final int right = left + mItemSize ;
            canvas.drawRect(left,top,right,bottom,mPaint);
        }
    }

    /**
     * 设置item分割线的size
     * @param outRect
     * @param view
     * @param parent
     * @param state
     */
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        if(mOrientation == LinearLayoutManager.VERTICAL){
            outRect.set(0,0,0,mItemSize);
        }else {
            outRect.set(0,0,mItemSize,0);
        }
    }
}

参考:
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1118/2004.html
http://wdbaoge.com/2015/12/16/material-design-2015-12-02-RecyclerView/
http://blog.csdn.net/lmj623565791/article/details/45059587

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值