Android商城开发----点击左侧分类列表右侧更新对应列表内容

Android商城开发----点击左侧分类列表右侧更新对应列表内容
- 一、首先说布局：
- 二、主要说一下，布局完成后实现点击左侧类别时，右侧展现对应类的商品列表。
- - 主要思想：
  - 源代码：
  - - 1.左侧Fragment发送信号
    - 2.右侧Fragment 接受，右侧Fragment.java注册/反注册：
    - 3.右侧Fragment.java中，在onCreateView()中初始化View：
    - 4.订阅事件
    - 5.在右侧RecyclerView的Adapter中，根据position配置商品信息

一、首先说布局：

1.整个分类页是一个Fragment，在这个前面链接里，建的底部导航栏基础上做的，这页是分类的Fragment点击查看，同时本文在点击实现类别选中状态切换这篇文章的基础上做的，这篇文章识别了左侧点击的类别项目是哪个，为后续点击实现右侧列表展现做了铺垫。

2.我是在这个基础上自己写了两个Fragment，左侧一个Fragment：内部是一个RecyclerView，用来显示分类列表；右侧是一个Fragment：内部也是一个RecyclerView，显示的是商品列表，商品列表包含左侧商品Icon(ImageView)，右侧是标题(TextView)。如下图所示：

关于布局的问题主要是RecyclerVIew的使用及Adapter的使用，这里先不说啦。

二、主要说一下，布局完成后实现点击左侧类别时，右侧展现对应类的商品列表。

主要思想：

主要思想是，
1.左侧Fragment点击时使用EventBus发送信号（position点击的位置）（这个操作在左侧Fragment的RecyclerView的Adapter中实现的。），
2.右侧Fragment.java接收信号，识别出点击的是哪个类别。
3.Fragment.java将position传给RecyclerView的Adapter，根据类别，填充对应的Icon和Title。
（PS:
相关文章：EventBus使用详解这篇文章写的非常非常详细了，我就是参照这篇文章用的EventBus，你们也去学习一下吧！）

源代码：

1.左侧Fragment发送信号

EventBus发送方，如果不需要接收信号就不用进行EventBus的注册，直接写：

//把点击的选项position传给右侧Fragment
EventBus.getDefault().post(new MessageEvent(position));

位置放在左侧Fragment RecyclerView 的adapter中，具体位置如下图。

这是因为在切换选中背景一文中，我在这里判断了点击的卡片，点击后切换背景颜色。同时，发送EventBus信号，让右侧的Fragment做出回应。

2.右侧Fragment 接受，右侧Fragment.java注册/反注册：

注册和反注册总是成对出现，注册在onCreate方法中，反注册在onDestory方法中

 @Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//注册EventBus  注册在onCreate方法中EventBus.getDefault().register(this);}

    @Overridepublic void onDestroy(){super.onDestroy();//反注册EventBus  反注册在onDestory方法中EventBus.getDefault().unregister(this);}

3.右侧Fragment.java中，在onCreateView()中初始化View：

//onCreateView()
initView();//在函数外面定义initView()方法
//定义初始化private void initView(){rightRecyclerView=root.findViewById(R.id.category_list_right);}

4.订阅事件

右侧Fragment.java中订阅事件：

//收到消息后，改变recyclerview的列表
//这里方法名可以任意取，但必须添加@Subscribe注解，在这里写下接收到信号后要做的事情@Subscribe(threadMode = ThreadMode.MAIN)public void onMessageEvent(MessageEvent event){int position=event.getMessage();//获得传的信息，左侧点的是哪个选项//将position作为参数传给商品列表的Adapter，让Adapter判断添加对应的商品列表rightAdapter=new CategoryListRightAdapter(getActivity(),position); //更新adapterrightRecyclerView.setAdapter(rightAdapter); //重新设置新的adapter// 这里我先打印了下，position的值，我设了三个分类 position是0，1，2Log.e(TAG,"onMessageEvent:"+event.getMessage());}

5.在右侧RecyclerView的Adapter中，根据position配置商品信息

Adapter.java文件：这里是写右侧RecyclerView内容的adapter文件

private List<Integer> listIcon=new ArrayList<Integer>();
private List<Integer> listTitle=new ArrayList<Integer>();
public CategoryListRightAdapter(Context context,int position){ //这里的position就是前面传过来的positionif(position==0){  //如果是第一个分类 加载哪个图片，哪个标题 这里个数要一致icons=new int[]{R.drawable.icon1, R.drawable.icon2};titles= new int[]{R.string.title1, R.string.title2};}else if(position==1){//如果是第二个分类 加载哪个图片，哪个标题 icons=new int[]{R.drawable.icon3, R.drawable.icon4};titles= new int[]{R.string.title3, R.string.title4};}else if(position==2){//如果是第三个分类 加载哪个图片，哪个标题 icons=new int[]{R.drawable.icon5, R.drawable.icon6};titles= new int[]{R.string.title5, R.string.title6};}else{//开始的时候，没有发生点击事件，设置adapter的时候默认传一个其他的值，刚点分类进去的时候显示所有列表icons=new int[]{R.drawable.icon1, R.drawable.icon2,R.drawable.icon3, R.drawable.icon4,R.drawable.icon5, R.drawable.icon6};titles= new int[]{R.string.title1, R.string.title2,R.string.title3, R.string.title4,R.string.title5, R.string.title6};}lContext=context;for (int i=0;i<icons.length;i++){listIcon.add(icons[i]);//把他们加进RecyclerView中listTitle.add(titles[i]);}}