京东分类

最新推荐文章于 2020-08-09 17:25:25 发布
最新推荐文章于 2020-08-09 17:25:25 发布
阅读量250 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gylgww/article/details/83927405
版权

一：生成bean类

1.LeftBean

接口：http://www.zhaoapi.cn/product/getCatagory

2.RightBean

接口：http://120.27.23.105/product/getProductCatagory  或http://120.27.23.105/product/getProductCatagory?cid=1一样

二：Api

public interface Api {

    //左边展示
    @GET("product/getCatagory")
    Observable<LeftBean> getleft();

    //右边展示
    @GET("product/getProductCatagory")
    Observable<RightBean> getright(@Query("cid") int cid);

}

三：网络请求Httputis

public class HttpUtils {
    private static final String BASE_URL = "http://www.zhaoapi.cn/";
    private Retrofit retrofit;

    private static final class SINGLE_INSTANCE{
        private static final HttpUtils _INSTANCE = new HttpUtils();
    }

    public static HttpUtils getInstance(){
        return SINGLE_INSTANCE._INSTANCE;
    }

    private HttpUtils(){
        retrofit = new Retrofit.Builder()
                .baseUrl(BASE_URL)
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .client(buildOkHttpClient())
                .build();
    }

    private OkHttpClient buildOkHttpClient() {
        return new OkHttpClient.Builder()
                .readTimeout(5000,TimeUnit.MILLISECONDS)
                .writeTimeout(5000,TimeUnit.MILLISECONDS)
                .build();
    }

    public <T> T create(Class<T> clazz){
        return retrofit.create(clazz);
    }
}

四：view层

1.左边view

public interface LeftView {
    void onSuccess(LeftBean leftBean);

    void onFailed(Throwable t);
}

2.右边view

public interface RightView {
    void onRight(RightBean rightBean);

    void onFailed(Throwable t);
}

五：model层

1.左边model

public class LeftModel {
    public Observable<LeftBean> getleft(){
        Api api = HttpUtils.getInstance().create(Api.class);
        Observable<LeftBean> getleft = api.getleft();
        return getleft;
    }
}

2.右边model

public class RightModel {
    public Observable<RightBean> getright(int cid){
        Api api = HttpUtils.getInstance().create(Api.class);
        Observable<RightBean> getright = api.getright(cid);
        return getright;
    }
}

六：presenter层

1.左边p

public class LeftPresenter {
    LeftView leftView;
    private final LeftModel leftModel;

    public LeftPresenter(LeftView leftView) {
        this.leftView = leftView;
        leftModel = new LeftModel();
    }

    public void getLeftData() {
        leftModel.getleft()
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Observer<LeftBean>() {
                    @Override
                    public void onSubscribe(Disposable d) {

                    }

                    @Override
                    public void onNext(LeftBean leftBean) {
                        leftView.onSuccess(leftBean);
                    }

                    @Override
                    public void onError(Throwable e) {

                    }

                    @Override
                    public void onComplete() {

                    }
                });
    }

}

2.右边p

public class RighttPresenter {
    RightView rightView;
    private final RightModel rightModel;

    public RighttPresenter(RightView rightView) {
        this.rightView = rightView;
        rightModel = new RightModel();
    }

    public void getRightData(int cid) {
        rightModel.getright(cid)
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Observer<RightBean>() {
                    @Override
                    public void onSubscribe(Disposable d) {

                    }

                    @Override
                    public void onNext(RightBean rightBean) {
                        rightView.onSuccess(rightBean);
                    }

                    @Override
                    public void onError(Throwable e) {

                    }

                    @Override
                    public void onComplete() {

                    }
                });
    }

}

七：adapter

1.左边adapter

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

    private Context context;
    private List<ShouBean.DataBean.FenleiBean> list;

    public LeftAdapter(Context context, List<ShouBean.DataBean.FenleiBean> list) {
        this.context = context;
        this.list = list;
    }

    public interface OnItemClickListener{
        void onItemClick(View view,int position);
    }

    private OnItemClickListener clickListener;
    public void setOnItemClickListener(OnItemClickListener clickListener){
        this.clickListener = clickListener;
    }

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

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, final int position) {
        holder.text_left.setText(list.get(position).getName());
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (clickListener != null){
                    clickListener.onItemClick(view,position);
                }
            }
        });

    }

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

    public class ViewHolder extends RecyclerView.ViewHolder{

        private final TextView text_left;

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

            text_left = itemView.findViewById(R.id.text_left);
        }
    }
}

1.2.左边adapter布局 left_layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:orientation="vertical"
    android:layout_height="wrap_content">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/text_left"
        android:text="呵呵"
        android:padding="5dp"
        android:textSize="15sp"/>

</LinearLayout>

 

