问题标签 [lazyhgrid]

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 回答
971 浏览

layout - SwiftUI:如何使 GridItem 推出以填充可用空间

我想创建一个4 行有 24 个项目的网格,所以每行应该有 6 个项目。无论在什么设备上渲染网格,所有项目都应该大小相同,但会填满整个可用空间。

我已经为行实现了灵活的高度,但是 GridItems 不会在水平维度上推入,尽管它是一种形状,据说是推出的。好吧,在 LazyHGrid 中,它似乎没有推出。

这是我的代码:

我尝试了 GridItem 大小的所有变体,我尝试在我的 Rectangle 上添加一个带有 .infity 的框架,等等。无法实现。我真的必须使用 GeometryReader 以编程方式进行数学运算吗?

我添加了两张图片:一张显示了这段代码的结果,另一张显示了我想要实现的内容。

代码的当前结果

预期的

0 投票
2 回答
159 浏览

xcode - 格式化 LazyHGrid 的问题 - SwiftUI

我正在尝试创建一个基本的lazyHGrid,但是在在线查看了几个不同的教程之后,我仍然无法正确构建它。我正在尝试制作一个填充有矩形的网格,这些矩形内有符号和文本。见下图:

在此处输入图像描述

如果我在 HStack 中进行此操作,则所有矩形都正确显示,但是一旦将其放入 LazyHGrid 中,我就会遇到此问题。有任何想法吗?

0 投票
1 回答
1454 浏览

swift - 用行和列构建一个惰性网格 - SwiftUI

我想在我的应用程序中创建一个基本上充当表格的视图。我相信惰性网格是在 iOS 14 中做到这一点的最佳方式,我只是不确定我在用它们做什么。我要创建的表如下图所示: 在此处输入图像描述

每一行都基于一个对象,Player()我有,然后行中的每个数字都是对象具有的属性,例如player.triesplayer.pens等等。

到目前为止,我的尝试是遍历数组中的所有玩家,homeTeam.players并根据各个值创建一个具有不同文本的 HStack。然后,我陷入了如何将每列设置为我想要的宽度的问题,例如将名称设置为最宽,而所有其他列都小得多,但它们上方还有标题。我的代码如下:

非常感谢您在正确位置获得大小和所有数字的任何帮助!

0 投票
1 回答
426 浏览

gridview - 如何使 SwiftUI 文本多行文本对齐从顶部和中心开始

在此处输入图像描述

如何使图像和文本对齐方式与 SwiftUI LazyVGrid 中的其他 3 个相同,如下图所示?

我认为问题是如果文本是多行的,如何使文本从顶部开始。在 Android 中我可以使用gravity="top|center" 但在SwiftUI 中我使用.multilineTextAlignment(.center) 但结果与我预期的不同。

在此处输入图像描述

这是我在代码中尝试的内容:

0 投票
1 回答
273 浏览

foreach - SwiftUI 如何记录当前在 CollectionView 上显示的网格项的索引?

我试图有一个滚动的水平项目列表,其中每个项目几乎占据整个屏幕宽度(UIScreen.main.bounds.width - 50)。应该有足够的下一个可见项目让用户知道有一些东西可以滚动到。我希望能够确定当前占据大部分视图的项目的索引。

主视图有三个子视图:搜索栏、地图和结果视图(这是我想要滚动水平列表的地方)。地图上的图钉需要根据当前显示的结果进行更新。

为了清晰和可重复性,我已经包含了项目中的所有代码。

主要观点:

搜索栏:

地图:

结果视图:

结果卡视图

模型

模拟数据

这是使用 UIViewRepresentable 转换的 CollectionView。这是基于 Samuel Defago 的博客文章

0 投票
0 回答
116 浏览

swift - 是否可以使用 Grid 在 SwiftUI 中构建一个简单的灵活视图集合?

我正在尝试构建的是非常简单和通用的组件。这是设计:

设计

这是我到目前为止尝试过的代码:

这是我得到的:

在此处输入图像描述

以下是一些额外的细节:

  1. 数量tags可能从0..<infinity.
  2. tag除非单个超出网格的整个宽度,否则不应被截断。
  3. 每行的数量tags可以根据 的宽度而变化tags
  4. 标签必须是left-aligned.

注意:如果可能的话,我更喜欢本机SwiftUI方法,而不导入任何 3rd 方库。

0 投票
1 回答
49 浏览

ios - Preselection of an item on LazyHGrid

Hi everyone I'm working with a LazyHGrid The grid shows 19 cells divided on 2 lines and their contents are times that the user can select.

I have a problem with the preselection, i.e. I would like that when the horizontal grid is shown, a preselection based on the current time is visible for example

I'll give you an example of the grid


| 9:30 | - | 10:00 | - | 10:30 | - | 11:00 |


If at this time it is 10:20 am I would like the cell containing the text 10:30 to be automatically selected when the user sees the grid for the first time


| 9:30 | - | 10:00 | - | 10:30 | - | 11:00 |
Preselection at 10:30 if current time is 10:20


In a nutshell I would need the selection of the cell that contains a time half an hour ahead of the current time

This is what I have done so far

Can you help me?


0 投票
2 回答
36 浏览

swift - 为什么 LazyHGrid 没有它的项目那么高?

我有一个 LazyHGrid 可以在一行中显示多个文本视图。LazyHGrid 在 VStack 中。但是,LazyHGrid 比它需要的要高。是什么导致了额外的空间?

在此处输入图像描述

0 投票
0 回答
42 浏览

ios - LazyHGrid SwiftUI 的错误选择

LazyHGrid大家好,我在使用中选择单元格时遇到问题SwiftUI

TimePickerGridView.swift我创建一个水平列表,其中包含用户可以选择的时间。为了管理我使用的单元格选择@State private var selectedItem: Int = 0

一切似乎都有效,但是当我保存用户选择以创建包含所选时间的日期时遇到了一些问题

当用户选择一个单元格时,它会立即通过设置小时和分钟来更新日期。

被修改的日期是@Binding var date: Date,这个日期是指 RiservationViewModel.swift位于RiservationView结构中的

现在的问题是,当用户选择时间并创建日期时,会LazyHGrid 不断丢失选择,并且必须多次选择同一个单元格才能再次获得正确的选择......

此时会观察到可变日期,因为它可以更改,这要归功于另一个包含用户选择日期的日历的视图。

我怎么解决这个问题?我的错误在哪里?


0 投票
0 回答
38 浏览

swift - 如何在 Swift UI 中显示 LazyHGrid 的页面指示器

我想在 swift UI 中用 Swift (UIPageControl) 中的点来实现分页和页面指示器。我正在使用一个惰性 H 网格,以及一个 for Each 循环内的按钮来获取水平网格。如何将页面指示器添加到 LazyHgrid 来实现这种设计? 在此处输入图像描述