使用StaggeredGridLayoutManager匹配列宽的RecyclerView的Android scale项目高度 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Android之RecyclerView的StaggeredGridLayoutManager使用

image.png StaggeredGridLayoutManager StaggeredGridLayoutManager（瀑布流布局效果)，是配合RecyclerView使用的。...:context=".MainActivity"> recyclerview.widget.RecyclerView android:id="@+id/recyclerView...; import androidx.recyclerview.widget.StaggeredGridLayoutManager; import android.os.Bundle; import...; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import androidx.recyclerview.widget.RecyclerView...，不同位置的高度有所不同 textView.setHeight(100 + (position % 3) * 30); } @Override public int

4.3K2 1

【Android】网络布局 && 瀑布流布局

，即指定 RecyclerView 中的数据项将以每行 3 列的形式展示。...match_parent就会造成大片大片的空白 2：代码网络适配器类继承自RecyclerView.Adapter，使用泛型类GridAdapter.MyViewHolder，因为MyViewHolder... 1：核心布局逻辑瀑布流通常是多列布局（如 2 列或 3 列）列宽固定：一般是列宽固定，...每列宽度由父容器平均分配，因此子项的宽度通常设置为match_parent 行高自适应：高度由自身内容（如图片、文字）决定，不同子项的高度可以不同，从而形成错落有致的 “瀑布” 效果，因此高度通常设置为...String.valueOf()方法很方便的转化为字符串七：总结瀑布流其实也是在Recycler的范围内，几个函数的使用也都是这样，累了bro

3211 0

您找到你想要的搜索结果了吗？

是的

没有找到

关于RecyclerView你知道的不知道的都在这了（上）前言目录正文

四列.png 4 列，RecyclerView 宽高为 match_parent 模式，item 设置具体宽高数值 ?...所以，使用 GridLayoutManager 时，RecyclerView 的宽高模式需要注意一下。...下面以两者都设置为竖直方向多列的样式来区分：网格样式每一行中的所有 item 高度是一致的，不同行可以不一样，但同行的都是一样的，因此它就实现不了瀑布流的样式了；瀑布流所有的 item 高度都允许不一样...网格样式支持 item 占据多列的宽度；瀑布流支持 item 占据总列数的宽度，不支持只占据其中几列。当设置为水平方向样式时，以上结论中行列对调，宽度高度对调。...想了想，当 ReyclerView 控件的宽高模式是 match_parent 时，其实这个方法可以使用，因为此时它的宽高就不会受到 item 的因素影响了。

3.6K6 0

Android RecyclerView 使用完全解析体验艺术般的控件

整体上看RecyclerView架构，提供了一种插拔式的体验，高度的解耦，异常的灵活，通过设置它提供的不同LayoutManager，ItemDecoration , ItemAnimator实现令人瞠目的效果...基本使用鉴于我们对于ListView的使用特别的熟悉，对比下RecyclerView的使用代码： mRecyclerView = findView(R.id.id_recyclerview); //设置布局管理器...但是如果我们有这么个需求，纵屏的时候显示为ListView，横屏的时候显示两列的GridView，我们RecyclerView可以轻松搞定，而如果使用ListView去实现还是需要点功夫的~~~ 当然了...其实你什么都不用做，只要使用StaggeredGridLayoutManager我们就已经实现了，只是上面的item布局我们使用了固定的高度，下面我们仅仅在适配器的onBindViewHolder方法中为我们的...高兴的是，github上已经有很多类似的项目了，这里我们直接引用下：RecyclerViewItemAnimators，大家自己下载查看。

1.9K1 0

解决Scrollview 嵌套recyclerview不能显示，高度不正常的问题

我们先看一个效果，问题说的就是中间的Grid效果在Scrollview 嵌套recyclerview显示问题，在Android Api 24是好的，不过在5,1,1版本（api 22）缺出现了问题最近项目中...以前在ScrollView中嵌套嵌套ListView，无法正确的计算ListView的大小，现在我们在ScrollView中嵌套嵌套RecycleView的时候，也出现了计算不出高度的问题，于是有人想到我们是不是可以自己实现一个重写一个继承自...); } private int getSpanCount(RecyclerView parent) { // 列数 int spanCount =...mDivider.getIntrinsicWidth(), mDivider.getIntrinsicHeight()); } } } 好了，最后我们在使用的时候...android.support.v7.widget.RecyclerView android:id="@+id/menuRv"

4.1K5 0

RecyclerView详解

前言 Hello 艾维巴蒂，今天给大家介绍一下 ListView和 GridView的“大哥“— RecyclerView，这个控件是当下最流行且最常用的一个控件，并且在实战项目中它随处可见，而为什么将它称为...但是 RecyclerView使用的适配器并不是之前的 BaseAdapter了。...RecyclerView使用的适配器需要继承 RecyclerView.Adapter。...下面以两者都设置为竖直方向多列的样式来区分： 1、网格样式每一行中的所有 item 高度是一致的，不同行可以不一样，但同行的都是一样的，因此它就实现不了瀑布流的样式了；瀑布流所有的 item 高度都允许不一样...2、网格样式支持 item 占据多列的宽度；瀑布流支持 item 占据总列数的宽度，不支持只占据其中几列。 3、当设置为水平方向样式时，以上结论中行列对调，宽度高度对调。

3.4K2 1

Android:流式布局实现总结

实现流式布局的方式大致有如下五种：自定义FlowLayout ChipGroups RecyclerView+StaggeredGridLayoutManager RecyclerView+FlexboxLayoutManager...xml中使用的示例代码 android.material.chip.ChipGroup android:id="@+id/chipGroup2" android...但是在构建对象时必须指定行或者列，这样就导致内容超过屏幕宽度或者高度时，并不会主动换行——而是优先适配行数或列数，然后滚动显示。...所以，在这中方式下，如果我们想要实现超过宽度或者高度就主动换行的效果就做不到了。...RV，是因为使用一个RV的情况下，从Stagger切换到 Flex时会报下列错误： * java.lang.ClassCastException: androidx.recyclerview.widget.RecyclerView

7.1K2 0

【RecyclerView】五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )

StaggeredGridLayoutManager, 推荐使用 StaggeredGridLayoutManager(int spanCount, int orientation) 构造函数 , 可以使用一行代码设置基本的...StaggeredGridLayoutManager参数 ; 参数说明 : ① int spanCount : 网格布局行或列的个数....如果当前方向是垂直方向, 该参数设置的是行数. 如果当前方向是水平方向, 该参数设置的是列数. ② int orientation : 布局方向....相关资料 ---- 官方文档 : 使用 RecyclerView 创建动态列表 : https://developer.android.google.cn/guide/topics/ui/layout.../download/han1202012/14945985 ( 使用 Android Studio 打开 )

2.7K0 0

Android开发笔记（一百二十二）循环器视图RecyclerView

RecyclerView相关工程在sdk中的路径为sdk\extras\android\support\v7\recyclerview，不过幸好用它不像用Toolbar那样麻烦，要想使用Toolbar得先导入并引用...v7-appcompat工程（具体步骤参见《Android开发笔记（一百一十九）工具栏Toolbar》），而使用RecyclerView只需像其他第三方jar一样往libs目录添加android-support-v7....recyclerview.R$styleable”，这时就不能使用sdk\extras\android\support\v7\recyclerview下面的jar包，而要到extras/android...StaggeredGridLayoutManager，这让我们对瀑布流效果的开发大大简化了，只要在适配器代码中动态设置每个网格的高度，系统便会自动在界面上依次排列瀑布流网格。...下面是StaggeredGridLayoutManager的常用方法：构造函数 : 可指定网格的列数和方向。 setSpanCount : 单独设置网格的列数。

3.5K2 0

从0系统学Android--3.6 RecyclerView

还是有必要提及一下这么重要的控件的，谁能保证老的项目没有 ListView 呢？作为入门，一个 Android 开发者不会使用或者根本没有听说过 ListView 说不过去把！...Android 官方更加推荐使用 RecyclerView 3.6.1 RecyclerView 的基本用法如果你没有使用 androidx 的话，使用 RecyclerView 也是需要引入支持库。...Random 让它随机产生数字，用来让 name 的数据变得不一样，从而出现高度不同。...需要注意的：在使用瀑布布局管理器的时候，子项目的布局的宽度是由分的列数来决定的。...比如你给它传入了 3 列，则会缩小成 1 行可以容纳 3 个子项View 的宽度。

1.3K2 0

RecyclerView 使用总结

主要是在使用 RecyclerView 过程中遇到的细碎问题和解决方案。...recyclerView.setLayoutManager(new LinearLayoutManager(this)); // 如果可以确定每个 item 的高度是固定的，设置这个选项可以提高性能...(-1) 的返回值表示是否能向下滚动，false 表示已经滚动到顶部跨列复杂的不规则列（有的行显示的列数多，有的行显示的列数少，并且每列显示的内容页不一样），使用 GridLayoutManager.SpanSizeLookup...参考：总结和分析几种判断RecyclerView到达底部的方法 RecyclerView GridLayoutManager实现复杂的列数变化的布局 Android中使用RecyclerView +...SnapHelper实现类似ViewPager效果【Android】详解7.0带来的新工具类：DiffUtil Android开发学习之路-DiffUtil使用教程 Android Jetpack之Paging

