目標
本篇是RecyclerView的重構之路系列文章的第四篇， 講解的是IDouban項目 使用RecyclerView。展示豆瓣 影院熱映 電影。讀完之后，您會知道RecyclerView，CardView的使用。
總體套路
熟悉ListView, GridView同學知道，要使用ListView等控件，需要以下幾個步驟:
- 布局添加
ListView - 構建
Adapter， 設置setAdapter - 構建數(shù)據集
List - 處理OnItemClickListener
想要使用靈活性，基本會選擇BaseAdapter用于擴展，里面的核心就是四個重寫的方法：
getCount, getItem, getItemId, getView, 而getView又是重中之重。其中還會涉及到優(yōu)化的問題， 我曾在課堂上直觀演示過不使用優(yōu)化的ListView，內存消耗直線上升。
但是，Google使用support包的方式發(fā)布了RecyclerView, 在使用之前覺得，也沒有什么好用的，寫得代碼還要多些，但是隨著深入了解，發(fā)現(xiàn)Google里的老司機，真是厲害，帶我裝逼，帶我飛。
初識RecyclerView
這不是詳細講解RecyclerView的地方，網上一堆堆的內容，隨便你看。簡書里 就有好多文章介紹以及使用RV(RecyclerView)。
這里提供幾個網頁：
- https://developer.android.com/training/material/lists-cards.html (中文的哦！)
- https://developer.android.com/reference/android/support/v7/widget/RecyclerView.html (api文檔)
- https://guides.codepath.com/android/using-the-recyclerview (強烈推薦實踐， 而且有新大陸)
一句話總結 什么是RecyvlerView: 它是集ListView， GridView...于一體的，能實現(xiàn)橫排，豎排，以及瀑布流形式的效果，在默認情況下啟用增添與刪除項目的動畫并可擴展動畫。
如何使用RecyclerView
- 布局添加
RecyclerView - 構建
RecyclerView.Adapter， 設置setAdapter - 構建數(shù)據集
List - 自己實現(xiàn)ItemClick事件
實現(xiàn)步驟
重點來講解具體的使用吧，讓你們久等了。
CardView
俗稱 卡片， 這個也是Google使用support包的形式新增加的。需要添加 依賴：
compile 'com.android.support:cardview-v7:23.4.0' 這是我當前的版本
xml文件引入需要前綴： android.support.v7.widget.CardView
CardView現(xiàn)階段，我使用在MoviesFragment, 以及RecyclerView 的布局文件中。
布局添加RecyclerView
構建RecyclerView.Adapter
Item布局
自定義ViewHolder
RecyclerView強制要求使用ViewHolder, 并且 RecyclerView.Adapter.onCreateViewHolder返回就是ViewHolder類型。So，
static class MoviesViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
ImageView mMovieImage;
TextView mMovieTitle;
RatingBar mMovieStars;
TextView mMovieRatingAverage;
Movies movie;
public MoviesViewHolder(View itemView) {
super(itemView);
mMovieImage = (ImageView) itemView.findViewById(R.id.movie_cover);
mMovieTitle = (TextView) itemView.findViewById(R.id.movie_title);
mMovieStars = (RatingBar) itemView.findViewById(R.id.rating_star);
mMovieRatingAverage = (TextView) itemView.findViewById(R.id.movie_average);
itemView.setOnClickListener(this);
}
public void updateMovie(Movies movie) {
if (movie == null) return;
this.movie = movie;
Context context = itemView.getContext();
Picasso.with(context)
.load(movie.getImages().getLarge())
.placeholder(context.getResources().getDrawable(R.mipmap.ic_launcher))
.into(mMovieImage);
mMovieTitle.setText(movie.getTitle());
final double average = movie.getRating().getAverage();
if (average == 0.0) {
mMovieStars.setVisibility(View.GONE);
mMovieRatingAverage.setText(context.getResources().getString(R.string.string_no_note));
} else {
mMovieStars.setVisibility(View.VISIBLE);
mMovieRatingAverage.setText(String.valueOf(average));
mMovieStars.setStepSize(0.5f);
mMovieStars.setRating((float) (movie.getRating().getAverage() / 2));
}
}
@Override
public void onClick(View v) {
Log.e(HomeActivity.TAG, "==> onClick....Item");
if (movie == null) return;
if (itemView == null) return;
Context context = itemView.getContext();
if (context == null) return;
Intent intent = new Intent(context, MovieDetailActivity.class);
intent.putExtra("movie", movie);
if (context instanceof Activity) {
Activity activity = (Activity) context;
Bundle bundle = ActivityOptionsCompat.makeSceneTransitionAnimation(activity, mMovieImage, "cover").toBundle();
ActivityCompat.startActivity(activity, intent, bundle);
}
}
}
說明:
1 MoviesViewHolder構造方法 用于保存itemView, 并初始化其中的控件。
2 updateMovie方法用于Adapter更新數(shù)據， 這里獨立成一個方法， 也為onClick方法提供數(shù)據支持。
3 onClick方法，重寫View.OnClickListener的監(jiān)聽事件， 用于跳轉到電影詳情界面。
自定義Adapter
static class MoviesAdapter extends RecyclerView.Adapter<MoviesViewHolder> {
private List<Movies> movies;
private Context context;
@LayoutRes
private int layoutResId;
public MoviesAdapter(Context context, @NonNull List<Movies> movies, @LayoutRes int layoutResId) {
this.movies = movies;
this.layoutResId = layoutResId;
this.context = context;
}
@Override
public MoviesViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View itemView = LayoutInflater.from(context).inflate(layoutResId, parent, false);
return new MoviesViewHolder(itemView);
}
@Override
public void onBindViewHolder(MoviesViewHolder holder, int position) {
if (holder == null) return;
holder.updateMovie(movies.get(position));
}
@Override
public int getItemCount() {
return movies.size();
}
public void setData(List<Movies> movies) {
this.movies = movies;
notifyDataSetChanged();
}
}
說明：
Adapter是RecyclerView和數(shù)據的媒介， 所以Adapter中需要有List<Movies>, 還需要設備上下文Context (后續(xù)優(yōu)化，不需要)， 以及外界傳入的itemView 的布局文件， 以上基本就是MoviesAdapter構造方法的用途。
繼承RecyclerView.Adapter的類，需要重寫其中的三個方法：
-
onCreateViewHolder, 執(zhí)行一次，用于加載itemView布局 -
onBindViewHolder, 頻繁執(zhí)行，類似ListView中的getView -
getItemCount, 用戶統(tǒng)計有多少item
這里還增加一個數(shù)據添加方法setData，用于外界更新數(shù)據
RecyclerView設定
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
if (mRecyclerView != null) {
mRecyclerView.setHasFixedSize(true);
final GridLayoutManager layoutManager = new GridLayoutManager(getActivity().getApplicationContext(), 3);
mRecyclerView.setLayoutManager(layoutManager);
mMovieAdapter = new MoviesAdapter(getContext(), mMoviesList, R.layout.recyclerview_movies_item);
mRecyclerView.setAdapter(mMovieAdapter);
}
}
RecyclerView的設定動作，我是放在onActivityCreated方法中。
final GridLayoutManager layoutManager = new GridLayoutManager(getActivity().getApplicationContext(), 3);
mRecyclerView.setLayoutManager(layoutManager);
RV 就是使用LayoutManger來顯示 豎直，還是橫排，還是瀑布流效果。IDouban我是使用GridLayoutManger效果，有3列。
假如要ListView形式的，采用LinearLayoutManager, 瀑布流形式的 采用 StaggeredGridLayoutManager
其他代碼基本跟ListView相似！
構建數(shù)據集List
上一篇文章詳細解答了這個問題，使用Retrofit獲取到網絡數(shù)據，然后保存到List<Movies>中, 何時存放在AdapterList中，只需要在獲得數(shù)據的時刻，通過setData方法把Movies列表傳入即可。
實現(xiàn)ItemClick事件
有點不方便的是 RV并沒提供OnItemClickListener接口之類的， 這個在知乎上有人分析過。也給出一些實現(xiàn)方法。
我這里采用 在ViewHolder中實現(xiàn)View.OnClickListener 并沒有在Adapter的onBindViewHolder中每次去new匿名內部類方式。
利用其中的itemView來實現(xiàn)點擊Item響應事件。
