Android RecycleView 的基本使用一

一得运、RecycleView介紹

官方介紹為:

A flexible view for providing a limited window into a large data set。

翻譯過來(lái)就是:

為大數(shù)據(jù)集提供的有限窗口的靈活視圖。

用官方的語(yǔ)言描述,總是不能讓我們直接的理解他的含義报辱;但是用過RecycleView的同學(xué)都知道锡宋,他是一個(gè)強(qiáng)大的控件,只需要簡(jiǎn)單配置咐容,我們就很容易的實(shí)現(xiàn)之前ListView,GridView和瀑布流的效果蚂维;當(dāng)然它不是簡(jiǎn)單的將這些大數(shù)據(jù)展示控件融為一體戳粒,他還可以比較靈活的轉(zhuǎn)換這些控件的展示方向(橫向展示,豎向展示等)虫啥,還有item的刪除和添加動(dòng)畫等等功能蔚约;當(dāng)然在RecycleView的使用過程中,也有一下讓人感覺不太爽的地方涂籽,比如:item的點(diǎn)擊事件需要自己實(shí)現(xiàn)了(沒有OnItemClickListener了)苹祟,item的分割線也需要繼承類來(lái)實(shí)現(xiàn)等等;

接下來(lái)我們就一起學(xué)習(xí)一下RecycleView评雌。

二树枫、RecycleView基本使用

用過ListView的同學(xué)上手就比較容易了,初學(xué)者也沒什么困難景东。

基本就三步:1砂轻、繪制布局文件;2斤吐、繪制item文件3舔清、在Activity中給RecycleView填充數(shù)據(jù);

來(lái)看看簡(jiǎn)單的樣例:

1曲初、繪制布局文件layout_main.xml

<?version="1.0" encoding="utf-8"?>

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

? android:id="@+id/recyclerView"

? android:layout_width="match_parent"

? android:layout_height="wrap_content" />

2体谒、繪制layout_item.xml文件

<?version="1.0" encoding="utf-8"?>

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content">

? android:id="@+id/id_num"

? android:layout_width="match_parent"

? android:layout_height="50dp"

? android:gravity="center"

? android:text="1" />

3、在Activity中給RecycleView填充數(shù)據(jù)

public class MainActivity extends AppCompatActivity {

private RecyclerView recyclerView;

private List mDatas;

private MainAdapter adapter;

@Override

protected

void onCreate(Bundle savedInstanceState) {

? super.onCreate(savedInstanceState);

? setContentView(R.layout.activity_main);

? recyclerView = findViewById(R.id.recyclerView);

? recyclerView.setLayoutManager(new LinearLayoutManager(this));

? initData();

? adapter = new MainAdapter();

? recyclerView.setAdapter(adapter);

}

private void initData(){

? mDatas = new ArrayList<>();

? for(int i=0 ;i< 100;i++){

? ? ? mDatas.add("第"+i+"個(gè)item");

? }

}

class MainAdapter extends RecyclerView.Adapter{

? @Override

? public MyViewHolder onCreateViewHolder(ViewGroup parent, int

viewType) {

? ? ? View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.layout_item,parent,false);

? ? ? MyViewHolder holder = new MyViewHolder(view);

? ? ? return holder;

? }

? @Override

? public void onBindViewHolder(MyViewHolder holder, int position) {

? ? ? holder.tv.setText(mDatas.get(position));

? }

? @Override

? public int getItemCount() {

? ? ? return mDatas.size();

? }

? public class MyViewHolder extends RecyclerView.ViewHolder {

? ? ? TextView tv;

? ? ? public MyViewHolder(View itemView) {

? ? ? ? ? super(itemView);

? ? ? ? ? tv = itemView.findViewById(R.id.id_num);

? ? ? }

? }

}

}

在第三步中臼婆,我們可以看到:獲取到RecycleView之后抒痒,給他設(shè)置了一個(gè)LayoutManager;這個(gè)LayoutManager就是

用來(lái)設(shè)置RecycleView的數(shù)據(jù)展示樣式,是ListView樣式的颁褂,GridView樣式的故响,還是瀑布流樣式的傀广,這個(gè)屬性的可選項(xiàng)

