Android學(xué)習(xí)筆記——ListView、AdapterView、RecyclerView基礎(chǔ)

——ListView、AdapterView、RecyclerView基礎(chǔ)

AdapterView介紹

Adapter本身是一個(gè)抽象類,AdapterView及其子類的繼承關(guān)系如下圖:
[圖片上傳失敗...(image-3976aa-1512547750786)]

AdapterView具有以下特征:

  • AdapterView繼承自ViewGroup,本質(zhì)上是一個(gè)容器
  • AdapterView可以包含多個(gè)列表項(xiàng),并將多個(gè)列表項(xiàng)以合適的形式展示
  • AdapterView顯示的列表項(xiàng)內(nèi)容由Adapter(適配器)提供
  • 它派生的子類在用法上也基本相似,只是在顯示上有一定的區(qū)別,因此把他們也歸為一類
  • 由AdapterView直接派生的有三個(gè)類

AbsListView AbsSpinner AdapterViewAnimator
都是抽象類,所以我們使用最多的就是圖中第四行及一下的子類。

ListView介紹
1、什么是ListView

即列表視圖,是Android開發(fā)中一種常用的視圖組件

2、ListView的作用
  • 將所要展示的數(shù)據(jù)集合起來
  • 以列表的形式展示到用戶界面上
3、關(guān)于Adapter

定義:適配器
作用:作為View和數(shù)據(jù)之間的橋梁

由于ListView和所要展現(xiàn)的數(shù)據(jù)是分開的,不直接接觸,所以Adapter的作用就是把數(shù)據(jù)映射到ListView上,作為中介的作用,如下圖。
[圖片上傳失敗...(image-f0623f-1512547750786)]

4、ListView的工作原理
  • ListView、GridView、Spinner等AdapterView都只是容器,主要用于裝載需要顯示的數(shù)據(jù)并顯示,而Adapter負(fù)責(zé)提供容器的內(nèi)容。

即AdapterView負(fù)責(zé)采用合適的方式顯示Adapter提供的內(nèi)容

  • 在運(yùn)行時(shí),當(dāng)需要顯示數(shù)據(jù)時(shí),ListView會針對數(shù)據(jù)項(xiàng)向Adapter取出數(shù)據(jù),從而加載到界面上。

試想:如果把所有數(shù)據(jù)集合的信息都加載到View上,如果ListView要為每個(gè)數(shù)據(jù)都創(chuàng)建一個(gè)視圖,那么會占用非常多的內(nèi)存。

  • 由此,ListView不會為每一個(gè)數(shù)據(jù)都創(chuàng)建一個(gè)視圖,為了節(jié)省空間和時(shí)間,Android采用了一個(gè)叫Recycler的組件。

工作原理:當(dāng)屏幕需要顯示x個(gè)item時(shí),那么ListView只會創(chuàng)建x+1個(gè)視圖,當(dāng)?shù)谝粋€(gè)item離開屏幕時(shí),這個(gè)item的view就會被哪來用于顯示下一個(gè)item的內(nèi)容。

5、ListView的使用
  • 生成方式
    生成列表視圖(ListView)的方式主要有兩種:
    a.直接用ListView進(jìn)行創(chuàng)建
    b.讓Activity繼承ListActivity
  • 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>

AbsListView的常用屬性和相關(guān)方法:

  • android:choiceMode 列表的選擇行為
  • android:drawSelectorOnTop 該屬性為true,則選中列表項(xiàng)會顯示在上方
  • android:listSelector 為點(diǎn)擊到Item設(shè)置圖片
  • android:fastScrollEnables 設(shè)置是否允許快速滾動(dòng)
  • android:scrollingCache 滾動(dòng)時(shí)是否使用緩存
  • android:stackFromBottom 設(shè)置是否從地段開始排列列表項(xiàng)
  • android:transcriptMode 指定列表添加新的選項(xiàng)時(shí),是否自動(dòng)滑動(dòng)到地步,顯示新的選項(xiàng)

