商品列表的切换

package com.bwie.zhangjunjingdong.view.activity;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.OrientationHelper;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;

import com.bwie.zhangjunjingdong.R;
import com.bwie.zhangjunjingdong.model.bean.ProductListBean;
import com.bwie.zhangjunjingdong.presenter.ProductListPresenter;
import com.bwie.zhangjunjingdong.util.ApiUtil;
import com.bwie.zhangjunjingdong.view.Iview.OnItemListner;
import com.bwie.zhangjunjingdong.view.Iview.ProductListActivityInter;
import com.bwie.zhangjunjingdong.view.adapter.ProDuctGridAdapter;
import com.bwie.zhangjunjingdong.view.adapter.ProDuctListAdapter;
import com.scwang.smartrefresh.layout.api.RefreshLayout;
import com.scwang.smartrefresh.layout.listener.OnLoadmoreListener;
import com.scwang.smartrefresh.layout.listener.OnRefreshListener;

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

public class ProductListActivity extends AppCompatActivity implements ProductListActivityInter, View.OnClickListener {

    private String keywords;
    private RecyclerView product_list_recycler;
    private RecyclerView product_grid_recycler;
    private ProductListPresenter productListPresenter;
    private int page = 1;
    private ProDuctListAdapter proDuctListAdapter;
    private ProDuctGridAdapter proDuctGridAdapter;
    private ImageView product_image_back;
    private LinearLayout linear_search;
    private ImageView image_change;
    private boolean isList = true;//是否是列表展示
    private RefreshLayout refreshLayout;
    private List<ProductListBean.DataBean> listAll  = new ArrayList<>();//装当前页面所有的数据


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_product_list);

        product_list_recycler = findViewById(R.id.product_list_recycler);
        product_grid_recycler = findViewById(R.id.product_grid_recycler);
        product_image_back = findViewById(R.id.product_image_back);
        linear_search = findViewById(R.id.linear_search);
        image_change = findViewById(R.id.image_change);
        refreshLayout = findViewById(R.id.refreshLayout);


        productListPresenter = new ProductListPresenter(this);

        //接收传递的关键词
        keywords = getIntent().getStringExtra("keywords");
        if (keywords != null) {
            //根据关键词和page去请求列表数据

            productListPresenter.getProductData(ApiUtil.SEARTCH_URL,keywords,page);

        }

        //设置列表布局
        product_list_recycler.setLayoutManager(new LinearLayoutManager(ProductListActivity.this));
        product_grid_recycler.setLayoutManager(new StaggeredGridLayoutManager(2, OrientationHelper.VERTICAL));


        //设置点击事件
        product_image_back.setOnClickListener(this);
        linear_search.setOnClickListener(this);
        image_change.setOnClickListener(this);

        //下拉刷新的监听
        refreshLayout.setOnRefreshListener(new OnRefreshListener() {
            @Override
            public void onRefresh(RefreshLayout refreshlayout) {
                page = 1;
                //集合清空
                listAll.clear();
                //重新获取数据
                productListPresenter.getProductData(ApiUtil.SEARTCH_URL,keywords,page);

            }
        });
        //上拉加载的监听
        refreshLayout.setOnLoadmoreListener(new OnLoadmoreListener() {
            @Override
            public void onLoadmore(RefreshLayout refreshlayout) {
                page ++;
                //重新获取数据
                productListPresenter.getProductData(ApiUtil.SEARTCH_URL,keywords,page);

            }
        });



    }

    @Override
    public void getProductDataSuccess(ProductListBean productListBean) {

        //先把数据添加到大集合
        listAll.addAll(productListBean.getData());

        //设置适配器就可以了

        setAdapter();


        //条目的点击事件 调到详情页面
        proDuctListAdapter.setOnItemListner(new OnItemListner() {
            @Override
            public void onItemClick(int position) {

                //跳转详情
                Intent intent = new Intent(ProductListActivity.this,DetailActivity.class);
                intent.putExtra("pid",listAll.get(position).getPid());
                startActivity(intent);

            }

            @Override
            public void onItemLongClick(int position) {

            }
        });
        proDuctGridAdapter.setOnItemListner(new OnItemListner() {
            @Override
            public void onItemClick(int position) {

                //跳转详情
                Intent intent = new Intent(ProductListActivity.this,DetailActivity.class);
                intent.putExtra("pid",listAll.get(position).getPid());
                startActivity(intent);

            }

            @Override
            public void onItemLongClick(int position) {

            }
        });

    }

    private void setAdapter() {

        //设置列表设备器
        if (proDuctListAdapter == null) {
            proDuctListAdapter = new ProDuctListAdapter(ProductListActivity.this, listAll);
            product_list_recycler.setAdapter(proDuctListAdapter);
        }else {
            proDuctListAdapter.notifyDataSetChanged();
        }

        //设置表格适配器
        if (proDuctGridAdapter == null) {
            proDuctGridAdapter = new ProDuctGridAdapter(ProductListActivity.this, listAll);
            product_grid_recycler.setAdapter(proDuctGridAdapter);
        }else {
            proDuctGridAdapter.notifyDataSetChanged();
        }

        //停止刷新和加载更多
        refreshLayout.finishRefresh();
        refreshLayout.finishLoadmore();


    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.linear_search:
                Toast.makeText(this,"即将跳转搜索...",Toast.LENGTH_SHORT).show();
                break;
            case R.id.product_image_back:
                finish();
                break;
            case R.id.image_change:

                if (isList) {//表示当前展示的是列表..图标变成列表样式...表格进行显示,列表隐藏...isList---false
                    image_change.setImageResource(R.drawable.kind_liner);

                    product_grid_recycler.setVisibility(View.VISIBLE);
                    product_list_recycler.setVisibility(View.GONE);

                    isList = false;
                }else {
                    image_change.setImageResource(R.drawable.kind_grid);

                    product_list_recycler.setVisibility(View.VISIBLE);
                    product_grid_recycler.setVisibility(View.GONE);

                    isList = true;
                }

                break;
        }
    }
}

