RecyclerView嵌套RecyclerView布局实现

内容:一个垂直的RecyclerView嵌套一个横向的RecyclerView

代码如下:

Main布局

这里只包含了一个RecyclerView布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.leixiansheng.nestrecyclerview.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/ry_out"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

 这里和普通使用RecyclerView用法一样,获取数据类,设置adapter

package com.example.leixiansheng.nestrecyclerview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import butterknife.BindView;
import butterknife.ButterKnife;

public class MainActivity extends AppCompatActivity {

	@BindView(R.id.ry_out)
	RecyclerView mRyOut;

	private List<OutBean> mOutBeans = new ArrayList<>();		//外层recyclerView 数据
	private List<OutBean.InsideBean> mInsideBeans = new ArrayList<>();		//内部recyclerView 数据
	private int[] imageIds = {
			R.drawable.icon_add_hook,
			R.drawable.icon_apply_hook,
			R.drawable.icon_apply_hook_sel,
			R.drawable.icon_ar_arrow_downside,
			R.drawable.icon_login_blog,
			R.drawable.icon_login_qq,
			R.drawable.icon_login_wechat,
			R.drawable.icon_manage_off,
			R.drawable.icon_manage_on,
			R.drawable.icon_release_detail,
			R.drawable.icon_release_manage,
			R.drawable.icon_tab_me_sel,
			R.drawable.icon_tab_scan,
			R.drawable.icon_tab_scan_sel,
			R.drawable.icon_tab_story,
			R.drawable.icon_tab_story_sel,
			R.drawable.icon_tab_wizard_sel
	};


	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		ButterKnife.bind(this);

		initData();
		initView();
	}

	private void initView() {
		mRyOut.setLayoutManager(new LinearLayoutManager(this));
		mRyOut.setAdapter(new OutAdapter(this, mOutBeans));
	}

	private void initData() {
		for (int i = 0; i < imageIds.length; i++) {
			mInsideBeans.add(new OutBean.InsideBean(imageIds[i]));
		}

		for (int i = 0; i < 20; i++) {
			mOutBeans.add(new OutBean("数据" + (i + 1), mInsideBeans));
		}
	}
}

item_out

这里包含了另一个RecyclerView,记得宽高要设成wrap_content 或者写死

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/ry_background">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:layout_marginLeft="5dp"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/ry_inside"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </android.support.v7.widget.RecyclerView>
</LinearLayout>

OutAdapter

这里是实现嵌套的关键,在ViewHolder中找到RecyclerView,然后设置好其布局方式,在onBindViewHolder()中实现另一个RecyclerView

注意要重写getItemViewType()否则滑动布局会出现混乱,相当于ListView中防止布局错乱设置的setTag()标签

package com.example.leixiansheng.nestrecyclerview;

import android.content.Context;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.List;

/**
 * Created by Leixiansheng on 2018/7/17.
 */

public class OutAdapter extends RecyclerView.Adapter<OutAdapter.ViewHolder> {

	private List<OutBean> mOutBeans;
	private Context mContext;


	public OutAdapter(Context context, List<OutBean> outBeans) {
		mContext = context;
		mOutBeans = outBeans;
	}

	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
		View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_out, parent,false);
		return new ViewHolder(view);
	}

	@Override
	public void onBindViewHolder(ViewHolder holder, int position) {
		if (holder.mRecyclerView.getAdapter() == null) {
			holder.mTitle.setText(mOutBeans.get(position).getName());
			holder.mRecyclerView.setAdapter(new InsideAdapter(mContext, mOutBeans.get(position).getInsideBean()));
		}
		/*else {
			holder.mRecyclerView.getAdapter().notifyDataSetChanged();
		}*/
	}

	@Override
	public int getItemCount() {
		return mOutBeans.size();
	}

	/**
	 * 重写getItemViewType()防止数据错乱
	 * @param position
	 * @return
	 */
	@Override
	public int getItemViewType(int position) {
		return position;
	}

	public class ViewHolder extends RecyclerView.ViewHolder {

		private RecyclerView mRecyclerView;
		private TextView mTitle;

		public ViewHolder(View itemView) {
			super(itemView);

			mTitle = (TextView) itemView.findViewById(R.id.tv_title);
			mRecyclerView = (RecyclerView) itemView.findViewById(R.id.ry_inside);
			RecyclerView.LayoutManager manager = new LinearLayoutManager(itemView.getContext(), LinearLayoutManager.HORIZONTAL, false);
			manager.setAutoMeasureEnabled(true);
			mRecyclerView.setLayoutManager(manager);
		}
	}
}

item_inside

只包含了ImageView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:scaleType="fitXY"
        android:padding="5dp"/>
</LinearLayout>

InsideAdapter

package com.example.leixiansheng.nestrecyclerview;

import android.content.Context;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.List;

/**
 * Created by Leixiansheng on 2018/7/17.
 */

public class InsideAdapter extends RecyclerView.Adapter<InsideAdapter.ViewHolder> {

	private List<OutBean.InsideBean> mInsideBeans;
	private Context mContext;


	public InsideAdapter(Context context, List<OutBean.InsideBean> outBeans) {
		mContext = context;
		mInsideBeans = outBeans;
	}

	@Override
	public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
		View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_inside, parent,false);
		return new ViewHolder(view);
	}

	@Override
	public void onBindViewHolder(ViewHolder holder, final int position) {
		holder.mImageView.setImageResource(mInsideBeans.get(position).getPic());
		holder.mImageView.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast.makeText(mContext, "click:" + (position + 1), Toast.LENGTH_SHORT).show();
			}
		});
	}

	@Override
	public int getItemCount() {
		return mInsideBeans.size();
	}

	/**
	 * 重写getItemViewType()防止数据错乱
	 * @param position
	 * @return
	 */
	@Override
	public int getItemViewType(int position) {
		return position;
	}

	public class ViewHolder extends RecyclerView.ViewHolder {

		private ImageView mImageView;


		public ViewHolder(View itemView) {
			super(itemView);

			mImageView = (ImageView) itemView.findViewById(R.id.image_view);
		}
	}
}

最后Bean类

package com.example.leixiansheng.nestrecyclerview;

import java.util.List;

/**
 * Created by Leixiansheng on 2018/7/17.
 */

public class OutBean {

	private String name;
	private List<InsideBean> insideBean;

	public OutBean(String name, List<InsideBean> insideBean) {
		this.name = name;
		this.insideBean = insideBean;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public List<InsideBean> getInsideBean() {
		return insideBean;
	}

	public void setInsideBean(List<InsideBean> insideBean) {
		this.insideBean = insideBean;
	}

	public static class InsideBean {
		private int pic;

		public InsideBean(int pic) {
			this.pic = pic;
		}

		public int getPic() {
			return pic;
		}

		public void setPic(int pic) {
			this.pic = pic;
		}
	}
}

猜你喜欢

转载自blog.csdn.net/Mr_Leixiansheng/article/details/81081534