ListView提供的xml屬性:

  • android:divider 設(shè)置List列表項(xiàng)的分割條(可用顏色或圖片分割)
  • android:dividerHeight 設(shè)置分割條的高度
  • android:background 設(shè)置列表的背景
  • android:entries 指定一個(gè)數(shù)組資源,Android將根據(jù)該數(shù)組資源來生成ListView
  • android:footerDividerEnabled 如果設(shè)置成false,則不再footerView之前繪制分割條
  • android:headerDividerEnabled 如果設(shè)置成false,則不再headerView之前繪制分隔條
Adapter介紹

Adapter本身也是一個(gè)接口,與其子類的繼承關(guān)系如下:
[圖片上傳失敗...(image-7e707c-1512547750786)]

  • Adapter接口派生了ListAdapter和SpinnerAdapter兩個(gè)子接口

其中ListAdapter為AbsAdapter提供列表項(xiàng),SpinnerAdapter為AbsSpinner提供列表項(xiàng)

  • ArrayAdapter、SimpleAdapter、SimpleCursorAdapter、BaseAdapter都是常用的適配器的類

1.ArrayAdapter:簡單、易用的Adapter,用于將數(shù)組綁定為列表項(xiàng)的數(shù)據(jù)源,支持泛型操作
2.SimpleAdapter:功能強(qiáng)大的Adapter,用于將xml中控件綁定為列表項(xiàng)的數(shù)組源
3.SimpleCursorAdapter:與SimpleAdapter類似,用于綁定游標(biāo)(直接從數(shù)據(jù)數(shù)組取出數(shù)據(jù))作為列表項(xiàng)的數(shù)據(jù)源
4.BaseAdapter:可自定義ListView,通用用于被擴(kuò)展。擴(kuò)展BaseAdapter可以對各個(gè)列表項(xiàng)進(jìn)行最大程度的定制。

常用適配器介紹

ArrayAdapter
定義:簡單、易用Adapter,用于將數(shù)組綁定為列表項(xiàng)的數(shù)據(jù)源,支持泛型操作
步驟:
1、在xml文件上布局ListView

<?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:padding="8dp">
    <ListView
        android:id="@+id/list_item"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="#f00"
        android:dividerHeight="1sp"
        android:headerDividersEnabled="false">
    </ListView>
</RelativeLayout>

2、在MainActivity上定義一個(gè)鏈表,將所要展示的數(shù)據(jù)以存放在里面
3、構(gòu)造ArrayAdapter對象,設(shè)置適配器
4、將ListView綁定到ArrayAdapter上,如下:

public class MainActivity extends AppCompatActivity {

    private ListView listView;

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

        listView = (ListView)findViewById(R.id.list_item);
        //定義一個(gè)鏈表用于存放數(shù)據(jù)
        List<String> adapterData = new ArrayList<String>();
        //存放將要顯示的數(shù)據(jù)
        for(int i = 0; i<30;i++){
            adapterData.add("listitem"+i);
        }
        //創(chuàng)建ArratAdapter對象adpter并設(shè)置適配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,R.layout.list_item,adapterData);
        //將ListView綁定到adapter上
        listView.setAdapter(adapter);
    }
}

缺點(diǎn):ArrayAdapter較為簡單易用,但每個(gè)列表項(xiàng)只能是TextView,功能實(shí)現(xiàn)局限性很大。

SimpleAdapter
定義:功能強(qiáng)大的Adapter,用于將xml中的控件綁定作為列表項(xiàng)的數(shù)據(jù)源
特點(diǎn):可對每個(gè)列表項(xiàng)進(jìn)行定制,自定義布局,能滿足大多數(shù)開發(fā)的需求場景,靈活性較大

步驟:
1、在xml文件上布局實(shí)現(xiàn)ListView

<?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:padding="10dp">
    <ListView
        android:id="@+id/list_item"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="#f00"
        android:dividerHeight="1sp"
        android:headerDividersEnabled="false">
    </ListView>
</RelativeLayout>

