文章目录
一、修改单条数据
二、完整代码示例
三、总体运行效果
四、RecyclerView 相关资料
一、修改单条数据
GridLayoutManager.SpanSizeLookup 的主要作用是设置每个 item 元素占据网格布局的格子数量 ;
默认每个 item 元素占 1 个格子 ;
GridLayoutManager.SpanSizeLookup 使用流程 :
① 自定义类 : 自定义 GridLayoutManager.SpanSizeLookup 子类 , 并实现 public int getSpanSize(int position) 方法 ;
② 设置占用格子数目 : 设置元素在 getSpanSize 方法中 , 设置每个 position 位置占据的格子数量 ;
③ 布局管理器设置 : 调用 setSpanSizeLookup 方法 , 将 GridLayoutManager.SpanSizeLookup 子类对象设置给 GridLayoutManager ;
④ 刷新 UI : 调用 RecyclerView.Adapter 的 notifyDataSetChanged 方法即可刷新 UI ;
设置效果一 : 第一个元素占 4 个格子 , 第二个元素占 2 个格子 , 第三个元素占 2 个格子 ;
// 设置网格每个位置的元素 占用格子个数 layoutManager.setSpanSizeLookup( new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { // 第一个元素占 4 个格子 if(position == 0){ return 4; } // 第二个元素占 2 个格子 if(position == 1){ return 2; } // 第三个元素占 2 个格子 if(position == 2){ return 2; } return 1; } } );
设置效果二 : 每个元素都占用 2 个格子 ;
new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { // 每个位置的元素都占用 2 个格子 return 2; } }
设置效果三 : 偶数位置占 1 个格子 , 奇数位置占 2 个格子 ;
new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { if (position % 2 == 0){ // 偶数位置占 1 个格子 return 1; }else if (position % 2 == 1) { // 奇数位置占 3 个格子 return 3; } return 1; } }
二、完整代码示例
package kim.hsl.recyclerview; import android.graphics.Color; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.GridLayoutManager; import androidx.recyclerview.widget.RecyclerView; import androidx.recyclerview.widget.StaggeredGridLayoutManager; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { /** * 数据源 */ private ArrayList<String> names = new ArrayList<String>(); /** * 当前的 RecyclerView 列表 */ private RecyclerView recycler_view; /** * 网格布局管理器 */ private GridLayoutManager layoutManager; /** * 适配器 */ private Adapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 初始化数据 initData(); //1 . 从布局中获取 RecyclerView recycler_view = findViewById(R.id.recycler_view); //2 . 创建并设置布局管理器 //创建布局管理器 layoutManager = new GridLayoutManager( this, 4, RecyclerView.VERTICAL, false); // 设置网格每个位置的元素 占用格子个数 layoutManager.setSpanSizeLookup( new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { // 第一个元素占 4 个格子 if(position == 0){ return 4; } // 第二个元素占 2 个格子 if(position == 1){ return 2; } // 第三个元素占 2 个格子 if(position == 2){ return 2; } return 1; } } ); //设置布局管理器 recycler_view.setLayoutManager(layoutManager); // 设置边距 recycler_view.addItemDecoration(new ItemDecoration()); //3 . 创建并设置列表适配器 adapter = new Adapter(); recycler_view.setAdapter(adapter); // 初始化点击事件 initClick(); } /** * 初始化数据 */ private void initData(){ names.add("宋江"); names.add("卢俊义"); names.add("吴用"); names.add("公孙胜"); names.add("关胜"); names.add("林冲"); names.add("秦明"); names.add("呼延灼"); names.add("花荣"); names.add("柴进"); names.add("李应"); names.add("朱仝"); names.add("鲁智深"); names.add("武松"); names.add("董平"); names.add("张清"); names.add("杨志"); names.add("徐宁"); names.add("索超"); } void initClick(){ // 模式 1 findViewById(R.id.mod_1).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { layoutManager.setSpanSizeLookup( new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { // 每个位置的元素都占用 2 个格子 return 2; } } ); // 重新刷新布局 adapter.notifyDataSetChanged(); } }); // 模式 2 findViewById(R.id.mod_2).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 给网格布局管理器设置新的 layoutManager.setSpanSizeLookup( new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { if (position % 2 == 0){ // 偶数位置占 1 个格子 return 1; }else if (position % 2 == 1) { // 奇数位置占 3 个格子 return 3; } return 1; } } ); // 重新刷新布局 adapter.notifyDataSetChanged(); } }); } /** * RecyclerView 适配器 */ public class Adapter extends RecyclerView.Adapter<Adapter.ViewHolder> { @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View root_view = LayoutInflater.from(MainActivity.this) .inflate(R.layout.item_recyclerview, parent, false); return new ViewHolder(root_view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { holder.text.setText("" + names.get(position)); } @Override public int getItemCount() { return names.size(); } public class ViewHolder extends RecyclerView.ViewHolder { TextView text; public ViewHolder(@NonNull View itemView) { super(itemView); text = itemView.findViewById(R.id.text); } } } }
三、总体运行效果
四、RecyclerView 相关资料
官方文档 :
使用 RecyclerView 创建动态列表 : https://developer.android.google.cn/guide/topics/ui/layout/recyclerview
高级 RecyclerView 自定义 : https://developer.android.google.cn/guide/topics/ui/layout/recyclerview-custom
RecyclerView 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView
RecyclerView.Adapter 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView.Adapter
RecyclerView.ViewHolder 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView.ViewHolder
RecyclerView.ItemDecoration 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView.ItemDecoration
GridLayoutManager 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/GridLayoutManager
LinearLayoutManager 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/LinearLayoutManager
StaggeredGridLayoutManager 官方文档 : https://developer.android.google.cn/reference/androidx/recyclerview/widget/StaggeredGridLayoutManager
代码示例 :
GitHub 源码地址 : https://github.com/han1202012/001_RecyclerView
博客源码快照 : https://download.csdn.net/download/han1202012/15006329
( 使用 Android Studio 打开 )
