问题标签 [zstack]

我有ZStack一个图像和一个覆盖它的关闭按钮。我无法使用覆盖它的按钮使图像可点击。

我试图向图像本身添加一个点击手势，但这会禁用关闭按钮上的可点击性。如何保持 ZStack 完好无损，并让图像和关闭按钮都可以点击？

我的目标：使用几何阅读器和屏幕截图功能（已经编写）来抓取位于关闭按钮后面的图像的一小部分。

设置：我有一个 ZStack，上面有Image一个较小的按钮（它是本示例的系统映像）。目前，我将关闭按钮与背景图像的顶部对齐，乍一看一切都很好。

但是，当点击关闭按钮时，我需要抓取关闭按钮本身的屏幕截图（匹配框架和大小）。

当我对齐时一切正常，但现在我已经设置ZStack，我的屏幕截图仍然出现在图像的中心。.centeralignment: .top

当点击它时，如何移动GeometryReader包含关闭按钮的屏幕截图以允许屏幕截图成为关闭按钮（以及它背后的一些额外背景）？

我的代码：

截图：

期望的结果（但在顶部ZStack）：

当前结果（在以 为中心的背景图像中间截取屏幕截图ZStack）：

尽管在预览版中，当我在模拟器或手机上运行应用程序时，VStack 看起来很有希望，但它看起来比预期的要低。通过比较两张图像，您可以看到视图的前导存在很大差距。我还添加了图层的图像以帮助您理解问题。我显然无法理解。

预览中

在模拟器中

图层

代码

我在欢迎页面中有一个 NavigationView。我正在使用该 NavigationView 能够单击登录或注册按钮。

下面是可重现的小代码；

正如您在运行演示代码时所Element看到的那样Color.blue，根据ZStack. 顺便说一句，我也玩过zIndex修改器，但仍然没有运气。你们提供什么解决方案？谢谢大家。

我在对齐 ZStack 中的文本时遇到了一些问题……更具体地说，如果我在启动应用程序后旋转设备……

我希望文本与视图的顶部对齐，但在下面你可以看到正在发生的事情的图像......

如果我在设备纵向打开应用程序时，对齐是正确的......

与应用程序对齐以纵向开始

...但是如果我将设备旋转到横向，文本会移动到顶部中心...

旋转到横向后对齐

如果我用横向设备启动应用程序，同样的事情，都正确对齐......

与横向开始的应用对齐

...但是如果我将设备旋转到纵向，文字几乎会完全消失...

旋转到纵向后对齐

这是 ContentView 的代码：

这是 HomeView 的代码（我有问题）：

我该如何解决这个问题？

谢谢！

我有一个 ZStack，其中显示了一个图像。在某些情况下需要缩放图像。

我无法对齐 ZStack 底部的缩放图像，它总是出现在中间。

我尝试将 ZStack(alignment: .bottom) 与图像的 .alignmentGuide(.bottom) 结合使用，但这不会改变结果。

同样在图像周围放置一个 VStack 并在其上方放置一个 Spacer() 不会改变结果。

HStack 不相关，仅显示，因为我在此构造中需要一个 ZStack。但主要问题在于 VStack，它在 ZStack 的空间中缩放后不会移动。

看起来 .scaleEffect 只是使用原始图像的位置和框架，并将缩放的图像放在中间。这是 scaleEffect 的限制吗？还有什么功能可以使用？

这是我的视图（简化代码）：//我将背景着色为紫色，以显示 ZStack 的完整大小

结果是这样的：

但它应该看起来像这样：

编辑：我为图像添加了背景，以显示图像在 ZStack 中居中。

解决方案： 在这种情况下我们不需要对齐，我们需要一个锚：

解决方案图片：

我想知道如何删除 SwiftUI List 和 NavigationBar 之间的额外空间。请参阅下面的照片以供参考。

请注意，我尝试在 NewsHomeView 中添加顶部填充 -> .padding (.top,-100) 但这不是一个好的解决方案，因为在更大的屏幕分辨率下，我仍然可以看到 NavigationBar 和 ListView 之间的额外空间。

这是我的 NewsHomeView 和 ContainerView 的代码。请注意，我需要为 NewHomeView 和 Slider 使用 ZStack 来实现某个目标。

我正在尝试全屏显示红色。

如果我使用edgesIgnoringSafeArea(.all)屏幕自动启用滚动，这是我不想要的。你能告诉我如何在不滚动和不拉伸的情况下全屏显示红色，因为我将颜色更改为图像。

任何帮助将不胜感激。

示例代码如下。

输出

我是 SwiftUI 的初学者（一周前开始），并在应用程序开发中尝试不同的东西。我被 Zstack 卡住了，无法执行任何东西。这是一个多平台应用程序，当我模拟它时，它只是空白区域。当我擦除 zstack 并使用 vstack 运行时，它会做同样的事情。

因此，基本上我创建了一个 HeaderView，它由一个占用整个屏幕空间的 ZStack 组成，因为它添加了纯黑色背景和位于黑色背景上的整个标题（因此需要 Zstack）。一切看起来都是我想要的，但是我很难将我的 HeaderView 放在 ZStack 的顶部，以便为我需要在标题下方添加的所有其他视图腾出空间。

我目前的代码是：

该视图目前看起来像这样，尽管我真的希望它像每个标题一样位于顶部。

有小费吗？例如，我尝试在调用 HeaderView() 之后添加一个 Spacer()，以便将 Header 推到 ZStack 的顶部，但这实际上什么也没做。任何帮助表示赞赏！