2、根據(jù)實(shí)際需求定制列表項(xiàng):實(shí)現(xiàn)每一行xml的布局(即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">

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="17sp"
        android:paddingLeft="14dp"/>
    <TextView
        android:id="@+id/address"
        android:layout_below="@id/name"
        android:textSize="17sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/lowerest_wholesale"
        android:layout_toRightOf="@id/address"
        android:textSize="17sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/price"
        android:textSize="17sp"
        android:layout_below="@id/address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <ImageView
        android:id="@+id/picture"
        android:layout_alignParentRight="true"
        android:layout_width="115dp"
        android:layout_height="86dp"         />
</RelativeLayout>

3、定義一個(gè)HashMap構(gòu)成的列表以鍵值對的方式存放數(shù)據(jù)
4、構(gòu)造SimpleAdapter對象,設(shè)置適配器
5、將ListView綁定到SimpleAdapter上,如下:

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private String[] name = new String[]{"騰訊","愛奇藝","優(yōu)酷"};
    private String[] address = new String[]{"廣州","成都","上海"};
    private  int[] lowerest_wholesale = new int[]{22,333,44};
    private int[] price = new int[]{11,44,22};
    private int[] picture = new int[]{
            R.drawable.ic_launcher_background,
            R.drawable.ic_launcher_foreground,
            R.drawable.ic_launcher_background
    };

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

        listView = (ListView)findViewById(R.id.list_item);
        //定義一個(gè)HahsMap構(gòu)成的列表以鍵值對的方式存放數(shù)據(jù)
        ArrayList<HashMap<String,Object>> listItems = new ArrayList<>();
        //循環(huán)填充數(shù)據(jù)
        for(int i = 0; i<name.length;i++){
            HashMap<String,Object> map = new HashMap<>();
            map.put("name",name[i]);
            map.put("address",address[i]);
            map.put("lowerest_wholesale",lowerest_wholesale[i]);
            map.put("price",price[i]);
            map.put("picture",picture[i]);
            listItems.add(map);
        }

        //構(gòu)造SimpleAdapter對象,設(shè)置適配器
        SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,
                listItems,
                R.layout.list_items,
                new String[]{"name","address","lowerest_wholesale","price","picture"},
                new int[]{R.id.name,R.id.address,R.id.lowerest_wholesale,R.id.price,R.id.picture}
                );
        listView.setAdapter(mSimpleAdapter);
    }
}

BaseAdapter
定義:可自定義ListView,通常用于被擴(kuò)展。擴(kuò)展BaseAdapter可以對各列表項(xiàng)進(jìn)行最大程度的定制。
使用步驟:
1、定義主xml布局
2、根據(jù)需要定義ListView每一行的xml布局
3、定義一個(gè)Adapter類繼承BaseAdapter,重寫里面的方法。
4、定義一個(gè)HashMap結(jié)構(gòu)的列表,將數(shù)據(jù)以鍵值對的方式存放其中
5、構(gòu)造Adapter對象,設(shè)置適配器。
6、將ListView綁定到Adapter上。
詳細(xì)步驟如下:
定于xml布局:略
根據(jù)需要定義ListView每一行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>

定義一個(gè)Adapter類繼承BaseAdapter:

public class MyAdapter extends BaseAdapter {
    //獲得一個(gè)LayoutInflater來導(dǎo)入布局
    private Context mContext;
    private ArrayList<HashMap<String,Object>> arrayList;

    //構(gòu)造函數(shù)
    public MyAdapter(Context context, ArrayList<HashMap<String,Object>> arrayList) {
        this.mContext = context;
        this.arrayList = arrayList;
    }

    @Override
    public int getCount() {
        return arrayList.size();
    }

    @Override
    public Object getItem(int position) {
        return arrayList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if(convertView == null){
            holder = new ViewHolder();
            convertView = LayoutInflater.from(mContext).inflate(R.layout.list_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) arrayList.get(position).get("ImageItem"));
        holder.title.setText((String) arrayList.get(position).get("title"));
        holder.text.setText((String) arrayList.get(position).get("text"));
        holder.btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                System.out.println("你點(diǎn)擊了選項(xiàng)"+position);
            }
        });
        return convertView;
    }

    //聲明一個(gè)外部靜態(tài)類
    class ViewHolder{
        public ImageView img;
        public TextView title;
        public TextView text;
        public Button btn;
    }
}

接下來是MainActivity中實(shí)現(xiàn):

public class MainActivity extends AppCompatActivity {

    private ListView listView;

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

        listView = (ListView)findViewById(R.id.list_item);
        //定義一個(gè)以HashMap為內(nèi)容的動(dòng)態(tài)數(shù)組
        ArrayList<HashMap<String,Object>> arrayList = new ArrayList<HashMap<String, Object>>();

