问题标签 [staggeredgridlayout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2922 浏览

ios - 有没有办法在 iOS 中使用 react-native 来制作像 Android StaggeredGridView 这样的布局

Android StaggeredGridLayout 允许您在不同高度的列中布局卡片,就像 Pinterest 所做的那样。这可以在 iOS 上使用 React-native 吗?

0 投票
1 回答
3222 浏览

gridview - 在android中的每一行中对齐RecyclerView的项目

我正在使用 RecyclerView 和 StaggeredGridLayoutManager 在我的应用程序中显示课程表,这没关系,如下图所示:

在此处输入图像描述

但是,如何将第二行的所有项目调整为以同一行开头,如下图所示: 在此处输入图像描述

这是我片段中的 onCreateView() 方法:

这可能是适配器 MyCustomAdapter.java:

还有这个 fragment_orders.xml

请帮助我,我已经把所有时间都花在了这个问题上,但我找不到类似的东西

0 投票
1 回答
908 浏览

android - 如何在 Android 中实现 Facebook 照片网格对齐

在我的应用程序中,我使用GridLayoutManager和 spansize 来对齐照片。但是,此解决方案仅创建静态照片布局,而不是像 Facebook 的应用程序那样的动态布局。例如,这是我的 3 张和 5 张照片的网格布局: 在此处输入图像描述

在此处输入图像描述

以下是 Facebook 的应用网格布局,包含 3 张和 5 张照片:

在此处输入图像描述

在此处输入图像描述

我认为 Facebook 的应用程序根据每张照片的宽度和高度决定使用GridLayoutManagerStaggeredGridLayoutManager来显示网格布局。任何人都可以给我一个实现 Facebook 网格照片的想法吗?

0 投票
1 回答
1106 浏览

android - 具有 StaggeredGridLayoutManager 的 Android RecyclerView 在垂直模式下固定行高

我正在使用带有 StaggeredGridLayoutManager 的 Android v7 支持库中的 Recycler View(带卡片视图)。我想要实现的是在 Recycler View 中显示具有固定行高的卡片,但仍处于垂直模式(垂直滚动)。你知道这是否可能,如果是的话怎么做?

示例图片

0 投票
1 回答
1125 浏览

android - Android 使用 StaggeredGridLayoutManager 缩放 RecyclerView 的项目高度以匹配列宽

我在垂直方向上使用带有 StaggeredGridLayoutManager 的 RecyclerView。RecyclerView 的Item 只包含一个视图——ImageView。我希望 ImageView 的高度可以缩放以匹配 RecyclerView 的列宽并保持它包含的照片的纵横比。目前这个图像视图的参数是: android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" 但是 RecyclerView 中项目的高度与照片的原始高度匹配,并且照片正好居中。怎么可能做到这一点?

0 投票
0 回答
1059 浏览

android - staggeredgridlayoutmanager HORIZONTAL 先填充行

我正在尝试在 Android 中实现如下所示的视图列表:

几个特定的​​行为使这对我来说是个问题:

  • 视图列表(红色),可以是动态的,并且大小可以变化
  • 视图流应该是行然后是列,如下所示:

]

我设法通过 Recycleview 和布局管理器 StaggeredGridLayoutManager 实现了第一个要求(在适配器 onCreateViewHolder 上设置了单元格高度)。

但是布局本身填充的方式与我需要的方向相反(它填充列然后填充行,如下所示)

3]

或者它在 android 应用程序上的实际外观:

4]

是否可以根据需要设置布局管理器来放置项目?我尝试了其他解决方案,例如将所有可用视图放在表格布局中,然后切换可见性,但它也有其局限性,我更喜欢 recycleview 解决方案。

0 投票
2 回答
1134 浏览

android - 在回收站视图 Gridlayout 管理器中创建总线布局时的间距问题

我正在使用带有 GirdLayout Manager 的回收器视图来创建总线布局

我的问题是间距我根据行列填充数据

这就是我得到布局的方式 在此处输入图像描述

这就是我希望我的布局的方式: 在此处输入图像描述

我想要第 3 行和第 2 列的物品,位于第 2 行第 0 列的卧铺座椅旁边,如图所示,我怎样才能移除该空间,物品应根据其上部物品容纳。

这是我的 customGridAdapter onBindViewHolder

}

这是回收站视图

和座位布局xml

0 投票
4 回答
1995 浏览

android - android:staggergridlayout 向上移动时随机播放

我正在使用交错网格布局。以下是代码:

GAP_HANDLING_NONE用来避免图像从一列交换到另一列。

当我启动应用程序时,屏幕的开头是:

在此处输入图像描述

向下滚动到底部后,当我返回顶部时。以下三张图片随机显示布局(不断变化)

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
1962 浏览

java - RecyclerView 中的动态列

我想在 android 中创建一个网格,其中假设

  1. 如果我传递一个包含 5 个元素的数组列表,第一行应该有 3 列,下一行应该有 2 列居中
  2. 如果我传递一个包含 6 个元素的数组列表,第一行应该有 3 列,下一行应该有 3 列
  3. 如果我传递一个包含 7 个元素的数组列表,第一行应该有 3 列,下一行应该有 3 列,下一行应该有 1 列居中
0 投票
0 回答
710 浏览

android - 交错网格布局管理器错误

我有这样的问题。我在回收站视图中的所有图像都转移到右侧。 截屏 这是我的适配器

这是我的行视图

我也尝试过差距策略GAP_HANDLING_MOVE_ITEMS_BETWEEN_SPANS。同样的事情。