——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();
}
}