        for(int i=0;i<88;i++){
            HashMap<String,Object> map = new HashMap<String, Object>();
            map.put("ImageItem",R.mipmap.ic_launcher);
            map.put("title",i+"行");
            map.put("text",i+"內(nèi)容");
            arrayList.add(map);
        }

        MyAdapter adapter = new MyAdapter(this,arrayList);
        listView.setAdapter(adapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                System.out.println("Ni點(diǎn)擊了第"+position);
            }
        });
    }
}
RecyclerView介紹

定義:RecyclerView是Goolgle推出來代替ListView組件的。是一個(gè)強(qiáng)大的滑動(dòng)控件。

RecyclerView強(qiáng)制使用了ViewHolder,直接把viewholder的實(shí)現(xiàn)封裝起來,用戶只要實(shí)現(xiàn)自己的viewholder就可以了,該組件會自動(dòng)幫你回收復(fù)用每一個(gè)item。
工作原理:當(dāng)屏幕要顯示x個(gè)item時(shí),那么ListView只會創(chuàng)建x+1個(gè)視圖,當(dāng)?shù)谝粋€(gè)item離開屏幕時(shí),此item的view就會被哪來重用(用于顯示下一個(gè)item(即第x+1個(gè))的內(nèi)容)。
工作原理示例:假如屏幕只能顯示7個(gè)item,那么ListView只會創(chuàng)建(7+1)個(gè)item的視圖。當(dāng)?shù)谝粋€(gè)item離開屏幕時(shí),此item的view就會被哪來重用(用于顯示第8個(gè)item的內(nèi)容)。原理如下圖:
[圖片上傳失敗...(image-eed3bf-1512547750786)]
RecyclerView重要概念

  • RecyclerView.Adapter
    和ListView一樣,Recycler一樣需要適配器,而且這個(gè)適配器強(qiáng)制要求了我們必須要用ViewHolder,讓性能得到優(yōu)化,而且getView方法不需要自己寫,我們只需要寫好ViewHolder,View的復(fù)用已經(jīng)封裝好了。
  • LayoutManager
    管理布局,設(shè)置為LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager可以輕易的實(shí)現(xiàn)ListView,GridView以及流式布局的列表效果。它還可以管理滾動(dòng)和循環(huán)利用。
  • ItemAnimator
    這個(gè)類可以實(shí)現(xiàn)增刪動(dòng)畫,而且不想設(shè)置的話默認(rèn)效果已經(jīng)很好了

RecyclerView的優(yōu)缺點(diǎn)
優(yōu)點(diǎn):

  • item復(fù)用性高
    把ViewjHolder的實(shí)現(xiàn)封裝起來,規(guī)范了ViewHolder,把item的view寫入ViewHolder中,可以通過復(fù)用ViewHolder來實(shí)現(xiàn)view的復(fù)用。
  • 靈活、可定制化高、可拓展性高
    整體上看RecyclerView架構(gòu),提供了一種插拔式體驗(yàn):高度的解耦,異常的靈活
  • 控制其顯示的方式:通過布局管理器LayoutManager
  • 控制Item間的間隔(可繪制):通過ItemDecoration
  • 控制Item增刪的動(dòng)畫:通過ItemAnimator
mRecyclerView = findView(R.id.id_recyclerview);
//設(shè)置布局管理器
mRecyclerView.setLayoutManager(layout);
//設(shè)置adapter
mRecyclerView.setAdapter(adapter);
//設(shè)置Item增加、移除動(dòng)畫
mRecycler.setItemAnimator(new DefaultAnimator());
//添加分割線
mRecyclerView.addItemDecoration(new DividerItemDecoration(getActivity(),DividerItemDecoration.HORIZONTAL_LIST))

缺點(diǎn):
RecyclerView實(shí)現(xiàn)控制電機(jī)、長按事件比較麻煩,需要自己寫。