2.右边adapter

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

    private Context context;
    private List<RightBean.DataBean> listBeans;

    public RightAdapter(Context context, List<RightBean.DataBean> listBeans) {
        this.context = context;
        this.listBeans = listBeans;
    }

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

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, final int position) {
        holder.title.setText(listBeans.get(position).getName());

        GridLayoutManager gridLayoutManager = new GridLayoutManager(context, 3, GridLayoutManager.VERTICAL, false);
        holder.rightrev.setLayoutManager(gridLayoutManager);

        ImageAdapter imageAdapter = new ImageAdapter(context, listBeans.get(position).getList());
        holder.rightrev.setAdapter(imageAdapter);
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder{

        private final TextView title;
        private final RecyclerView rightrev;

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

            title = itemView.findViewById(R.id.right_title);
            rightrev = itemView.findViewById(R.id.right_rev);
        }
    }
}

2.2.右边adapter 布局 right_layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="wrap_content">

    <TextView
        android:layout_marginTop="10dp"
        android:id="@+id/right_title"
        android:text="@string/app_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

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

3.右边adapter嵌套的imageadapter 

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

    private Context context;
    private List<RightBean.DataBean.ListBean> list;

    public ImageAdapter(Context context, List<RightBean.DataBean.ListBean> list) {
        this.context = context;
        this.list = list;
    }

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

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, final int position) {
        holder.text_view.setText(list.get(position).getName());
        holder.simple_view.setImageURI(Uri.parse(list.get(position).getIcon().split("\\|")[0]));
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String name = list.get(position).getName();
                //点击子条目跳转到列表页面
                Intent intent = new Intent(context, LieActivity.class);
                intent.putExtra("name",name);
                context.startActivity(intent);
            }
        });
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

        private final SimpleDraweeView simple_view;
        private final TextView text_view;

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

            simple_view = itemView.findViewById(R.id.simple_view);
            text_view = itemView.findViewById(R.id.text_view);

            itemView.setOnClickListener(this);
        }

        @Override
        public void onClick(View view) {
            int layoutPosition = getLayoutPosition();
            onItemclickLinsten.onclick(layoutPosition);
        }
    }
    onItemclickLinsten onItemclickLinsten;

    public interface onItemclickLinsten{
        void onclick(int layoutPosition);
    }
    public void setonItemclickLinsten(onItemclickLinsten onItemclickLinsten){
        this.onItemclickLinsten= onItemclickLinsten;
    }

}

3.2.嵌套imageadapter的布局 image_item

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

    <com.facebook.drawee.view.SimpleDraweeView
        android:layout_width="60dp"
        android:id="@+id/simple_view"
        android:layout_height="60dp" />

    <TextView
        android:id="@+id/text_view"
        android:layout_width="100dp"
        android:layout_height="20dp" />

</LinearLayout>

八：分类fragment的主代码

public class FenleiFragment extends Fragment implements LeftView, RightView{

    @BindView(R.id.rec_left)
    RecyclerView recLeft;
    @BindView(R.id.rec_right)
    RecyclerView recRight;
    Unbinder unbinder;
//    @BindView(R.id.simple_title)
    SimpleDraweeView simpleTitle;
    private LeftPresenter leftPresenter;
    private RighttPresenter righttPresenter;
    private int cid;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_fenlei, container, false);

        unbinder = ButterKnife.bind(this, view);

        leftPresenter = new LeftPresenter(this);
        leftPresenter.getLeftData();

        righttPresenter = new RighttPresenter(this);
        righttPresenter.getRightData(1);

        initView();
        initData();

        return view;
    }

    private void initData() {

    }

    private void initView() {
        recLeft.setLayoutManager(new LinearLayoutManager(getActivity()));
        recRight.setLayoutManager(new LinearLayoutManager(getActivity()));
    }

    @Override
    public void onSuccess(final LeftBean leftBean) {
        List<LeftBean.DataBean> left = leftBean.getData();
        LeftAdapter leftAdapter = new LeftAdapter(getActivity(), left);
        recleft.setAdapter(leftAdapter);
        leftAdapter.setOnItemClickListener(new LeftAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(int posistion) {
                cid = leftBean.getData().get(posistion).getCid();
                righttPresenter.getRightData(cid);

                //simpleTitle.setImageURI(Uri.parse(leftBean.getData().get(posistion).getIcon().split("\\|")[0]));
            }
        });
    }

    @Override
    public void onSuccess(RightBean rightBean) {
        List<RightBean.DataBean> data = rightBean.getData();
        RightAdapter rightAdapter = new RightAdapter(getActivity(), data);
        recRight.setAdapter(rightAdapter);

    }

    @Override
    public void onFailed(String msg) {

    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        unbinder.unbind();
    }
}

 

 

 

