问题标签 [staggered-gridview]

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 投票
2 回答
2059 浏览

android - Android应用开发AndroidStaggeredGrid库,看不到StaggeredGrid视图格式的图片

我正在开发一个 android 应用程序,我想在一个片段中显示所有画廊图像。我已经让片段与其中的所有画廊图像一起作为缩略图使用。然后我想以马赛克格式显示所有图像,但找不到任何相关信息。所以我决定使用 AndroidStaggeredGrid 库以 ETsy 风格显示图像。我已经成功导入了库,我根据AndroidStaggeredGrid的github页面对代码做了一些修改。但图像仍以与普通画廊和列相同的格式显示。有人可以帮我吗。下面是代码。

适配器 - 这是我的图像视图的适配器。在这里我添加了背景颜色只是为了测试它是否工作正常。但它不是。

PhotoItem java 这个接口是获取适配器的photoItem

用于照片库的 PhotoGalleryFragment XML 布局

照片项 XML

PhotoGalleryFragment.Java

我的输出 我的输出格式

预期格式

您可以在我的输出图像中看到相同大小的缩略图,但我没有文字。但我希望所有图像都是不同大小的缩略图。

如果有人帮助我,我真的很感激。另外,如果有人知道如何创建图像的马赛克格式,我也给出了马赛克格式图像马赛克格式

0 投票
1 回答
618 浏览

android - 当我们从上到下滚动时如何避免交错网格视图中的空白

我是开发交错网格视图的新手。我在交错网格视图中遇到问题。当我们从上到下滚动时,它会滚动。但再次从底部到顶部网格视图开始图像是银行。我正在发送简短的屏幕......谢谢提前。 在此处输入图像描述

0 投票
0 回答
899 浏览

android - 交错网格视图动态添加新项目(在滚动完成的侦听器上)

我在 amy 应用程序中使用 Android 交错网格视图,因为它没有任何 OnScrollListener。所以我按照以下教程添加了一个。

Android - 用于交错网格视图的 OnScrollListener

我能够完成滚动事件,并动态添加向适配器添加新项目。新项目也反映在网格中。但问题是每当我向网格添加新项目时。网格视图位置放置在项目 1 处。

例如,我在网格中有 10 个项目:A1 到 10

一旦我收到要加载更多的事件,我就会向适配器(A11 -A20)添加更多的 10 个项目。它们被添加到底部。但是视图现在放置在 A1(项目 1)。

我该如何解决这个问题?

0 投票
0 回答
234 浏览

android - 交错的 Gridview 方向变化

我正在使用 etsy 交错网格视图,当未指定列数时,它在两个方向上都可以正常工作,但在方向更改期间视图未正确重新定位,以防列数固定

0 投票
1 回答
428 浏览

java - android.view.InflateException 膨胀类 com.etsy.android.grid.StaggeredGridView 时出错

我正在实现 etsy 在 github 上为 StaggeredGrid https://github.com/etsy/AndroidStaggeredGrid提供的库。我得到的错误是布局 activity_svg.xml 的 InflationException

android.view.InflationException Binary XML File Line#3 Error inflating class com.etsy.android.grid.StaggeredGridView 根据之前与问题相关的答案,我检查了构造函数:

根据之前的回答,我还检查了文件是否在这个库中。那么 InflationException 还有什么问题呢?为什么班级没有膨胀?

如果您希望我添加更多代码部分,请发表评论。

0 投票
1 回答
1036 浏览

android - Etsy交错gridview android smoothScrollToPosition

我必须使用 Eatsy 交错的 gridview 实现 smoothScrollToPosition,但 Gridview 方法不起作用。如何执行模拟平滑滚动到特定单元格的方法?

使用标准 GridView smoothScrollToPosition 工作正常,不适用于交错。

不能正常工作,单元格改变它们的位置,如果我手动滚动网格恢复它们的正确位置(使用标准网格视图工作正常,所以我认为问题不是我的代码而是库)

0 投票
1 回答
498 浏览

android - StaggeredGridView 上的快速返回

我最近偶然发现了一个为 Grid View 指定的 QuickReturn 库

导入库工作正常,但在测试时我发现了以下错误。

为了可视化我的问题,我在 Youtube 上上传了一个视频。页脚的动画效果很好。但是当您滚动浏览该特定项目时,页脚会迅速出现并无缘无故地重新出现。

我猜这个问题是因为我在 Etsy 的 StaggeredGridView 上使用了为 GridView 指定的库。由于我不知道该库的哪个类对问题负责,因此我不发布任何代码。有什么要调整的吗?

0 投票
0 回答
944 浏览

android - 带有 col span 的 Android StaggeredView 实现

我正在尝试获得这样的布局设计,为此我使用 GitHub 库https://github.com/maurycyw/StaggeredGridView 作为本网站其他问题中的建议。我的问题是我无法获得这样的设计,其中包含跨越的列和行。该库需要您要使用的 coll 数量作为属性,但在我提出这个问题的图像中,您没有固定数量的 coll,所以我认为可能存在一些跨度。

我已经下载了作者的示例项目,但我不能以好的方式前进。此示例提供了一个具有 2 个列的应用程序,并且视图像 Pinterest 样式一样膨胀,但如图所示,它跨越了列,一些行有 2 个项目,其他 3 个......

在此处输入图像描述

在从 BaseAdapter 扩展的自定义适配器中,在 getView() 方法中,我使用 LayoutParams(属性跨度)来设置我想要放在一起的列数,但应用程序总是崩溃。我不知道这个图书馆是否真的可以做到这一点。

我尝试过其他解决方案。我使用了支持 V4 的 StaggeredView 类,但现在该类已从 .jar 中删除。有了那个库,我可以开始工作,但我无法使用它,因为我使用的是最新的,并且某些方法和属性不再存在。(我遵循了与 Google 类一起使用的https://github.com/chrisjenx/StaggeredGridView )

我认为的另一件事是使用 ListView 膨胀复杂的相对布局,然后放入元素中。

我也试过这个其他库https://github.com/felipecsl/AsymmetricGridView但只支持 2 跨度。

使用 GridLayout 很容易,但我需要支持回收的 ListView。

0 投票
0 回答
362 浏览

android - 如何根据屏幕配置正确设置 StaggeredGrid 的列数/单元格大小

我正在使用 Etsy 的AndroidStaggeredGrid,并希望通过提供适当的列数和单元格大小来支持不同的屏幕。网格的每个单元格都包含一个ImageView和一些文本。按照官方文档(屏幕支持屏幕尺寸),我创建了以下文件夹结构:

的内容integers.xml如下(对于每个配置我只是更改值):

然后在布局中(我有一个布局文件夹)xml文件我配置AndroidStaggeredGrid如下:

我的问题是如何根据屏幕密度选择正确的图像尺寸(我有不同的尺寸:61*91、120*178、180*266、510*755)下载和显示?

0 投票
1 回答
8268 浏览

android - 使用带有 StaggeredGridLayoutManager 的 RecyclerView 不显示任何内容

我正在尝试 RecyclerViews 来构建类似 Pinterest 交错布局的东西。然而,虽然 LinearLayoutMnager 和 GridLayoutManager 在相同的代码中都能很好地工作,但用 StaggeredGridLayoutManager 替换它不会显示任何项目。在代码中放置断点表明它获取项目计数和项目,但没有呈现任何内容。关于我缺少什么的任何想法?

仅用 GridLayoutManger 替换 StaggeredGridLayoutManager 一切正常。

以下是适配器:

以下是 ViewHolder

最后是项目布局