如何使用RecyclerView仿应用列表实现网格布局
这篇文章给大家分享的是有关如何使用RecyclerView仿应用列表实现网格布局的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
详细代码
XML布局文件
在布局中使用RecyclerView控件
activity_main.xml
RecyclerView子项列表布局
recyclerview_item.xml
JAVA代码
MainActivity
package com.matt.recyclerview; import androidx.appcompat.app.AppCompatActivity;import androidx.recyclerview.widget.GridLayoutManager;import androidx.recyclerview.widget.RecyclerView; import android.os.Bundle; import java.util.ArrayList;import java.util.List; public class MainActivity extends AppCompatActivity { private RecyclerView mRecyclerView; private GridAdapter mGridAdapter; private List
RecyclerView适配器GridAdapter
package com.fenda.homepage.Adapter; import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView; import com.fenda.homepage.R;import com.fenda.homepage.bean.ApplyBean; import java.util.List; /** * @author:Matt.Liao * 日期时间: 2019/9/1 17:45 * 内容描述: * 版本: * 包名: */public class GridAdapter extends RecyclerView.Adapter
应用列表实体类ApplyBean
package com.matt.recyclerview; import android.os.Parcel;import android.os.Parcelable; /** * @author matt.liaojianpeng * 日期时间: 2019/9/1 16:31 * 内容描述: * 版本: * 包名: */public class ApplyBean{ private String applyId; private String applyName; private int applyImage; public String getApplyId() { return applyId; } public void setApplyId(String applyId) { this.applyId = applyId; } public ApplyBean(String applyName, int applyImage){ this.applyName = applyName; this.applyImage = applyImage; } public ApplyBean(String applyId , String applyName, int applyImage){ this.applyId = applyId; this.applyName = applyName; this.applyImage = applyImage; } public ApplyBean() { } public String getApplyName() { return applyName; } public void setApplyName(String applyName) { this.applyName = applyName; } public int getApplyImage() { return applyImage; } public void setApplyImage(int applyImage) { this.applyImage = applyImage; } public ApplyBean(Parcel source) { applyId = source.readString(); applyName = source.readString(); applyImage = source.readInt(); }}
详细讲解
设置RecyclerView适配器
//这里的第二个参数3代表的是网格的列数mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));mRecyclerView.setAdapter(mGridAdapter);
可以设置的一些参数,说明如下:
setLayoutManager设置RecyclerView布局样式
GridLayoutManager:网格布局
LinearLayoutManager:线性布局
适配器GridAdapter继承RecyclerView.Adapter
初始化
重写构造方法,传入子项数据列表
private List
内部类Holder用于绑定数据类型
class Holder extends RecyclerView.ViewHolder { private TextView mApplyNameTv; private ImageView mApplyImageIv; private View fruitView; //表示我们自定义的控件的视图 public Holder(View itemView) { super(itemView); fruitView = itemView; mApplyNameTv = itemView.findViewById(R.id.tv_apply_name); mApplyImageIv = itemView.findViewById(R.id.iv_apply_image); } }
onCreateViewHolder()方法,负责承载每个子项的布局。
onBindViewHolder()方法,负责将每个子项holder绑定数据。
getItemCount()方法,返回子项列表数目。
setOnItemClickListener()方法,设置子项列表监听。
OnItemClickListener()接口,定义RecyclerView选项单击事件的回调接口。
子项监听实现的方法,如下
mGridAdapter.setOnItemClickListener(new GridAdapter.OnItemClickListener() { @Override public void onItemClick(View view, String applyId) { if(applyId.equals("SETTINGS")){ Toast.makeText(getApplicationContext(),"设置",Toast.LENGTH_SHORT).show(); } else if (applyId.equals("CALCULATOR")){ Toast.makeText(getApplicationContext(),"计算器",Toast.LENGTH_SHORT).show(); } } });
感谢各位的阅读!关于"如何使用RecyclerView仿应用列表实现网格布局"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!