问题标签 [zstack]

我有 ZStack 有两个视图，其中一个可以根据条件显示：

但是当我取消注释这些行时：

我.padding(.all,17)的 for VStack 损坏了。没有这个视图，一切看起来都很好，但是在为 ZStack UI 添加第二个子视图后，看不到 VStack 的填充。也许我做错了什么？

没有底片的例子：

并在激活条件下：

Circle上面的代码创建了第一个图像，但由于某种原因，如果我删除为（即）设置框架的行，.frame(width: diameter, height: diameter)我会得到第二个图像。

1. 2.

我想要圆圈在第一个屏幕中的样子，以及按钮在第二个屏幕中的样子，但似乎无法实现这一点。不知何故，设置框架Circle会影响其他视图，即使它们位于ZStack. 这是一个错误ZStacks，还是我误解了它们的工作原理？

我的应用程序使用 aTabView并包含在其中，NavigationView因此我可以转换到所选选项卡上的不同视图。我正在使用.navigationTitlewith.navigationBarTitleDisplayMode(.large)来向用户显示他们的位置（在下面的示例中，标题设置为"Pfizer"）。一切正常，如下所示：

但是，一旦我在（或使用）ZStack周围放置 a ，包括导航标题在内的整个视图都会向上移动到安全区域，即使我没有指定任何地方！这是我在它周围使用时的样子：TabView.overlay.ignoresSafeAreaZStack

请注意，我打算使用 ZStack 在我的 TabView/NavigationView 顶部有条件地显示一个视图，如下所示：

我通过反复试验设法弄清楚，只有.blur在. 如果我删除视图修饰符，那么我描述的问题就不会发生，因此 Asperi 的初始评论是有意义的。TabViewZStack.blur

我不理解这种行为，也不知道为什么使用会.blur弄乱安全区域。有人可以向我解释这种行为吗？

所以我想在另一个视图的 ZStack 顶部放置一个颜色。我不想使用覆盖的原因是颜色将附加一个点击手势。下面是一个最小的可重现示例。本质上，我希望 Color.secondary 被限制在与 HStack 相同的区域（没有明确设置帧大小。这是代码：

所以我希望视图只是一个白色屏幕，HStack 看起来稍微深一点红色。

下面是我的 UI 的图片。该视图在入职期间呈灰色显示，用户基本上只需点击灰色区域即可进入入职的下一步。如果我将轻击手势附加到颜色视图，然后根据状态更改隐藏颜色视图，这不是问题。入职完成后，灰色区域将不存在，并且下方的按钮需要可交互。使用叠加层时，入职后，我不想点击视图上的任何位置来更改应用程序状态。

https://i.stack.imgur.com/lphHg.png

我想实现一个 UI，它有

1. 背景图像，全屏并随设备大小缩放
2. 背景图像上方和主 UI 下方的渐变，底部对齐，其大小取决于主 UI 中一个元素的位置
3. 具有多个界面元素 VStack 的主 UI。有一个顶部区域和一个底部区域，它们都是固定对齐和大小的，中间有一个可变间隔

这个模型显示了 3 层 ZStack 的预期排列（从左到右）：

这是我在 SwiftUI 中得到的：

我的问题是：

1. 如何以正确的方式调整渐变的大小？
2. 为什么渐变现在对齐到底部，为什么背景图像不能缩放到全屏，请参见预览截图的底部

我使用 aZStack在主 UI 下方显示全屏背景图像。主 UI 由VStack多个视图组成，这些视图由灵活的 Spacers 分隔，以在不同的设备尺寸上按比例缩小或放大。现在我体验到 Spacers 不会在小型设备上按比例缩小，因为小型设备上的背景图像仍然大于屏幕尺寸并保持ZStack高，请参阅 iPhone 8 预览的屏幕截图。我在这里做错了什么？

代码：

预览截图： 看到蓝色边框比设备大

背景图片：

在我的示例图像中，您可以看到“世界”文本可以移动（拖动）到图像区域之外。它位于“添加贴纸”按钮下方。该元素位于 ZStack 中。所以我不希望我的文本元素超出图像区域。我尝试为 ZStack 指定宽度和高度，但没有奏效。

示例图像

在我的示例图像中，您可以看到我的文本元素正在旋转，但其他元素没有旋转，或者如果我应用rotationEffect，它们会开始异常行为（就像它们未对齐）。那么让它们全部旋转的最佳方法是什么。

所以这里 VStack 包含我的 textElements 。但其他两个按钮（缩放和旋转不作为元素）

例如，它们在 ZStack 中 *

免责声明：SwiftUI 的新手

我知道ZStack()视图允许我重叠视图，这是我想要的应用程序标题部分。

我将 设置ZStack()为不占据整个高度，并期望将HStack()放置在 之后 就ZStack()可以做到这一点，出现在之后。相反，它也与 ZStack 重叠。

我确信这是一个简单的共存解决方案。图片和代码如下。

在这里，我试图在这两个元素中应用相同的旋转。但是这些对象或元素正在做不想要的行为，它们的旋转与其他元素不同。所以我想把它们都旋转成相同的，这样蓝卡就不会出现在图像后面。我的意思是我希望他们都在同一个轮换中。

这是我的代码 -