Android 仿京东、拼多多商品分类页的示例代码

 更新时间:2017年08月10日 08:59:08   作者:Kevin是只兔子  
本篇文章主要介绍了Android 仿京东、拼多多商品分类页的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

最近接了一个项目,要仿照京东写一个商品分类页,但需要滑动右边子分类,左边的主分类也跟着变换,写了个demo,需要的同学可以自取。

先放一个写完之后的样子:

写这个需求的思路也很清晰,首先左边肯定是一个listView,右边也是一个listView,这两个listView要达到一个联动的效果。右边的listView再嵌套一个GridView即可。如下图所示。

所以,我们需要的数据结构也就确定了,应该是数组套数组,也就说护肤大分类下又有子分类商品,类似于这个样子:


ok,数据和UI结构确定了,就可以编写代码了

1、先确定主体结构,即两个listView

先不用管上面那个Hello World,那块儿只是想做一个吸顶的效果

2、将左侧数据和右侧数据分别渲染

2.1渲染左侧数据,即:

menuAdapter = new MenuAdapter(this, menuList);
lv_menu.setAdapter(menuAdapter);

很简单就不赘述了,底部会附上完整代码链接

2.2渲染右侧数据

 homeAdapter = new HomeAdapter(this, homeList);
 lv_home.setAdapter(homeAdapter);

在HomeAdapter还需要在嵌套gridView,如下:

 @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    CategoryBean.DataBean dataBean = foodDatas.get(position);
    List<CategoryBean.DataBean.DataListBean> dataList = dataBean.getDataList();
    ViewHold viewHold = null;
    if (convertView == null) {
      convertView = View.inflate(context, R.layout.item_home, null);
      viewHold = new ViewHold();
      viewHold.gridView = (GridViewForScrollView) convertView.findViewById(R.id.gridView);
      viewHold.blank = (TextView) convertView.findViewById(R.id.blank);
      convertView.setTag(viewHold);
    } else {
      viewHold = (ViewHold) convertView.getTag();
    }
    HomeItemAdapter adapter = new HomeItemAdapter(context, dataList);
    viewHold.blank.setText(dataBean.getModuleTitle());
    viewHold.gridView.setAdapter(adapter);
    return convertView;
  }

  private static class ViewHold {
    private GridViewForScrollView gridView;
    private TextView blank;
  }

这里需要说明两点,第一:由于listView嵌套gridView会有众所周知的问题,计算高度,所以这边需要重新测量高度,也就重写了gridView;第二:代码中的textView是每个子标题中主标题的名字,也就是需要吸在顶部的。

以上,就将数据已经可以渲染完成了,现在就是联动的问题

3、让两部分数据动起来

3.1 主数据联动子数据

只需要调用主数据的onItemClick()方法,右侧数据在复写方法中调用setSelection()方法即可

 lv_menu.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        menuAdapter.setSelectItem(position);
        menuAdapter.notifyDataSetInvalidated();
        tv_title.setText(menuList.get(position));
        lv_home.setSelection(showTitle.get(position));
      }
    });

3.2 子数据联动主数据

在onScroll中处理数据即可,在将主数据的adapter更新一下即可。如代码所示

lv_home.setOnScrollListener(new AbsListView.OnScrollListener() {
      private int scrollState;

      @Override
      public void onScrollStateChanged(AbsListView view, int scrollState) {
        this.scrollState = scrollState;
      }

      @Override
      public void onScroll(AbsListView view, int firstVisibleItem,
                 int visibleItemCount, int totalItemCount) {
        if (scrollState == AbsListView.OnScrollListener.SCROLL_STATE_IDLE) {
          return;
        }
        int current = showTitle.indexOf(firstVisibleItem);
        if (currentItem != current && current >= 0) {
          currentItem = current;
          tv_title.setText(menuList.get(currentItem));
          menuAdapter.setSelectItem(currentItem);
          menuAdapter.notifyDataSetInvalidated();
        }
      }
    });


4、吸顶效果

这边有几种方法都可以实现类似的效果,我这边是上面一直有一条,我再将子数据都加一个type,当type不同时,更换上面那一条的问题即可。

最后,附上git链接直达链接

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android ListView控件使用方法

    Android ListView控件使用方法

    这篇文章主要为大家详细介绍了Android ListView控件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Android 自动化测试经验分享 深入UiScrollable

    Android 自动化测试经验分享 深入UiScrollable

    UiScrollable是一个UiCollection(这东西还没搞懂),我们可以使用它,在可滑动的页面(水平滑动或上下滑动都可以)上查找我们想要的控件(item)
    2013-05-05
  • 老项目迁移AndroidStudio3.0遇到的坑

    老项目迁移AndroidStudio3.0遇到的坑

    给大家分享了老的项目以及程序迁移到了AndroidStudio3.0遇到的坑和问题解决办法,希望给你做个参考。
    2017-11-11
  • Android编程实现等比例显示图片的方法

    Android编程实现等比例显示图片的方法

    这篇文章主要介绍了Android编程实现等比例显示图片的方法,实例分析了Android等比例缩放图片的具体步骤与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android编程实现两个Activity之间共享数据及互相访问的方法

    Android编程实现两个Activity之间共享数据及互相访问的方法

    这篇文章主要介绍了Android编程实现两个Activity之间共享数据及互相访问的方法,简单分析了Android中Activity数据共享与访问的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • android布局优化的一些实用建议

    android布局优化的一些实用建议

    这篇文章主要给大家介绍了关于android布局优化的一些实用建议,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • android中使用react-native设置应用启动页过程详解

    android中使用react-native设置应用启动页过程详解

    这篇文章主要介绍了android中使用react-native设置应用启动页过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 解决Android Studio xml 格式化不自动换行的问题

    解决Android Studio xml 格式化不自动换行的问题

    这篇文章主要介绍了解决Android Studio xml 格式化不自动换行的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Android Studio给各种控件加边框的操作方法

    Android Studio给各种控件加边框的操作方法

    这篇文章主要介绍了Android Studio给各种控件加边框的操作方法,本文通过图文实例相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • Android仿支付宝中余额宝的数字动画效果

    Android仿支付宝中余额宝的数字动画效果

    最近因为工作需要高仿余额宝数字动画效果,达到炫酷的数字动画效果,所以写出了分享给大家,有需要的朋友可以直接拿来用,下面一起来看看。
    2016-08-08

最新评论