【RecyclerView】 三、RecyclerView 布局 ( 线性布局管理器 LinearLayoutManager )

简介: 【RecyclerView】 三、RecyclerView 布局 ( 线性布局管理器 LinearLayoutManager )

文章目录

一、线性布局

1、线性布局管理器 LinearLayoutManager

2、垂直不翻转代码示例

3、水平翻转代码示例

二、完整代码示例

三、RecyclerView 相关资料



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






一、线性布局




1、线性布局管理器 LinearLayoutManager


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


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


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



参数说明 :


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


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


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



构造函数原型 :


 

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




2、垂直不翻转代码示例


RecyclerView 适配器代码 : 【RecyclerView】 一、RecyclerView 最基本用法 ( 添加支持库 | 设置布局文件 | 自定义适配器 ) 三、自定义适配器 , 本篇博客中使用的适配器代码都是该代码 ;


初始化布局管理器及设置布局管理器 : 这里创建的 LinearLayoutManager 是标准的垂直方向列表 , 不翻转元素 ;


 

//1 . 从布局中获取 RecyclerView
        RecyclerView recycler_view = findViewById(R.id.recycler_view);
        //2 . 创建并设置布局管理器
        //创建布局管理器, 传入 上下文实例 , 方向 , 是否翻转 参数
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, RecyclerView.VERTICAL, false);
        //设置布局管理器
        recycler_view.setLayoutManager(layoutManager);
        //3 . 创建并设置列表适配器
        Adapter adapter = new Adapter();
        recycler_view.setAdapter(adapter);


运行效果 :

image.png






3、水平翻转代码示例


横向 , 翻转元素 的线性布局示例 : 翻转后 , RecyclerView 加载后 , 会自动跳转到最后一位的位置 ;


   

//1 . 从布局中获取 RecyclerView
        RecyclerView recycler_view = findViewById(R.id.recycler_view);
        //2 . 创建并设置布局管理器
        //创建布局管理器, 传入 上下文实例 , 方向 , 是否翻转 参数
        //LinearLayoutManager layoutManager = new LinearLayoutManager(this, RecyclerView.VERTICAL, false);
        // 横向设置 , 翻转
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, RecyclerView.HORIZONTAL, true);
        //设置布局管理器
        recycler_view.setLayoutManager(layoutManager);
        //3 . 创建并设置列表适配器
        Adapter adapter = new Adapter();
        recycler_view.setAdapter(adapter);


运行效果 :


image.png





二、完整代码示例


package kim.hsl.recyclerview;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
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 . 创建并设置布局管理器
        //创建布局管理器, 传入 上下文实例 , 方向 , 是否翻转 参数
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, RecyclerView.VERTICAL, false);
        // 横向设置 , 翻转
        //LinearLayoutManager layoutManager = new LinearLayoutManager(this, RecyclerView.HORIZONTAL, true);
        //设置布局管理器
        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);
            }
        }
    }
}








三、RecyclerView 相关资料


官方文档 :


使用 RecyclerView 创建动态列表 : https://developer.android.google.cn/guide/topics/ui/layout/recyclerview


高级 RecyclerView 自定义 : https://developer.android.google.cn/guide/topics/ui/layout/recyclerview-custom



代码示例 :


GitHub 源码地址 : https://github.com/han1202012/001_RecyclerView


博客源码快照 : https://download.csdn.net/download/han1202012/14938573


( 使用 Android Studio 打开 )


目录
相关文章
|
Android开发
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
521 0
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
|
8月前
|
UED
利用RecyclerView实现无限轮播广告条2
利用RecyclerView实现无限轮播广告条
|
8月前
|
API
利用RecyclerView实现无限轮播广告条1
利用RecyclerView实现无限轮播广告条
|
Android开发 开发者
RecyclerView定制:通用ItemDecoration及全展开RecyclerView的实现
RecyclerView定制:通用ItemDecoration及全展开RecyclerView的实现
390 0
RecyclerView定制:通用ItemDecoration及全展开RecyclerView的实现
|
Android开发
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
228 0
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
实现RecycleView横向、竖向无限循坏(基于自定义RecyclerView.LayoutManager)
实现RecycleView横向、竖向无限循坏(基于自定义RecyclerView.LayoutManager)
260 0
RecyclerView 添加动画
RecyclerView 添加动画
168 0
|
Android开发
同一页面实现recycleView三种布局【recycleView + adapter】
同一页面实现recycleView三种布局【recycleView + adapter】
126 0
同一页面实现recycleView三种布局【recycleView + adapter】
|
Java Android开发
【RecyclerView】 七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )
【RecyclerView】 七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )
126 0
【RecyclerView】 七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )
|
Android开发
【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )
【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )
210 0
【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )