XrecyclerView加载数据+切换不同布局

最新推荐文章于 2018-12-15 12:40:37 发布
最新推荐文章于 2018-12-15 12:40:37 发布
阅读量609 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wittybread/article/details/78859598
版权 
compile 'com.jcodecraeer:xrecyclerview:1.3.2'//XrecyclerView

显示界面

<?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="wangxuewei.bwie.com.wangxuewei1510c2071219.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:gravity="center"
            android:text="搜索商品" />

        <ImageView
            android:id="@+id/cutImg"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentRight="true"
            android:layout_margin="7dp"
            android:src="@drawable/grid_icon" />

    </RelativeLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="#c0c0c0" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:orientation="horizontal">

        <EditText
            android:id="@+id/editKey"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="请输入关键字" />

        <Button
            android:id="@+id/btnSearch"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="搜索" />

    </LinearLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="#c0c0c0" />

    <com.jcodecraeer.xrecyclerview.XRecyclerView
        android:id="@+id/xrecyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></com.jcodecraeer.xrecyclerview.XRecyclerView>

</LinearLayout>

网格布局条目显示样式

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

    <ImageView
        android:id="@+id/GoodsIcon"
        android:layout_width="80dp"
        android:layout_height="80dp" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="asdasd" />


    <TextView
        android:id="@+id/price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="asdasd" />

    <TextView
        android:id="@+id/bargainPrice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:text="asdasd"
        android:textColor="#f00" />
</LinearLayout>

列表布局

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

    <ImageView
        android:id="@+id/GoodsIcon"
        android:layout_width="80dp"
        android:layout_height="80dp" />

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

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:text="asdasd" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="asdasd" />

            <TextView
                android:id="@+id/bargainPrice"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="asdasd"
                android:textColor="#f00" />
        </LinearLayout>

    </LinearLayout>

</LinearLayout>

主界面

public class MainActivity extends AppCompatActivity implements ShopSearchViewAPI, View.OnClickListener {

    private ImageView cutImg;
    private Button btnSearch;
    private List<GoodsBean.DataBean> list = new ArrayList<>();
    private XRecyclerView xR;
    private EditText editKey;
    private int flag = 1;
    private MyAdapter myAdapter;
    private int i = 1;
    private String string = "手机";
    private String name;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //加载控件
        initView();
        getData("手机", "1");

        //设置可上拉
        xR.setPullRefreshEnabled(true);
        xR.setLoadingMoreEnabled(true);
        //设置上拉下拉样式
        xR.setRefreshProgressStyle(ProgressStyle.BallSpinFadeLoader);
        xR.setLaodingMoreProgressStyle(ProgressStyle.BallClipRotate);

        clickListener();

        xR.setLoadingListener(new XRecyclerView.LoadingListener() {
            @Override
            public void onRefresh() {
                i = 1;
                list.clear();
                getData(string, "" + i);
                xR.refreshComplete();
            }

            @Override
            public void onLoadMore() {
                i++;
                getData(string, "" + i);
                xR.loadMoreComplete();
            }
        });


    }

    public void getData(String key, String page) {
        ShopSearchPresenter shopSearchPresenter = new ShopSearchPresenter(this, this);
        shopSearchPresenter.getGoodsData("http://120.27.23.105/product/searchProducts", key, page);
    }

    private void clickListener() {
        cutImg.setOnClickListener(this);
        btnSearch.setOnClickListener(this);
    }

    private void initView() {
        cutImg = (ImageView) findViewById(R.id.cutImg);
        btnSearch = (Button) findViewById(R.id.btnSearch);
        xR = (XRecyclerView) findViewById(R.id.xrecyclerview);
        editKey = (EditText) findViewById(R.id.editKey);
    }

    @Override
    public void getSuccess(Object o) {
        GoodsBean o1 = (GoodsBean) o;
        List<GoodsBean.DataBean> data = o1.getData();
        list.addAll(data);
        setMyAdapter(flag);
    }

    @Override
    public void getFailed(Exception e) {

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.cutImg:
                if (flag == 1) {
                    cutImg.setImageResource(R.drawable.lv_icon);
                    flag = 2;
                } else {
                    cutImg.setImageResource(R.drawable.grid_icon);
                    flag = 1;
                }
                setMyAdapter(flag);
                break;
            case R.id.btnSearch:
                list.clear();
                name = editKey.getText().toString();
                string = name;
                getData(string, "1");
                break;
        }
    }

    public void setMyAdapter(int f) {
        if (f == 1) {
            // 线性布局管理器   VERTICAL默认样式/竖向显示       第三个参数是数据是否到过来显示
            LinearLayoutManager manager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
            //添加布局管理器
            xR.setLayoutManager(manager);
            myAdapter = new MyAdapter(list, this, f);
            xR.setAdapter(myAdapter);
        } else if (f == 2) {
            // 线性布局管理器   VERTICAL默认样式/竖向显示       第三个参数是数据是否到过来显示
            GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 2, GridLayoutManager.VERTICAL, false);
            //添加布局管理器
            xR.setLayoutManager(gridLayoutManager);
            myAdapter = new MyAdapter(list, this, f);
            xR.setAdapter(myAdapter);
        }
    }
}

MyAdapter 

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
    private List<GoodsBean.DataBean> list;
    private Context context;
    private int flag = 1;
    private View inflate;

    public MyAdapter(List<GoodsBean.DataBean> list, Context context, int flag) {
        this.list = list;
        this.context = context;
        this.flag = flag;
    }

    @Override
    public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (flag == 1) {
            inflate = LayoutInflater.from(context).inflate(R.layout.lvitem, parent, false);
        } else if (flag == 2) {
            inflate = LayoutInflater.from(context).inflate(R.layout.griditem, parent, false);
        }

        MyViewHolder myViewHolder = new MyViewHolder(inflate);

        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(MyAdapter.MyViewHolder holder, int position) {

        String images = list.get(position).getImages();
        String[] split = images.split("\\|");
        Glide.with(context).load(split[0]).into(holder.icon);
        holder.title.setText(list.get(position).getTitle());
        holder.bargainPrice.setText("折扣价:" + list.get(position).getBargainPrice() + "");
        holder.price.setText("原价:" + list.get(position).getPrice());
        holder.price.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);

    }

    @Override
    public int getItemCount() {
        return list != null ? list.size() : 0;
    }

    class MyViewHolder extends RecyclerView.ViewHolder {

        private ImageView icon;
        private TextView title;
        private TextView bargainPrice;
        private TextView price;

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

            icon = (ImageView) itemView.findViewById(R.id.GoodsIcon);
            title = (TextView) itemView.findViewById(R.id.title);
            bargainPrice = (TextView) itemView.findViewById(R.id.bargainPrice);
            price = (TextView) itemView.findViewById(R.id.price);

        }
    }

}

ShopSearchModle 


public class ShopSearchModle {


    public void getData(String url, Map<String, String> map, final ShopSearchPresenterAPI shopSearchPresenterAPI) {
        HttpUtils.getInstance().get(url, map, new CallBack() {
            @Override
            public void onSuccess(Object o) {
                shopSearchPresenterAPI.success(o);
            }

            @Override
            public void onFailed(Exception e) {
                shopSearchPresenterAPI.failed(e);
            }
        }, GoodsBean.class);
    }


}

ShopSearchPresenter 

public class ShopSearchPresenter {

    private ShopSearchViewAPI shopSearchViewAPI;
    private Context context;
    private final ShopSearchModle shopSearchModle;

    public ShopSearchPresenter(ShopSearchViewAPI shopSearchViewAPI, Context context) {
        this.shopSearchViewAPI = shopSearchViewAPI;
        this.context = context;
        shopSearchModle = new ShopSearchModle();
    }

    public void getGoodsData(String url, String keywords, String page) {
        Map<String, String> map = new HashMap<>();
        map.put("keywords", keywords);
        map.put("page", page);
        shopSearchModle.getData(url, map, new ShopSearchPresenterAPI() {
            @Override
            public void success(Object o) {
                shopSearchViewAPI.getSuccess(o);
            }

            @Override
            public void failed(Exception e) {
                shopSearchViewAPI.getFailed(e);
            }
        });
    }


}

ShopSearchPresenterAPI 

public interface ShopSearchPresenterAPI {

    void success(Object o);

    void failed(Exception e);


}

重点内容

package wangxuewei.bwie.com.wangxuewei1510c2071219;

