【RecyclerView】四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )-阿里云开发者社区

【RecyclerView】四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )

2022-01-28 295

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【RecyclerView】四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )

文章目录

一、网格局管理器 GridLayoutManager

二、网格局管理器默认设置

三、网格局管理器水平方向设置

四、完整代码示例

五、RecyclerView 相关资料

本篇博客主要讨论设置不同的布局管理器 , 以及不同布局管理器的参数设置 , 基础用法参考【RecyclerView】一、RecyclerView 最基本用法 ( 添加支持库 | 设置布局文件 | 自定义适配器 ) , 以及 RecyclerView 专栏 ;

一、网格局管理器 GridLayoutManager

使用代码创建线性布局管理器 GridLayoutManager , 推荐使用

GridLayoutManager (Context context, int spanCount, @RecyclerView.Orientation int orientation, boolean reverseLayout)

构造函数 , 可以使用一行代码设置基本的 GridLayoutManager 参数 ;

参数说明 :

① Context context : 当前的上下文对象, 用于获取资源.

② int spanCount : 网格布局行或列的个数.

② @RecyclerView.Orientation int orientation : 布局方向. 设置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.

③ boolean reverseLayout : 当设置成 true 时, 布局会翻转, 从尾部开始头部结束.

当方向是 RecyclerView.VERTICAL 垂直方向时 , 网格元素排列顺序是逐行排列 , 先将第一行排满 , 然后将第二行排满 , int spanCount 参数设置的是每行的元素个数 ; ( 现代人写字顺序 )

当方向是 RecyclerView.HORIZONTAL 水平方向时 , 网格元素排列顺序是逐列排列 , 先将第一列排满 , 然后将第二列排满 , int spanCount 参数设置的是每列的元素个数 ; ( 古代人写字顺序 )

构造函数原型 :

/**
     * @param context 当前的上下文对象, 用于获取资源.
     * @param spanCount 网格布局行或列的个数. 
     * @param orientation 布局方向. 设置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.
     * @param reverseLayout 当设置成 true 时, 布局会翻转, 从尾部开始头部结束.
     */
    public GridLayoutManager(Context context, int spanCount,
            @RecyclerView.Orientation int orientation, boolean reverseLayout) {
        super(context, orientation, reverseLayout);
        setSpanCount(spanCount);
    }

二、网格局管理器默认设置

GridLayoutManager 默认设置是垂直方向 , 不翻转 , 代码如下 :

//1 . 从布局中获取 RecyclerView
        RecyclerView recycler_view = findViewById(R.id.recycler_view);
        //2 . 创建并设置布局管理器
        //创建布局管理器
        GridLayoutManager layoutManager = new GridLayoutManager(
                this,
                3,
                RecyclerView.VERTICAL,
                false);
        //设置布局管理器
        recycler_view.setLayoutManager(layoutManager);
        //3 . 创建并设置列表适配器
        Adapter adapter = new Adapter();
        recycler_view.setAdapter(adapter);

展示效果 :

三、网格局管理器水平方向设置

设置网格布局水平方向 :

//1 . 从布局中获取 RecyclerView
        RecyclerView recycler_view = findViewById(R.id.recycler_view);
        //2 . 创建并设置布局管理器
        //创建布局管理器
        /*GridLayoutManager layoutManager = new GridLayoutManager(
                this,
                3,
                RecyclerView.VERTICAL,
                false);*/
        GridLayoutManager layoutManager = new GridLayoutManager(
                this,
                3,
                RecyclerView.HORIZONTAL,
                false);
        //设置布局管理器
        recycler_view.setLayoutManager(layoutManager);
        //3 . 创建并设置列表适配器
        Adapter adapter = new Adapter();
        recycler_view.setAdapter(adapter);

运行效果 :

四、完整代码示例

package kim.hsl.recyclerview;
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;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //1 . 从布局中获取 RecyclerView
        RecyclerView recycler_view = findViewById(R.id.recycler_view);
        //2 . 创建并设置布局管理器
        //创建布局管理器
        GridLayoutManager layoutManager = new GridLayoutManager(
                this,
                3,
                RecyclerView.VERTICAL,
                false);
        /*GridLayoutManager layoutManager = new GridLayoutManager(
                this,
                3,
                RecyclerView.HORIZONTAL,
                false);*/
        //设置布局管理器
        recycler_view.setLayoutManager(layoutManager);
        //3 . 创建并设置列表适配器
        Adapter adapter = new Adapter();
        recycler_view.setAdapter(adapter);
    }
    /**
     * RecyclerView 适配器
     */
    public class Adapter extends RecyclerView.Adapter<Adapter.ViewHolder> {
        @NonNull
        @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("" + position);
        }
        @Override
        public int getItemCount() {
            return 10;
        }
        public class ViewHolder extends RecyclerView.ViewHolder {
            TextView text;
            public ViewHolder(@NonNull View itemView) {
                super(itemView);
                text = itemView.findViewById(R.id.text);
            }
        }
    }
}