最近項目中有一個需求是RecyclerView中的Item中嵌套RecyclerView荔茬，在網(wǎng)上沒找到什么資料灼芭，然后就自己嘗試了一下有额。
首先看一下效果圖
錄制GIF現(xiàn)在不大方便，就直接上兩個圖了。
關于RecyclerView谆吴，都已經(jīng)很熟悉了不熟悉的去百度一下向楼，這里就不多介紹了加勤。
先說一下需求撵摆，最外層的是一個RecyclerView是豎向的较锡，然后外層RecyclerView里面Item中的RecyclerView是GridManager它浅。
我們先看一下具體的代碼：
最外層的布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/rvMultipleItem"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
public class MultipleActivity extends AppCompatActivity {
private static final String TAG = "MultipleActivity";
RecyclerView mRecyclerView;
TopCategoryBean mCategoryBean = new TopCategoryBean();
MultipleAdapter mMultipleAdapter;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_multiple);
mRecyclerView = (RecyclerView) findViewById(R.id.rvMultipleItem);
mMultipleAdapter = new MultipleAdapter(this, mCategoryBean);
mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
new Thread(new Runnable() {
@Override
public void run() {
try {
URL url = new URL("http://api.zhuishushenqi.com/cats/lv2/statistics");
HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
urlConnection.setRequestMethod("GET");
urlConnection.setConnectTimeout(60000);
urlConnection.setConnectTimeout(10000);
int responseCode = urlConnection.getResponseCode();
if (responseCode == 200) {
InputStream inputStream = urlConnection.getInputStream();
BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream));
StringBuilder sb = new StringBuilder();
String line = null;
while ((line = reader.readLine()) != null) {
sb.append(line);
}
Gson gson = new Gson();
final TopCategoryBean categoryBean = gson.fromJson(sb.toString(), TopCategoryBean.class);
Log.i(TAG,"-------->"+categoryBean);
runOnUiThread(new Runnable() {
@Override
public void run() {
mMultipleAdapter.setCategoryBean(categoryBean);
mRecyclerView.setAdapter(mMultipleAdapter);
}
});
}
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}
}).start();
}
}
最外層的布局文件就是一個RecyclerView控件计济，然后在Java代碼中必須要設置LinearLayoutManager作岖，然后就沒什么很難的實現(xiàn)了惦积。
接著是適配器的代碼：
public class MultipleAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
private static final String TAG = "MultipleAdapter";
private Context mContext;
private LayoutInflater mInflater;
private TopCategoryBean mCategoryBean;
public MultipleAdapter(Context context, TopCategoryBean categoryBean) {
mContext = context;
mInflater = LayoutInflater.from(mContext);
mCategoryBean = categoryBean;
}
public void setCategoryBean(TopCategoryBean categoryBean) {
mCategoryBean = categoryBean;
notifyDataSetChanged();
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = mInflater.inflate(R.layout.item_multiple_normal, parent, false);
return new NormalItemViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
NormalItemViewHolder viewHolder = (NormalItemViewHolder) holder;
RecyclerView rvCategory = viewHolder.mRvCategory;
rvCategory.setHasFixedSize(true);
rvCategory.setLayoutManager(new GridLayoutManager(mContext, 3));
List<TopCategoryBean.MaleBean> male = mCategoryBean.getMale();
List<TopCategoryBean.MaleBean> female = mCategoryBean.getFemale();
CategoryAdapter adapter = new CategoryAdapter(male);
if (position == 0) {
viewHolder.mTextView.setText("男生");
adapter.setCategoryBeans(male);
} else if (position == 1) {
viewHolder.mTextView.setText("女生");
adapter.setCategoryBeans(female);
} else if (position == 2) {
viewHolder.mTextView.setText("耽美");
adapter.setCategoryBeans(mCategoryBean.getPicture());
} else if (position == 3) {
viewHolder.mTextView.setText("出版");
adapter.setCategoryBeans(mCategoryBean.getPress());
}
rvCategory.setAdapter(adapter);
}
@Override
public int getItemCount() {
return 4;
}
private class CategoryAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
List<TopCategoryBean.MaleBean> mCategoryBeans;
public CategoryAdapter(List<TopCategoryBean.MaleBean> maleBeans) {
mCategoryBeans = maleBeans;
}
public void setCategoryBeans(List<TopCategoryBean.MaleBean> categoryBeans) {
mCategoryBeans = categoryBeans;
notifyDataSetChanged();
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = mInflater.inflate(R.layout.item_category, parent, false);
return new ItemViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
ItemViewHolder viewHolder = (ItemViewHolder) holder;
final TopCategoryBean.MaleBean maleBean = mCategoryBeans.get(position);
viewHolder.mTvBookCount.setText(maleBean.getBookCount() + "本");
viewHolder.mTvCategoryName.setText(maleBean.getName());
viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
}
});
}
@Override
public int getItemCount() {
return mCategoryBeans.size();
}
class ItemViewHolder extends RecyclerView.ViewHolder {
TextView mTvCategoryName;
TextView mTvBookCount;
CardView llItem;
public ItemViewHolder(View itemView) {
super(itemView);
mTvCategoryName = itemView.findViewById(R.id.tvCategoryName);
mTvBookCount = itemView.findViewById(R.id.tvBookCount);
llItem = itemView.findViewById(R.id.llItem);
}
}
}
private class NormalItemViewHolder extends RecyclerView.ViewHolder {
TextView mTextView;
RecyclerView mRvCategory;
public NormalItemViewHolder(View itemView) {
super(itemView);
mTextView = itemView.findViewById(R.id.tvName);
mRvCategory = itemView.findViewById(R.id.rvCategory);
}
}
}
適配器這里我沒做封裝昔馋，直接用最原始的寫法筹吐，需要注意的一點是：我這里最外層的Item數(shù)只有4個，我就直接寫死了4個秘遏，具體的項目中而已根據(jù)需求來實現(xiàn)丘薛。
外層Item的布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="3dp"
android:layout_marginStart="3dp"
android:layout_marginTop="3dp"
android:orientation="vertical"
android:padding="10dp"
app:cardCornerRadius="3dp"
app:cardElevation="3dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/tvName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="男生"
android:textSize="16sp"/>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginEnd="2dp"
android:layout_marginStart="10dp"
android:background="#FF0000"/>
<android.support.v7.widget.RecyclerView
android:id="@+id/rvCategory"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="5dp"
android:padding="10dp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
這個布局里面用了一個recyclerView控件。我們需要在最外層的適配器中給這個RecyclerView添加一個適配器邦危。
private class CategoryAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
List<TopCategoryBean.MaleBean> mCategoryBeans;
public CategoryAdapter(List<TopCategoryBean.MaleBean> maleBeans) {
mCategoryBeans = maleBeans;
}
public void setCategoryBeans(List<TopCategoryBean.MaleBean> categoryBeans) {
mCategoryBeans = categoryBeans;
notifyDataSetChanged();
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = mInflater.inflate(R.layout.item_category, parent, false);
return new ItemViewHolder(view);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
ItemViewHolder viewHolder = (ItemViewHolder) holder;
final TopCategoryBean.MaleBean maleBean = mCategoryBeans.get(position);
viewHolder.mTvBookCount.setText(maleBean.getBookCount() + "本");
viewHolder.mTvCategoryName.setText(maleBean.getName());
viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
}
});
}
@Override
public int getItemCount() {
return mCategoryBeans.size();
}
class ItemViewHolder extends RecyclerView.ViewHolder {
TextView mTvCategoryName;
TextView mTvBookCount;
CardView llItem;
public ItemViewHolder(View itemView) {
super(itemView);
mTvCategoryName = itemView.findViewById(R.id.tvCategoryName);
mTvBookCount = itemView.findViewById(R.id.tvBookCount);
llItem = itemView.findViewById(R.id.llItem);
}
}
}
這是里面適配器的代碼洋侨，使用的時候跟別的地方使用一樣，需要注意的是布局管理器設置成GridLayoutManager倦蚪，因為需求里面是GridLayout的希坚，這樣就能實現(xiàn)RecyclerView里面嵌套RecyclerView。
這里寫的不是很好陵且，具體需要了解的可以去看一下代碼：傳送門
