——ListView饲漾、AdapterView蝙搔、RecyclerView基礎
AdapterView介紹
Adapter本身是一個抽象類,AdapterView及其子類的繼承關系如下圖:
[圖片上傳失敗...(image-3976aa-1512547750786)]
AdapterView具有以下特征:
- AdapterView繼承自ViewGroup考传,本質上是一個容器
- AdapterView可以包含多個列表項吃型,并將多個列表項以合適的形式展示
- AdapterView顯示的列表項內容由Adapter(適配器)提供
- 它派生的子類在用法上也基本相似,只是在顯示上有一定的區(qū)別僚楞,因此把他們也歸為一類
- 由AdapterView直接派生的有三個類
AbsListView AbsSpinner AdapterViewAnimator
都是抽象類勤晚,所以我們使用最多的就是圖中第四行及一下的子類。
ListView介紹
1泉褐、什么是ListView
即列表視圖运翼,是Android開發(fā)中一種常用的視圖組件
2、ListView的作用
- 將所要展示的數(shù)據(jù)集合起來
- 以列表的形式展示到用戶界面上
3兴枯、關于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負責提供容器的內容虚倒。
即AdapterView負責采用合適的方式顯示Adapter提供的內容
- 在運行時,當需要顯示數(shù)據(jù)時产舞,ListView會針對數(shù)據(jù)項向Adapter取出數(shù)據(jù)魂奥,從而加載到界面上。
試想:如果把所有數(shù)據(jù)集合的信息都加載到View上易猫,如果ListView要為每個數(shù)據(jù)都創(chuàng)建一個視圖耻煤,那么會占用非常多的內存躁染。
- 由此褪迟,ListView不會為每一個數(shù)據(jù)都創(chuàng)建一個視圖,為了節(jié)省空間和時間薪寓,Android采用了一個叫Recycler的組件攘已。
工作原理:當屏幕需要顯示x個item時炮赦,那么ListView只會創(chuàng)建x+1個視圖,當?shù)谝粋€item離開屏幕時样勃,這個item的view就會被哪來用于顯示下一個item的內容眼五。
5、ListView的使用
- 生成方式
生成列表視圖(ListView)的方式主要有兩種:
a.直接用ListView進行創(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的常用屬性和相關方法:
- android:choiceMode 列表的選擇行為
- android:drawSelectorOnTop 該屬性為true彤灶,則選中列表項會顯示在上方
- android:listSelector 為點擊到Item設置圖片
- android:fastScrollEnables 設置是否允許快速滾動
- android:scrollingCache 滾動時是否使用緩存
- android:stackFromBottom 設置是否從地段開始排列列表項
- android:transcriptMode 指定列表添加新的選項時,是否自動滑動到地步批旺,顯示新的選項
ListView提供的xml屬性:
- android:divider 設置List列表項的分割條(可用顏色或圖片分割)
- android:dividerHeight 設置分割條的高度
- android:background 設置列表的背景
- android:entries 指定一個數(shù)組資源幌陕,Android將根據(jù)該數(shù)組資源來生成ListView
- android:footerDividerEnabled 如果設置成false,則不再footerView之前繪制分割條
- android:headerDividerEnabled 如果設置成false汽煮,則不再headerView之前繪制分隔條
Adapter介紹
Adapter本身也是一個接口搏熄,與其子類的繼承關系如下:
[圖片上傳失敗...(image-7e707c-1512547750786)]
- Adapter接口派生了ListAdapter和SpinnerAdapter兩個子接口
其中ListAdapter為AbsAdapter提供列表項,SpinnerAdapter為AbsSpinner提供列表項
- ArrayAdapter暇赤、SimpleAdapter心例、SimpleCursorAdapter、BaseAdapter都是常用的適配器的類
1.ArrayAdapter:簡單鞋囊、易用的Adapter止后,用于將數(shù)組綁定為列表項的數(shù)據(jù)源,支持泛型操作
2.SimpleAdapter:功能強大的Adapter,用于將xml中控件綁定為列表項的數(shù)組源
3.SimpleCursorAdapter:與SimpleAdapter類似译株,用于綁定游標(直接從數(shù)據(jù)數(shù)組取出數(shù)據(jù))作為列表項的數(shù)據(jù)源
4.BaseAdapter:可自定義ListView瓜喇,通用用于被擴展。擴展BaseAdapter可以對各個列表項進行最大程度的定制歉糜。
常用適配器介紹
ArrayAdapter
定義:簡單乘寒、易用Adapter,用于將數(shù)組綁定為列表項的數(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上定義一個鏈表夯缺,將所要展示的數(shù)據(jù)以存放在里面
3蚤氏、構造ArrayAdapter對象,設置適配器
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);
//定義一個鏈表用于存放數(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并設置適配器
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,R.layout.list_item,adapterData);
//將ListView綁定到adapter上
listView.setAdapter(adapter);
}
}
缺點:ArrayAdapter較為簡單易用,但每個列表項只能是TextView润文,功能實現(xiàn)局限性很大姐呐。
SimpleAdapter
定義:功能強大的Adapter,用于將xml中的控件綁定作為列表項的數(shù)據(jù)源
特點:可對每個列表項進行定制典蝌,自定義布局曙砂,能滿足大多數(shù)開發(fā)的需求場景,靈活性較大
步驟:
1骏掀、在xml文件上布局實現(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ù)實際需求定制列表項:實現(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、定義一個HashMap構成的列表以鍵值對的方式存放數(shù)據(jù)
4截驮、構造SimpleAdapter對象笑陈,設置適配器
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);
//定義一個HahsMap構成的列表以鍵值對的方式存放數(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);
}
//構造SimpleAdapter對象涵妥,設置適配器
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,通常用于被擴展坡锡。擴展BaseAdapter可以對各列表項進行最大程度的定制蓬网。
使用步驟:
1、定義主xml布局
2鹉勒、根據(jù)需要定義ListView每一行的xml布局
3帆锋、定義一個Adapter類繼承BaseAdapter,重寫里面的方法禽额。
4锯厢、定義一個HashMap結構的列表,將數(shù)據(jù)以鍵值對的方式存放其中
5、構造Adapter對象哲鸳,設置適配器臣疑。
6、將ListView綁定到Adapter上徙菠。
詳細步驟如下:
定于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>
定義一個Adapter類繼承BaseAdapter:
public class MyAdapter extends BaseAdapter {
//獲得一個LayoutInflater來導入布局
private Context mContext;
private ArrayList<HashMap<String,Object>> arrayList;
//構造函數(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("你點擊了選項"+position);
}
});
return convertView;
}
//聲明一個外部靜態(tài)類
class ViewHolder{
public ImageView img;
public TextView title;
public TextView text;
public Button btn;
}
}
接下來是MainActivity中實現(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);
//定義一個以HashMap為內容的動態(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+"內容");
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點擊了第"+position);
}
});
}
}
RecyclerView介紹
定義:RecyclerView是Goolgle推出來代替ListView組件的讯沈。是一個強大的滑動控件。
RecyclerView強制使用了ViewHolder婿奔,直接把viewholder的實現(xiàn)封裝起來缺狠,用戶只要實現(xiàn)自己的viewholder就可以了,該組件會自動幫你回收復用每一個item萍摊。
工作原理:當屏幕要顯示x個item時挤茄,那么ListView只會創(chuàng)建x+1個視圖,當?shù)谝粋€item離開屏幕時冰木,此item的view就會被哪來重用(用于顯示下一個item(即第x+1個)的內容)穷劈。
工作原理示例:假如屏幕只能顯示7個item,那么ListView只會創(chuàng)建(7+1)個item的視圖踊沸。當?shù)谝粋€item離開屏幕時歇终,此item的view就會被哪來重用(用于顯示第8個item的內容)。原理如下圖:
[圖片上傳失敗...(image-eed3bf-1512547750786)]
RecyclerView重要概念
- RecyclerView.Adapter
和ListView一樣逼龟,Recycler一樣需要適配器评凝,而且這個適配器強制要求了我們必須要用ViewHolder,讓性能得到優(yōu)化腺律,而且getView方法不需要自己寫奕短,我們只需要寫好ViewHolder,View的復用已經(jīng)封裝好了匀钧。 - LayoutManager
管理布局翎碑,設置為LinearLayoutManager、GridLayoutManager之斯、StaggeredGridLayoutManager可以輕易的實現(xiàn)ListView日杈,GridView以及流式布局的列表效果。它還可以管理滾動和循環(huán)利用吊圾。 - ItemAnimator
這個類可以實現(xiàn)增刪動畫,而且不想設置的話默認效果已經(jīng)很好了
RecyclerView的優(yōu)缺點
優(yōu)點:
- item復用性高
把ViewjHolder的實現(xiàn)封裝起來翰蠢,規(guī)范了ViewHolder项乒,把item的view寫入ViewHolder中,可以通過復用ViewHolder來實現(xiàn)view的復用梁沧。 - 靈活檀何、可定制化高、可拓展性高
整體上看RecyclerView架構,提供了一種插拔式體驗:高度的解耦频鉴,異常的靈活 - 控制其顯示的方式:通過布局管理器LayoutManager
- 控制Item間的間隔(可繪制):通過ItemDecoration
- 控制Item增刪的動畫:通過ItemAnimator
mRecyclerView = findView(R.id.id_recyclerview);
//設置布局管理器
mRecyclerView.setLayoutManager(layout);
//設置adapter
mRecyclerView.setAdapter(adapter);
//設置Item增加栓辜、移除動畫
mRecycler.setItemAnimator(new DefaultAnimator());
//添加分割線
mRecyclerView.addItemDecoration(new DividerItemDecoration(getActivity(),DividerItemDecoration.HORIZONTAL_LIST))
缺點:
RecyclerView實現(xiàn)控制電機、長按事件比較麻煩垛孔,需要自己寫藕甩。
RecyclerView使用實例
- 使用步驟
1、定義主xml布局
2周荐、根據(jù)需要定義RecyclerView每行所實現(xiàn)的xml布局
3狭莱、定義一個Adapter類繼承RecyclerView.Adapter,重寫 里面的方法
4概作、定義一個HashMap構成的列表腋妙,將數(shù)據(jù)以鍵值對的方式存放在里面
5、構造Adapter對象讯榕,設置適配器
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內容
<?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>
- 定義一個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)聽到點擊就回調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;
}
}
- 實現(xiàn)分割線的類
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("請傳入正確的參數(shù)") ;
}
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);
}
}
}
- 點擊事件的接口
public interface MyItemClickListener {
public void onItemClick(View view, int position);
}
- 在MainActivity實現(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()));//設置分割線
// 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) {//點擊事件的回調函數(shù)
System.out.println("點擊了第"+postion+"行");
Toast.makeText(this, (String)listItem.get(postion).get("text"), Toast.LENGTH_SHORT).show();
}
}