Android RecycleView 的基本使用一

一、RecycleView介紹

官方介紹為:

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

翻譯過來就是:

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

用官方的語言描述,總是不能讓我們直接的理解他的含義;但是用過RecycleView的同學都知道,他是一個強大的控件,只需要簡單配置,我們就很容易的實現(xiàn)之前ListView,GridView和瀑布流的效果;當然它不是簡單的將這些大數(shù)據(jù)展示控件融為一體,他還可以比較靈活的轉換這些控件的展示方向(橫向展示,豎向展示等),還有item的刪除和添加動畫等等功能;當然在RecycleView的使用過程中,也有一下讓人感覺不太爽的地方,比如:item的點擊事件需要自己實現(xiàn)了(沒有OnItemClickListener了),item的分割線也需要繼承類來實現(xiàn)等等;

接下來我們就一起學習一下RecycleView。

二、RecycleView基本使用

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

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

來看看簡單的樣例:

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+"個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之后,給他設置了一個LayoutManager;這個LayoutManager就是

用來設置RecycleView的數(shù)據(jù)展示樣式,是ListView樣式的,GridView樣式的,還是瀑布流樣式的,這個屬性的可選項

有LinearLayoutManager(線性布局),StaggeredGridLayoutManager(錯落網(wǎng)格布局,瀑布流),GridLayoutManager

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

三、RecycleView樣式

上面我們知道RecycleView的樣式基本是由LayoutManager控制的,下面我們就學習一下這寫LayoutManager基本使用。

1、LinearLayoutManager

第一種構造方法:

new LinearLayoutManager(Context context)

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

第二種構造方法:

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

第一個參數(shù)為上下文環(huán)境;第二個參數(shù)為布局顯示方式,表示列表橫向滾動,還是豎向滾動(VERTICAL,

HORIZONTAL);第三個參數(shù)為布爾值,表示展示的數(shù)據(jù)是否反轉。

2、StaggeredGridLayoutManager

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

使用錯列的布局,指定兩個參數(shù),一個是要顯示的列數(shù)spanCount,一個是顯示的方向orientation;

3、GridLayoutManager

第一種構造方法:

new GridLayoutManager(Context context, int spanCount)

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

第二種構造方法:

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

第一個參數(shù)為上下文環(huán)境,第二個顯示列數(shù),第三個參數(shù)為方向,第四個參數(shù)為是否反轉

以上的三種LayoutManager,大家可以嘗試用一下,使用以后你會發(fā)現(xiàn)RecycleView原來這么強大。

四、RecycleView item改變時的動畫效果

1、RecycleView item的默認動畫效果

RecyclerView有一個方法RecyclerView.setItemAnimator(),我們可以通過這個方法給item設置add和delete時的動畫效果;查看源碼,我們可以看到RecyclerView.itemAnimator是個抽象類,我們可以使用他子類的子類DefaultItemAnimator,來實現(xiàn)默認的動態(tài)效果;

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

animateDelete(),animateChange();那么,現(xiàn)在我們就可以寫一個樣例試一下默認動畫;

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

DefaultItemAnimator defaultItemAnimator = new DefaultItemAnimator();

defaultItemAnimator.setAddDuration(1000);

defaultItemAnimator.setRemoveDuration(1000);

recyclerView.setItemAnimator(defaultItemAnimator);

(2)然后我們在adapter中添加刪除item的方法,需要注意的是,當數(shù)據(jù)添加或者刪除的的時候,不再是使用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)最后我們在菜單中添加add,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的四種動畫;

2、自定義item的動畫效果

上面我們很輕松的就實現(xiàn)了item的兩種動畫,我們也知道item的動畫是由DefaultItemAnimator這個類定義的;

那么我們是不是可以向DefaultItemAnimator一樣繼承他的父類,來實現(xiàn)自定義動畫呢?顯然可以;

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

animateAdd()

animateAddImpl()

animateRemove()

animateRemoveImpl()

animateMove()

animateMoveImpl()

animateChange()

animateChangeImpl()

下面我們以添加item的動畫為例,做一個從左面插入item的動畫:

@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();

}

以此為例,其他的動畫效果就可以做出來了。

五、RecycleView分割線的定義

原來在listview中我們通過配置Android:divider屬性很容易就可以為listview設置分割線,但在RecycleView中,沒有了這個屬性;

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

recyclerView.addItemDecoration(new

DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

當然我們也可以向修改動畫一樣,自定義分割線樣式,如下:

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;

? }

}

}

當然在這里分割線有更高級的畫法,具體可以參考:

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

六、小結

至此,RecyclerView的基本用法就介紹完了,有什么不對的地方希望大家批評指正。

參考:

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

http://www.itdecent.cn/p/b375d552db63

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

相關閱讀更多精彩內容

  • 詳情頁面 packagecom.example.shoppingcar; importandroid.conten...
    ForCrazyLove閱讀 658評論 0 2
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,048評論 25 709
  • 學習筆記:紀念曾經學過的Android,由于負責公司大的方向,向管理方向轉型,原先內容一直在有道,為了減少有道筆記...
    后知后覺_95a8閱讀 628評論 0 0
  • 一、概念 本質是一種數(shù)據(jù)驅動、事件驅動的設計模式。 1.1、定義 又稱為動作(Action)模式或事務(Trans...
    雙魚子曰1987閱讀 295評論 0 0
  • 我曾幻想浪漫不會如約歸來,但我錯了,淡忘了這一切一直在我身邊。源自於今天下午去香薰山谷賞花海。天氣很熱,從...
    美梅閱讀 278評論 0 0

友情鏈接更多精彩內容