RecyclerView使用實(shí)例
  • 使用步驟
    1、定義主xml布局
    2、根據(jù)需要定義RecyclerView每行所實(shí)現(xiàn)的xml布局
    3、定義一個(gè)Adapter類繼承RecyclerView.Adapter,重寫 里面的方法
    4、定義一個(gè)HashMap構(gòu)成的列表,將數(shù)據(jù)以鍵值對的方式存放在里面
    5、構(gòu)造Adapter對象,設(shè)置適配器
    6、將RecyclerView綁定到Adapter上
    具體步驟:
  • 定義主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"
    android:padding="10dp">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="horizontal"
        />
</RelativeLayout>
  • 定義每一行的顯示item內(nèi)容
<?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>
  • 定義一個(gè)Adapter類繼承RecyclerView.Adapter
package com.shieda.app.recyclerview;

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 Lwj on 2017/12/5.
 */

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());
                    }
                }//監(jiān)聽到點(diǎn)擊就回調(diào)MainActivity的onItemClick函數(shù)
            });
        }

        public TextView getTitle(){
            return Title;
        }

        public TextView getText(){
            return Text;
        }

        public ImageView getIma(){
            return ima;
        }
    }

    //綁定ViewHolder到Item布局
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new ViewHolder(inflater.inflate(R.layout.list_item,null));
    }

    //綁定數(shù)據(jù)到ViewHolder中
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        ViewHolder viewHolder = (ViewHolder) holder;
        viewHolder.Title.setText((String) listItem.get(position).get("title"));
        viewHolder.Text.setText((String) listItem.get(position).get("text"));
        viewHolder.ima.setImageResource((Integer) listItem.get(position).get("ItemImages"));
    }

    @Override
    public int getItemCount() {
        return listItem.size();
    }

    public void setOnItemClickListener(MyItemClickListener listener){
        myItemClickListener = listener;
    }
}
  • 實(shí)現(xiàn)分割線的類
public class DividerItemDecoration extends RecyclerView.ItemDecoration {
    /*
      * RecyclerView的布局方向,默認(rèn)先賦值
      * 為縱向布局
      * RecyclerView 布局可橫向,也可縱向
      * 橫向和縱向?qū)?yīng)的分割想畫法不一樣
      * */
    private int mOrientation = LinearLayoutManager.VERTICAL ;

    /**
     * item之間分割線的size,默認(rèn)為1
     */
    private int mItemSize = 1 ;

    /**
     * 繪制item分割線的畫筆,和設(shè)置其屬性
     * 來繪制個(gè)性分割線
     */
    private Paint mPaint ;

    /**
     * 構(gòu)造方法傳入布局方向,不可不傳
     * @param context
     * @param orientation
     */
    public DividerItemDecoration(Context context, int orientation) {
        this.mOrientation = orientation;
        if(orientation != LinearLayoutManager.VERTICAL && orientation != LinearLayoutManager.HORIZONTAL){
            throw new IllegalArgumentException("請傳入正確的參數(shù)") ;
        }
        mItemSize = (int) TypedValue.applyDimension(mItemSize, TypedValue.COMPLEX_UNIT_DIP,context.getResources().getDisplayMetrics());
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG) ;
        mPaint.setColor(Color.BLUE);
         /*設(shè)置填充*/
        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);
        }
    }

    /**
     * 設(shè)置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);
        }
    }
}
  • 點(diǎn)擊事件的接口
public interface MyItemClickListener {
    public void onItemClick(View view, int position);
}

  • 在MainActivity實(shí)現(xiàn)的步驟
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>>();/*在數(shù)組中存放數(shù)據(jù)*/
        for (int i = 0; i < 100; i++) {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("title", "第" + i + "行");
            map.put("text", "這是第" + i + "行");
            map.put("ItemImages",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()));//設(shè)置分割線
//        Rv.addItemDecoration(new DividerItemDecoration(this, R.drawable.list_divider)); //設(shè)置分割線,這個(gè)是用自己畫的
        Rv.setLayoutManager(layoutManager);
        Rv.setHasFixedSize(true);
        Rv.setAdapter(myAdapter);

    }

    @Override
    public void onItemClick(View view, int postion) {//點(diǎn)擊事件的回調(diào)函數(shù)
        System.out.println("點(diǎn)擊了第"+postion+"行");
        Toast.makeText(this, (String)listItem.get(postion).get("text"), Toast.LENGTH_SHORT).show();
    }

}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容