布局

<?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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:padding="5dp">

        <ImageView
            android:id="@+id/product_image_back"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:padding="5dp"
            android:src="@drawable/leftjiantou" />

        <LinearLayout
            android:id="@+id/linear_search"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:background="@drawable/gray_back_conner"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="5dp">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:src="@drawable/a_4" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:text="搜索京东商品/商铺" />

            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginRight="5dp"
                android:scaleType="fitXY"
                android:src="@drawable/root" />

        </LinearLayout>

        <ImageView
            android:id="@+id/image_change"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:scaleType="fitXY"
            android:src="@drawable/kind_grid" />

    </LinearLayout>


    <com.scwang.smartrefresh.layout.SmartRefreshLayout
        android:id="@+id/refreshLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="none">

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <android.support.v7.widget.RecyclerView
                    android:nestedScrollingEnabled="false"
                    android:id="@+id/product_list_recycler"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                </android.support.v7.widget.RecyclerView>


                <android.support.v7.widget.RecyclerView
                    android:nestedScrollingEnabled="false"
                    android:id="@+id/product_grid_recycler"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:visibility="gone">

                </android.support.v7.widget.RecyclerView>

            </LinearLayout>

        </ScrollView>


    </com.scwang.smartrefresh.layout.SmartRefreshLayout>


</LinearLayout>

适配器

package com.bwie.zhangjunjingdong.view.adapter;

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

import com.bumptech.glide.Glide;
import com.bwie.zhangjunjingdong.R;
import com.bwie.zhangjunjingdong.model.bean.ProductListBean;
import com.bwie.zhangjunjingdong.view.Iview.OnItemListner;
import com.bwie.zhangjunjingdong.view.hodler.ProductListHolder;

import java.util.List;

public class ProDuctListAdapter extends RecyclerView.Adapter<ProductListHolder>{
    private List<ProductListBean.DataBean> listAll;
    private Context context;
    private OnItemListner onItemListner;

    public ProDuctListAdapter(Context context, List<ProductListBean.DataBean> listAll) {
        this.context = context;
        this.listAll = listAll;
    }

    @Override
    public ProductListHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = View.inflate(context, R.layout.product_list_item_layout,null);
        ProductListHolder productListHolder = new ProductListHolder(view);

        return productListHolder;
    }

    @Override
    public void onBindViewHolder(ProductListHolder holder, final int position) {

        ProductListBean.DataBean dataBean = listAll.get(position);

        holder.product_list_title.setText(dataBean.getTitle());
        holder.product_list_price.setText("¥"+dataBean.getBargainPrice());

        Glide.with(context).load(dataBean.getImages().split("\\|")[0]).into(holder.product_list_image);

        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onItemListner.onItemClick(position);
            }
        });

    }

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

    public void setOnItemListner(OnItemListner onItemListner) {
        this.onItemListner = onItemListner;
    }
}

适配器的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_margin="5dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/product_list_image"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <TextView
        android:layout_marginLeft="5dp"
        android:layout_toRightOf="@+id/product_list_image"
        android:id="@+id/product_list_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_marginLeft="5dp"
        android:id="@+id/product_list_price"
        android:textColor="#ff0000"
        android:layout_toRightOf="@+id/product_list_image"
        android:layout_alignBottom="@+id/product_list_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>