一得运、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