高唯西
关注
HTML+CSS+JS实现京东轮播图——Bootstrap篇（最简单的轮播图）
sinat_50265804的博客
01-13 3365
Bootstrap Bootstrap是基于HTML、CSS、JavaScript的前端开发框架，简单来说就是已经写好的样式和函数，我们直接通过在HTML元素中添加对应的class类就可以轻松调用这些写好的css样式和JS函数（个人理解，有错误的话欢迎指出，菜鸟在此表示感谢）。Bootstrap提供了大量的网页框架，包括导航栏、轮播图、登录页等，可以新手快速搭建一个漂亮的网页。 Bootstrap教程： 1.Bootstrap中文网 2.菜鸟教程 实现方法 1.下载bootstrap包，引入
BootStrap实现网上商城首页的排版布局，可匹配不同尺寸的PC，平板，手机。
yuanzizhen0的博客
12-08 1544
商城首页                                                                                -->                                                                                           
京东商品分类编号
08-29
京东产品分类，分一级二级三级标签，附带标签吗，二级标签不太准确
京东商城商品分类表
12-01
可直接导入MySQL数据库，另存为TXT文件后可导入Oracle数据库。
京东新版商品分类导航代码
05-01
京东新版商品分类导航代码是一款基于jQuery技术，模仿京东网上商城新版侧栏商品分类导航代码，适合用于电子商务类网站或栏目较多的网站使用。兼容目前主流浏览器。
安卓防京东分类代码
05-17
仿新版的京东商品匪类模块，简单的demo希望能帮助到.仿京东APP分类效果,左边是类别，右边是选中类的详细列表
京东分类页面
11-22
来分析这个demo的主体构成吧，顶部为搜索栏，左侧是scroview，不要担心优化问题，因为scroview里面的TextView是动态生成的，完全不用担心优化问题，右侧是viewPager，Scroview可以控制viewPager的滑动，反之...
最新京东分类2019
04-12
刚收集的京东分类，共3级，4700多条记录，包含id、名称、层级。
京东分类整理.docx
04-10
在“京东分类整理.docx”中，我们可以看到京东对于家用电器、手机数码、电脑办公、家居家装以及服装等多个大类的详细划分。 首先，家用电器部分，电视按照品牌类型分为合资品牌、国产品牌和互联网品牌，满足消费者...
京东分类导航html
03-25
2. **多级分类**：京东分类导航通常包括一级分类和二级分类，甚至三级分类。一级分类通常包含大类商品，如电子产品、服装、家居等；二级分类则更具体，如手机、电视、女装、男装等。这种层次结构有助于用户细化搜索...
京东全商品分类
12-18
较为全面的京东商城分类信息，在第三个库里有两个字符strcode字段，
京东商城API接口（2020）
01-07
京东商城API接口，支持多种语言版(Java,C#,Python,Delphi,RLang,GoLang等语言)接口方式，可以通过配置界面直接配置，非常简单，非常直观，1小时可以上手
仿京东分类Html5页面
03-05
仿京东分类Html5页面，左右分栏，可滑动，支持多层级扩展，CSS样式
仿京东菜单分类的实现实例
10-11
仿京东菜单分类的实现实例
移动端学习笔记（黑马教程）-仿京东首页
weixin_42349568的博客
08-09 836
一，琐碎的部分 1，移动端的布局和网页端的布局基本一样，也是大盒子套小盒子，综合应用流式、定位和移动进行布局，不同的是，移动端的布局是用百分比作为单位。 2，图片输入时，是和文字以基线对齐的，而不是设置了line-height就可以甩手不干了。 还需要把图片在垂直方向上居中对齐： vertical-align: middle; 二，头部的完成 <header class="app"> <ul> <li><img src="images/clo
仿京东分类实现
Star_Q的博客
11-22 3419
这篇主要就是一个仿京东分类的一篇，虽然代码比较多，认真看吧
bootstrap之仿淘宝商品列表
热门推荐
机器猫不吃鱼的博客
09-06 1万+
bootstrap之仿淘宝商品列表 淘宝效果图:
ANDROID高仿京东分类_类似京东分类界面源代码下载
u011904605的博客
09-22 4492
http://dwtedx.com/itshare_443.html http://dwtedx.com/itshare_443.html http://dwtedx.com/itshare_443.html ANDROID高仿京东分类_类似京东分类界面源代码下载 本Demo是一款类似京东分类的例子、效果非常不错、左边使用的一个ScrollView嵌
Android编程：详解如何实现京东分类效果
"这篇文章主要展示了如何在Android平台上实现类似京东分类的效果，通过创建Fragment和实体类来实现界面的动态展示。" 在Android应用开发中，经常需要实现各种自定义的UI效果来提升用户体验，京东分类效果就是一种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值