4K2 0

曝光埋点方案：recyclerView中的item曝光逻辑实现

概念说明：逻辑可见：可见宽/高>50% 视觉可见：模块视觉上可见，无论看见多少。说明：本文说的宽高>50%、可见都是逻辑可见。...注意，这里回调出去的的逻辑可见、逻辑不可见，都是在视觉可见的基础上判断宽或高是否大于50% 。.../** * 为逻辑上可见的view设置可见性回调 * 说明：逻辑上可见--可见且可见高度（宽度）>view高度（宽度）的50% * @param view 可见item...= true; } /** * 当RecyclerView本身的可见性受外部逻辑控制时使用， * @param isRecyclerViewVisibleInLogic...设置可见性回调 * 说明：逻辑上可见--可见且可见高度（宽度）>view高度（宽度）的50% * @param view 可见item的view * @param position

6.4K1 0

Android RecyclerView浅析（分类型）

Android RecyclerView浅析 1.RecyclerView概述&简介简单介绍：整体上看RecyclerView架构，提供了一种插拔式的体验，高度的解耦，异常的灵活，通过设置它提供的不同...(4, StaggeredGridLayoutManager.VERTICAL)); 参数一：指明行数(Horizontal)，或列数(Vertical)；参数二：指明方向； 4.给RecyclerView...设置接口回调的监听即可：mRvAdapter.setonItemClickListener(); 5.一般的RecyclerView 5.1布局 android.support.v7.widget.RecyclerView...android:id="@+id/recyclerView" android:layout_width="match_parent" android...今天给大家简单的介绍了一下RecyclerView的一般用法和分类的用法，一般我们开发使用最多的也就是这两种了，希望对大家能有所帮助。 Thanks all.

1.4K2 0

RecyclerView 梳理：点击&长按事件、分割线、拖曳排序、滑动删除

自从 RecyclerView 发布以来，由于其高度的可交互性被广泛使用。相信大家肯定对它的使用方法已经非常熟练了，今天主要是为大家总结一下较正常用法更加优雅的方式。...如果你想再回顾一下 RecyclerView 的基本使用方法，推荐鸿洋的这篇文章： Android RecyclerView 使用完全解析体验艺术般的控件优雅的实现：item 点击事件 & item...RecyclerView 添加 divider 的标准姿势当你想给条目间添加 divider 时，你可能自然而然的去尝试这种方式： android.support.v7.widget.RecyclerView...当然你还可以通过给 item 的最外层布局设置一个 margin 值，甚至你还可以专门在 item 布局中的适当地方添加一个高度/宽度为 1 的带背景的 View 作为 divider，这两种方法呢，确实有效果...（ItemTouchHelper 的使用并不仅仅局限于 RecyclerView 的滑动删除，你同意可以用在其他需要拖曳滑动的地方。

4.1K3 0

RecyclerView的那点事儿

RecyclerView 控件简介 ListView的升级版 LinearLayoutManager GridLayoutManager StaggeredGridLayoutManager 定制Item...控件依赖包 Android Studio开发工具，在本项目的build.gradle文件中添加 compile 'com.android.support:recyclerview-v7:23.1.1...{ // 默认分隔条Drawable资源的ID,使用系统自带的 private static final int[] ATTRS = new int[]{android.R.attr.listDivider...= (RecyclerView) findViewById(R.id.id_rv_staggered); // 创建布局管理器 -3列，垂直 StaggeredGridLayoutManager...中，典型的观察者模式，有点绕的地方在于，这里涉及到两个观察者模式的使用，view的setOnClickListener本来就是观察者模式，我们将这个观察者模式的事件监听传递给了我们自己的观察者模式。

2.4K3 0

【Android】RecyclerView的使用

compile 'com.android.support:recyclerview-v7:21.0.3' } 2、使用在布局文件中使用RecyclerView android.support.v7...RecyclerView的Adapter强制要求使用ViewHolder，该ViewHolder须继承RecyclerView.ViewHolder。对应的item布局 StaggeredGridLayoutManager.VERTICAL;//列垂直排布 StaggeredGridLayoutManager layoutManager1 =...); //横向显示 layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL); 完成一次RecyclerView的简单使用，来看看效果...效果我们在使用ListView的时候，一般都会使用分割线，只要在布局中说明就好了。相比ListView，RecyclerView添加分割线就有些复杂了。

1.5K5 0

揭开RecyclerView庐山真面目

那么来学习在Android 5.X新增的一个列表组件，那就是RecyclerView的使用。 ?...在开发RecyclerView时充分考虑了扩展性，因此用它可以创建想到的任何种类的的布局。但在使用上也稍微有些不便，比如使用步骤更加复杂，特别是一些控制点击、长压事件需要自己完成。...使用RecyclerView开发的项目结构大致如下图所示： ?...在使用RecyclerView之前，需要自定义一个继承自RecyclerView.Adapter的适配器，将数据与每一个item的界面进行绑定。...RecyclerView实现ListView效果，使用自定义的RecyclerViewAdapter决定RecyclerView所要显示的内容，并设置显示的界面样式。

2.4K8 0

深入浅出 RecyclerView

其中 StaggeredGridLayoutManager 第一个参数表示列数，就好像 GridView的列数一样，第二个参数表示方向，可以很方便的实现横向滚动或者纵向滚动。...使用 demo 可以查看：Github 【RecyclerView简单使用】添加删除 item 的动画同 ListView 每次修改了数据源后，都要调用 notifyDataSetChanged()...在ListView中设置 divider 非常简单，只需要在 XML 文件中设置就可以了，同时还可以设置 divider 高度。...虽说这样写灵活多了，但是要额外写一个类去做难免麻烦，这里大家可以看我已经实现好的一个封装，包括显示纯色divider、显示图片divider、divider的上下左右的间距、宽高设置应该可以满足基本需求了...：Divider.java 使用 demo 可以查看：Github 【自定义 Divider 使用】五虎上将工作原理借用 Google IO 视频中的一张截图：视频的完整地址可查看: RecyclerView

2K6 0

Android开发之漫漫长途 XV——RecyclerView

RecyclerView提供了一种插拔式的体验，高度的解耦，异常的灵活，通过设置它提供的不同LayoutManager，ItemDecoration , ItemAnimator实现令人瞠目的效果。...RecyclerView还有许多优势，这里就不一一列举了，总体来说现在越来越多的项目使用RecyclerView,许多老旧项目也渐渐使用RecyclerView来替代ListView。...RecyclerView的使用作为一个“新”控件，RecyclerView的使用有许多需要注意的地方 RecyclerView的简单使用一样的我们新建一个Demo来演示RecyclerView的使用...getItemOffsets(): 设置分割线的宽、高。然后使用RecyclerView通过addItemDecoration()方法添加item之间的分割线。...getItemOffsets(): 设置分割线的宽、高。

2.7K2 0

ByRecyclerView：真·万能分割线 (线性宫格瀑布流)

收录于开源项目：ByRecyclerView 它们有什么功能 SpacesItemDecoration：给LinearLayoutManager设置 1、可设置color或drawable 2...：给GridLayoutManager或StaggeredGridLayoutManager设置 1、可配置只在四周是否显示分割线 2、可设置header或footer不显示分割线的个数绘制原理...*/ private int mOrientation; private Paint mPaint; /** * 如果是横向 - 宽度 * 如果是纵向 - 高度...dp 的单位转成为 px(像素) */ public int dip2px(float dpValue) { final float scale = mContext.getResources...，如果有一些特殊的需求在上面稍微拓展一下就好，它们收录在本人开源的一个RecyclerView开源库里：youlookwhat/ByRecyclerView。

1.8K3 0

点击加载更多

Android之RecyclerView的StaggeredGridLayoutManager使用

【Android】网络布局 && 瀑布流布局

关于RecyclerView你知道的不知道的都在这了（上）前言目录正文

Android RecyclerView 使用完全解析体验艺术般的控件

解决Scrollview 嵌套recyclerview不能显示，高度不正常的问题

RecyclerView详解

Android:流式布局实现总结

【RecyclerView】五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )

Android开发笔记（一百二十二）循环器视图RecyclerView

从0系统学Android--3.6 RecyclerView

RecyclerView 使用总结

曝光埋点方案：recyclerView中的item曝光逻辑实现

Android RecyclerView浅析（分类型）

RecyclerView 梳理：点击&长按事件、分割线、拖曳排序、滑动删除

RecyclerView的那点事儿

【Android】RecyclerView的使用

揭开RecyclerView庐山真面目

深入浅出 RecyclerView

Android开发之漫漫长途 XV——RecyclerView

ByRecyclerView：真·万能分割线 (线性宫格瀑布流)

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