有LinearLayoutManager(線性布局),StaggeredGridLayoutManager(錯(cuò)落網(wǎng)格布局彩届,瀑布流)伪冰,GridLayoutManager

(網(wǎng)格布局);

三樟蠕、RecycleView樣式

上面我們知道RecycleView的樣式基本是由LayoutManager控制的贮聂,下面我們就學(xué)習(xí)一下這寫LayoutManager基本使用。

1寨辩、LinearLayoutManager

第一種構(gòu)造方法:

new LinearLayoutManager(Context context)

參數(shù)為上下文環(huán)境吓懈,實(shí)現(xiàn)的是默認(rèn)的垂直布局。展示的樣式和ListView一樣靡狞。

第二種構(gòu)造方法:

new LinearLayoutManager( Context context, int orientation, boolean reverseLayout)

第一個(gè)參數(shù)為上下文環(huán)境耻警;第二個(gè)參數(shù)為布局顯示方式,表示列表橫向滾動(dòng)甸怕,還是豎向滾動(dòng)(VERTICAL甘穿,

HORIZONTAL);第三個(gè)參數(shù)為布爾值梢杭,表示展示的數(shù)據(jù)是否反轉(zhuǎn)温兼。

2、StaggeredGridLayoutManager

構(gòu)造方法:new StaggeredGridLayoutManager(int spanCount,int orientation)

使用錯(cuò)列的布局式曲,指定兩個(gè)參數(shù)妨托,一個(gè)是要顯示的列數(shù)spanCount缸榛,一個(gè)是顯示的方向orientation;

3吝羞、GridLayoutManager

第一種構(gòu)造方法:

new GridLayoutManager(Context context, int spanCount)

第一個(gè)參數(shù)為上下文環(huán)境,第二個(gè)顯示列數(shù)内颗,默認(rèn)顯示垂直布局

第二種構(gòu)造方法:

new GridLayoutManager( Context context, int spanCount, int orientation,boolean reverseLayout)

第一個(gè)參數(shù)為上下文環(huán)境钧排,第二個(gè)顯示列數(shù),第三個(gè)參數(shù)為方向均澳,第四個(gè)參數(shù)為是否反轉(zhuǎn)

以上的三種LayoutManager恨溜,大家可以嘗試用一下,使用以后你會(huì)發(fā)現(xiàn)RecycleView原來(lái)這么強(qiáng)大找前。

四糟袁、RecycleView item改變時(shí)的動(dòng)畫效果

1、RecycleView item的默認(rèn)動(dòng)畫效果

RecyclerView有一個(gè)方法RecyclerView.setItemAnimator(),我們可以通過這個(gè)方法給item設(shè)置add和delete時(shí)的動(dòng)畫效果躺盛;查看源碼项戴,我們可以看到RecyclerView.itemAnimator是個(gè)抽象類,我們可以使用他子類的子類DefaultItemAnimator槽惫,來(lái)實(shí)現(xiàn)默認(rèn)的動(dòng)態(tài)效果周叮;

首先我們可以看一下DefaultItemAnimator的源碼辩撑,我們可以看到有四個(gè)這樣的方法:animateAdd(),animateMove(),

animateDelete(),animateChange();那么,現(xiàn)在我們就可以寫一個(gè)樣例試一下默認(rèn)動(dòng)畫仿耽;

(1)首先在MainActivity中添加如下代碼:

DefaultItemAnimator defaultItemAnimator = new DefaultItemAnimator();

defaultItemAnimator.setAddDuration(1000);

defaultItemAnimator.setRemoveDuration(1000);

recyclerView.setItemAnimator(defaultItemAnimator);

(2)然后我們?cè)赼dapter中添加刪除item的方法合冀,需要注意的是,當(dāng)數(shù)據(jù)添加或者刪除的的時(shí)候项贺,不再是使用notifyDataChange()

方法君躺,而是每種操作都有自己的方法notifyItemInserted,notifyItemRemoved敬扛,notifyItemChanged晰洒,notifyItemMoved:

/**

* 增加數(shù)據(jù)*/

public void addData(int position) {

? mDatas.add(position, "add");

? notifyItemInserted(position);? //注意這里

}

/*** 移除數(shù)據(jù)*/

public void removeData(int position) {

mDatas.remove(position);

notifyItemRemoved(position);

? //注意這里

}

(3)最后我們?cè)诓藛沃刑砑觓dd,delete按鈕:

? @Override

public

boolean onCreateOptionsMenu(Menu menu) {

? getMenuInflater().inflate(R.menu.menu,menu);

? return super.onCreateOptionsMenu(menu);

}

@Override

public boolean onOptionsItemSelected(MenuItem item){

switch(item.getItemId()){

case R.id.action_add:

? adapter.addData(1);

break;

case R.id.action_remove:

? adapter.removeData(1);

? break;

}

return true;

}

menu布局文件:

<xmlns:android="http://schemas.android.com/apk/res/android">

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

tools:context="com.text.MainActivity">

android:id="@+id/action_add"

android:orderInCategory="1"

android:title="add"

app:showAsAction="ifRoom">

android:id="@+id/action_remove"

android:orderInCategory="2"

android:title="delete"

app:showAsAction="ifRoom"

/>

這樣我們輕輕松松就完成了RecycleView的四種動(dòng)畫啥箭;

2谍珊、自定義item的動(dòng)畫效果

上面我們很輕松的就實(shí)現(xiàn)了item的兩種動(dòng)畫,我們也知道item的動(dòng)畫是由DefaultItemAnimator這個(gè)類定義的急侥;

那么我們是不是可以向DefaultItemAnimator一樣繼承他的父類砌滞,來(lái)實(shí)現(xiàn)自定義動(dòng)畫呢?顯然可以坏怪;

我我們可以參考DefaultItemAnimator,修改它的以下方法來(lái)實(shí)現(xiàn)動(dòng)態(tài)效果:

animateAdd()

animateAddImpl()

animateRemove()

animateRemoveImpl()

animateMove()

animateMoveImpl()

animateChange()

animateChangeImpl()

下面我們以添加item的動(dòng)畫為例贝润,做一個(gè)從左面插入item的動(dòng)畫:

@Override

public boolean animateAdd(final RecyclerView.ViewHolder holder) {

resetAnimation(holder);

ViewCompat.setAlpha(holder.itemView,0);

ViewCompat.setTranslationX(holder.itemView,-holder.itemView.getWidth());

mPendingAdditions.add(holder);

return true;

}

void animateAddImpl(final RecyclerView.ViewHolder holder) {

final View view = holder.itemView;

final ViewPropertyAnimatorCompat animation = ViewCompat.animate(view);

mAddAnimations.add(holder);

animation.alpha(1).translationX(0).setDuration(getAddDuration).

setListener(new VpaListenerAdapter() {

? @Override

? public void onAnimationStart(View view) {

? ? ? dispatchAddStarting(holder);

? }

? @Override

? public void onAnimationCancel(View view) {

? ? ? ViewCompat.setAlpha(view, 1);

? }

? @Override

? public void onAnimationEnd(View view) {

? ? ? animation.setListener(null);

? ? ? dispatchAddFinished(holder);

? ? ? mAddAnimations.remove(holder);

? ? ? dispatchFinishedWhenDone();

? }

}).start();

}

以此為例,其他的動(dòng)畫效果就可以做出來(lái)了铝宵。

五打掘、RecycleView分割線的定義

原來(lái)在listview中我們通過配置Android:divider屬性很容易就可以為listview設(shè)置分割線,但在RecycleView中鹏秋,沒有了這個(gè)屬性尊蚁;

我們只能通過addItemDecoration方法為它設(shè)置分割線,方法如下:

