【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )
文章目录
- 一、交错网格局管理器 StaggeredGridLayoutManager ( 瀑布流 )
- 二、交错网格局管理器默认设置
- 三、交错网格局管理器水平方向设置
- 四、完整代码示例
- 五、RecyclerView 相关资料
本篇博客主要讨论设置不同的布局管理器 , 以及不同布局管理器的参数设置 , 基础用法参考 【RecyclerView】 一、RecyclerView 最基本用法 ( 添加支持库 | 设置布局文件 | 自定义适配器 ) , 以及 RecyclerView 专栏 ;
一、交错网格局管理器 StaggeredGridLayoutManager ( 瀑布流 )
使用代码创建 交错网格局管理器 StaggeredGridLayoutManager, 推荐使用
StaggeredGridLayoutManager(int spanCount, int orientation)
构造函数 , 可以使用一行代码设置基本的 StaggeredGridLayoutManager参数 ;
参数说明 :
① int spanCount : 网格布局行或列的个数. 如果当前方向是垂直方向, 该参数设置的是行数. 如果当前方向是水平方向, 该参数设置的是列数.
② int orientation : 布局方向. 设置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.
当方向是 RecyclerView.VERTICAL 垂直方向时 , 网格元素排列顺序是逐行排列 , 先将第一行排满 , 然后将第二行排满 , int spanCount 参数设置的是每行的元素个数 ; ( 现代人写字顺序 )
当方向是 RecyclerView.HORIZONTAL 水平方向时 , 网格元素排列顺序是逐列排列 , 先将第一列排满 , 然后将第二列排满 , int spanCount 参数设置的是每列的元素个数 ; ( 古代人写字顺序 )
构造函数原型 :
/*** 创建瀑布流网格布局管理器** @param spanCount 如果当前方向是垂直方向, 该参数设置的是行数. 如果当前方向是水平方向, 该参数设置的是列数.* @param orientation 布局方向. 设置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.*/public StaggeredGridLayoutManager(int spanCount, int orientation) {mOrientation = orientation;setSpanCount(spanCount);mLayoutState = new LayoutState();createOrientationHelpers();}
二、交错网格局管理器默认设置
StaggeredGridLayoutManager 默认设置是垂直方向 , 代码如下 :
//1 . 从布局中获取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 创建并设置布局管理器//创建布局管理器StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.VERTICAL);//设置布局管理器recycler_view.setLayoutManager(layoutManager);//3 . 创建并设置列表适配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);
运行效果 :
三、交错网格局管理器水平方向设置
交错网格局管理器水平方向设置 :
//1 . 从布局中获取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 创建并设置布局管理器//创建布局管理器/*StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.VERTICAL);*/StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.HORIZONTAL);//设置布局管理器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;
import androidx.recyclerview.widget.StaggeredGridLayoutManager;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//1 . 从布局中获取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 创建并设置布局管理器//创建布局管理器/*StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.VERTICAL);*/StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.HORIZONTAL);//设置布局管理器recycler_view.setLayoutManager(layoutManager);//3 . 创建并设置列表适配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);}/*** RecyclerView 适配器*/public class Adapter extends RecyclerView.Adapter<Adapter.ViewHolder> {@NonNull@Overridepublic 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);}@Overridepublic void onBindViewHolder(@NonNull ViewHolder holder, int position) {holder.text.setText("" + position);}@Overridepublic 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/14945985
( 使用 Android Studio 打开 )
【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )相关推荐
- 【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )
文章目录 一.网格局管理器 GridLayoutManager 二.网格局管理器默认设置 三.网格局管理器水平方向设置 四.完整代码示例 五.RecyclerView 相关资料 本篇博客主要讨论设置不 ...
- Java GUI-布局管理器
Swing组件不能单独存在,必须放置于容器当中,组件在容器中的位置和尺寸是由布局管理器来决定的. Swing提供了8种布局管理器,分别是BorderLayout(边界布局管理器),BoxLayout( ...
- android学习日记12--布局管理器
1.概述 布局管理器的用途: a.可以更好的管理组件; b.通过使用布局管理器,Android应用程序可以做到平台无关性 布局管理器都是ViewGroup的子类,所有可充当容器的父类都是ViewGro ...
- 安卓-08-布局管理器
控制组件是如何摆放的. 常用的布局管理器 RelativeLayout LinearLayout FrameLayout TableLayout ConstraintLayout 绝对布局已经被标记过 ...
- QT5 学习之路15---布局管理器
所谓 GUI 界面,归根结底,就是一堆组件的叠加.我们创建一个窗口,把按钮放上面,把图标放上面,这样就成了一个界面.在放置时,组件的位置尤其重要.我们必须要指定组件放在哪里,以便窗口能够按照我们需要的 ...
- Android-布局管理器
线性布局(Linearlayout) 属性 orientation 布局管理器内组件的排列方式(horizontal(水平)和vertical(垂直),默认值为 ho ...
- Android RecyclerView 使用方法:垂直、横向、瀑布流
说明: RecyclerView 使用好处:无感知刷新,局部刷新,性能提升. 这里是纯净的RecyclerView,有一篇能添加头部的RecyclerView:Android RecyclerView ...
- iOS 瀑布流之栅格布局
代码地址如下: http://www.demodashi.com/demo/14760.html 一 .效果预览 二.确定需求 由下面的需求示意图可知模块的最小单位是正方形,边长是屏幕宽除去边距间隔后 ...
- Android:RecycleView基本使用(瀑布流)
RecyclerView是一种新的视图组,目标是为任何基于适配器的视图提供相似的渲染方式.它被作为ListView和GridView控件的继承者,在最新的support-V7版本中提供支持. 有了 L ...
最新文章
- java线程锁机制_多线程之锁机制
- exchange online 连接筛选器 添加/删除 IP
- [导入]给家人补补钙!双莲炖腔骨
- 访问Web服务器时 使用的协议是,使用SOAP协议访问Web服务
- matlab求logistics映射 的le_高维映射 与 核方法(Kernel Methods)
- 添加css单词换行连字符
- XmlDataProvider的简单应用
- 一键安装Tengine服务器,TengineRPM(LTMP)构建高效、稳定、安全、易用的Web平台
- sql语句分析是否走索引_Mysql中SQL语句不使用索引的情况
- 如何创建git账户的chroot
- Pyechars练习分析二手房数据
- 计算机类绘图的文献,基于计算机CAD绘图探讨论文
- idea设置author注解
- 清华大学公开课线性代数2——第12讲:复数与复矩阵
- 如何在浏览器中打开windows应用程序
- 解决Win系统cad激活安装失败问题,AutoCad 2022 中文/英文正式详细安装教程
- win10自带录屏怎么用?两种方法快来get
- rhel7 http实例
- 仲至信息与Cornet Solutions签订日本经销合同
- android canvas广告牌,亚马逊广告后台创建CPC站内广告教程