前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >XrecyclerView实现加载数据和切换不同布局

XrecyclerView实现加载数据和切换不同布局

作者头像
砸漏
发布2020-11-04 15:07:55
6290
发布2020-11-04 15:07:55
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

本文实例为大家分享了XrecyclerView实现加载数据和切换不同布局,供大家参考,具体内容如下

代码语言:javascript
复制
compile 'com.jcodecraeer:xrecyclerview:1.3.2'//XrecyclerView

显示界面

代码语言:javascript
复制
<?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 

网格布局条目显示样式

代码语言:javascript
复制
<?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 

列表布局

代码语言:javascript
复制
<?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 

主界面

代码语言:javascript
复制
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

代码语言:javascript
复制
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

代码语言:javascript
复制
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

代码语言:javascript
复制
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

代码语言:javascript
复制
public interface ShopSearchPresenterAPI {
void success(Object o);
void failed(Exception e);
}

重点内容

代码语言:javascript
复制
package wangxuewei.bwie.com.wangxuewei1510c2071219;
/**
* Created by jim on 2017/12/19.
*/
public interface ShopSearchViewAPI {
void getSuccess(Object o);
void getFailed(Exception e);
}

HttpUtils

代码语言:javascript
复制
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);
}
});
}
});
}
}

重点内容

代码语言:javascript
复制
public interface CallBack {
void onSuccess(Object o);
void onFailed(Exception e);
}

Logger

代码语言:javascript
复制
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);
}
}

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档