/**
 * Created by jim on 2017/12/19.
 */

public interface ShopSearchViewAPI {

    void getSuccess(Object o);

    void getFailed(Exception e);


}

HttpUtils 

public class HttpUtils {

    private static volatile HttpUtils instance;

    private static Handler handler = new Handler();

    private HttpUtils() {

    }

    public static HttpUtils getInstance() {
        if (instance == null) {
            synchronized (HttpUtils.class) {
                if (instance == null) {
                    instance = new HttpUtils();
                }
            }
        }
        return instance;
    }

    //get请求
    public void get(String url, Map<String, String> map, final CallBack callBack, final Class c) {
        //对url和参数做拼接处理
        StringBuffer stringBuffer = new StringBuffer();
        stringBuffer.append(url);
        //判断是否存在?   if中是存在
        if (stringBuffer.indexOf("?") != -1) {
            //判断?是否在最后一位    if中是不在最后一位
            if (stringBuffer.indexOf("?") != stringBuffer.length() - 1) {
                stringBuffer.append("&");
            }
        } else {
            stringBuffer.append("?");
        }
        for (Map.Entry<String, String> entry : map.entrySet()) {
            stringBuffer.append(entry.getKey())
                    .append("=")
                    .append(entry.getValue())
                    .append("&");
        }
        //判断是否存在&   if中是存在
        if (stringBuffer.indexOf("&") != -1) {
            stringBuffer.deleteCharAt(stringBuffer.lastIndexOf("&"));
        }


        //1:创建OkHttpClient对象
        OkHttpClient okHttpClient = new OkHttpClient.Builder().addInterceptor(new Logger()).build();
        //2:创建Request对象
        final Request request = new Request.Builder()
                .get()
                .url(stringBuffer.toString())
                .build();
        //3:创建Call对象
        Call call = okHttpClient.newCall(request);
        //4:请求网络
        call.enqueue(new Callback() {
            //请求失败
            @Override
            public void onFailure(Call call, final IOException e) {
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        callBack.onFailed(e);
                    }
                });
            }

            //请求成功
            @Override
            public void onResponse(Call call, Response response) throws IOException {
                String result = response.body().string();
                //拿到数据解析
                final Object o = new Gson().fromJson(result, c);
                //当前是在子线程,回到主线程中
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        //回调
                        callBack.onSuccess(o);
                    }
                });
            }
        });

    }

    //post请求
    public void post(String url, Map<String, String> map, final CallBack callBack, final Class c) {
        //1:创建OkHttpClient对象
        OkHttpClient okHttpClient = new OkHttpClient();
        //2:提供post请求需要的body对象
        FormBody.Builder builder = new FormBody.Builder();
        for (Map.Entry<String, String> entry : map.entrySet()) {
            builder.add(entry.getKey(), entry.getValue());
        }
        FormBody body = builder.build();
        //3:创建Request对象
        final Request request = new Request.Builder()
                .post(body)
                .url(url)
                .build();
        //4:创建Call对象
        Call call = okHttpClient.newCall(request);
        //5:请求网络
        call.enqueue(new Callback() {
            //请求失败
            @Override
            public void onFailure(Call call, final IOException e) {
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        callBack.onFailed(e);
                    }
                });
            }

            //请求成功
            @Override
            public void onResponse(Call call, Response response) throws IOException {
                String result = response.body().string();
                //拿到数据解析
                final Object o = new Gson().fromJson(result, c);
                //当前是在子线程,回到主线程中
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        //回调
                        callBack.onSuccess(o);
                    }
                });
            }
        });
    }

}

重点内容

public interface CallBack {

    void onSuccess(Object o);

    void onFailed(Exception e);

}

Logger 