recyclerView.addItemDecoration(new

DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

當(dāng)然我們也可以向修改動(dòng)畫一樣侣夷,自定義分割線樣式横朋,如下:

public class TestDividerItemDecoration extends RecyclerView.ItemDecoration {

@Override

public void getItemOffsets(Rect outRect, View view, RecyclerView parent,RecyclerView.State state) {

? super.getItemOffsets(outRect, view, parent, state);

? if (parent.getChildAdapterPosition(view) != 0){

? ? ? outRect.top = 1;

? }

}

}

當(dāng)然在這里分割線有更高級(jí)的畫法,具體可以參考:

http://blog.csdn.net/briblue/article/details/70161917

六百拓、小結(jié)

至此琴锭,RecyclerView的基本用法就介紹完了,有什么不對(duì)的地方希望大家批評(píng)指正衙传。

參考:

http://blog.csdn.net/briblue/article/details/70161917

http://www.reibang.com/p/b375d552db63

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末决帖,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蓖捶,更是在濱河造成了極大的恐慌地回,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,627評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異落君,居然都是意外死亡穿香,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門绎速,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)皮获,“玉大人,你說我怎么就攤上這事纹冤∪鞅Γ” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵萌京,是天一觀的道長(zhǎng)雁歌。 經(jīng)常有香客問我,道長(zhǎng)知残,這世上最難降的妖魔是什么靠瞎? 我笑而不...
    開封第一講書人閱讀 60,097評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮求妹,結(jié)果婚禮上乏盐,老公的妹妹穿的比我還像新娘。我一直安慰自己制恍,他們只是感情好父能,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著净神,像睡著了一般何吝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鹃唯,一...
    開封第一講書人閱讀 52,696評(píng)論 1 312
  • 那天爱榕,我揣著相機(jī)與錄音,去河邊找鬼俯渤。 笑死呆细,一個(gè)胖子當(dāng)著我的面吹牛型宝,可吹牛的內(nèi)容都是我干的八匠。 我是一名探鬼主播,決...
    沈念sama閱讀 41,165評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼趴酣,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼梨树!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起岖寞,我...
    開封第一講書人閱讀 40,108評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤抡四,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體指巡,經(jīng)...
    沈念sama閱讀 46,646評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡淑履,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了藻雪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秘噪。...
    茶點(diǎn)故事閱讀 40,861評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖勉耀,靈堂內(nèi)的尸體忽然破棺而出指煎,到底是詐尸還是另有隱情,我是刑警寧澤便斥,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布至壤,位于F島的核電站,受9級(jí)特大地震影響枢纠,放射性物質(zhì)發(fā)生泄漏像街。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評(píng)論 3 336
  • 文/蒙蒙 一晋渺、第九天 我趴在偏房一處隱蔽的房頂上張望宅广。 院中可真熱鬧,春花似錦些举、人聲如沸跟狱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)驶臊。三九已至,卻和暖如春叼丑,著一層夾襖步出監(jiān)牢的瞬間关翎,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工鸠信, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留纵寝,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,287評(píng)論 3 379
  • 正文 我出身青樓星立,卻偏偏與公主長(zhǎng)得像爽茴,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子绰垂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 詳情頁(yè)面 packagecom.example.shoppingcar; importandroid.conten...
    ForCrazyLove閱讀 575評(píng)論 0 2
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,325評(píng)論 25 707
  • 學(xué)習(xí)筆記:紀(jì)念曾經(jīng)學(xué)過的Android室奏,由于負(fù)責(zé)公司大的方向,向管理方向轉(zhuǎn)型劲装,原先內(nèi)容一直在有道胧沫,為了減少有道筆記...
    后知后覺_95a8閱讀 492評(píng)論 0 0
  • 一昌简、概念 本質(zhì)是一種數(shù)據(jù)驅(qū)動(dòng)、事件驅(qū)動(dòng)的設(shè)計(jì)模式绒怨。 1.1纯赎、定義 又稱為動(dòng)作(Action)模式或事務(wù)(Trans...
    雙魚子曰1987閱讀 250評(píng)論 0 0
  • 我曾幻想浪漫不會(huì)如約歸來(lái),但我錯(cuò)了南蹂,淡忘了這一切一直在我身邊址否。源自於今天下午去香薰山谷賞花海。天氣很熱碎紊,從...
    美梅閱讀 224評(píng)論 0 0