public class Logger implements Interceptor {
    @Override
    public Response intercept(Chain chain) throws IOException {
        Request original = chain.request();
        HttpUrl url = original.url().newBuilder()
                .addQueryParameter("source", "android")
                .build();
        //添加请求头
        Request request = original.newBuilder()
                .url(url)
                .build();
        return chain.proceed(request);
    }
}
wittybread
关注
解决XRecyclerView动态切换布局管理器 多次调用setAdapter崩溃
老萝卜的博客
03-31 4293
完美解决XRecyclerView动态切换布局管理器 多次调用setAdapter崩溃
XRecycleView
01-20
android 下拉刷新、上拉加载的RecycleView
RecyclerView加载不同View视图布局
06-08
这是一个用RecyclerView加载不同View视图布局，类似于ListView加载不同的item效果。简单易学。
XRecyclerView的点击切换布局
qq_43589739的博客
12-15 1961
一个按钮切换布局 布局效果 点击图片切换布局 布局二 代码实现 很容易想象我们只需要在Adapter中实现两种布局的加载和两种布局的判断 适配器中添加 /** * 切换布局 */ public final static int LINEAR_TYPE = 0;//线性 public final static int GRID_TYPE ...
XRecyclerView上下拉加载刷新
Little_xiaobai的博客
10-25 343
1.配置build.gradle文件： 直接添加 compile 'com.jcodecraeer:xrecyclerview:1.3.2' 即可。 2.在xml文件的使用： xml version="1.0" encoding="utf-8"?> RelativeLayout xmlns:android="http://schemas.android.com/a
XRecyclerView使用
向死而生
10-22 340
第一步 compile 'com.jcodecraeer:xrecyclerview:1.3.2' 第二步 在布局文件中使用 android:id="@+id/xRecyclerView" android:layout_width="match_parent" android:layout_height="match_parent"> 第三步在main中使用 xRecycl
XrecyclerView实现加载数据和切换不同布局
08-26
本篇文章将详细介绍如何利用`XRecyclerView`来实现数据加载和切换不同布局。 首先，我们需要在项目的`build.gradle`文件中添加`XRecyclerView`的依赖。在`dependencies`块中，添加如下代码： ```gradle compile '...
XRecyclerView 加载更多 刷新
05-14
- 处理加载更多和刷新事件：在回调方法中，进行数据请求操作，请求完成后，调用`loadMoreComplete()`或`refreshComplete()`通知XRecyclerView数据已加载完毕。 在XRecyclerView-master这个压缩包中，可能包含了...
Android XRecyclerView实现多条目加载
01-20
通过这种方式，你可以在每个Fragment中独立地处理各自的加载逻辑，同时在TabLayout的帮助下，用户可以方便地在不同内容之间切换，实现多条目加载的展示。 总的来说，Android的XRecyclerView库为开发者提供了更强大...
XRecyclerView
08-12
这个改自XListview的XRecyclerView的上拉加载和下拉刷新实现，修改率低于30%
【RecyclerView】 十、RecyclerView 数据更新 ( 增加单条数据 批量增加数据 ).zip
02-01
【RecyclerView】 十、RecyclerView 数据更新 ( 增加单条数据 | 批量增加数据 ) https://hanshuliang.blog.csdn.net/article/details/113406856 博客源码快照
XRecycleViewDemo
12-22
XRecyclerView的简单使用与图片拉动字体缩放效果的实现
XRecyclerView实现RecyclerView下拉刷新上来加载
03-24
XRecyclerView实现RecyclerView下拉刷新上来加载 自己做了部分修改，使代码更简洁易用
XrecyclerView 正常展示布局
小明的博客
08-16 249
ublic class ProductAdapter extends RecyclerView.Adapter&lt;ProductAdapter.MyViewHolder&gt;{ private Context context; private List&lt;ProductBean.Product&gt; list; public ProductAdapter(...
XRecycleView集成
Guilin666的博客
10-20 227
build依赖 implementation fileTree(dir: 'libs', include: ['*.jar']) implementation 'com.android.support:appcompat-v7:28.0.0' api 'com.android.support:recyclerview-v7:28.0.0' implementation ...
XRecycleView使用
hpp_1225的博客
08-29 239
项目需要下拉刷新和上拉加载数据的要求，找到了XRecycleView框架。 记录一下用法。 基本同普通recycleview用法一直，但是可以添加自定义的头部和上拉下拉动画。 一 xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.andro...
XrecyclerView：数据加载与布局切换实战教程
"本篇文章主要介绍了如何在Android开发中利用XrecyclerView实现加载数据和切换不同布局的功能。XrecyclerView是一个强大的开源库，由Jcodecraeer团队提供，版本为1.3.2，它扩展了RecyclerView的功能，使其在列表和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值