问题标签 [zstack]

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

animation - SwiftUI - 使用 .easeInOut 为 ZStack 中的视图不透明度设置动画

我有一个位于 mapView 顶部的视图(在 ZStack 中),并且希望能够使绿色的上视图淡入淡出,并将.easeInOut动画修改器应用于视图的不透明度。正如您在 gif 中看到的那样,它很好地淡入,但突然消失了。

在此处输入图像描述

如果我删除 mapView 那么一切都很好。如果我用简单的 mapView 替换,Rectangle()那么问题就会返回,所以我相信它与 ZStack 而不是地图有关。有趣的是,我实际上使用的是 Mapbox 而不是 MapKit(为简单起见,如下代码所示),并且淡入淡出/突然消失的行为是相反的。

我尝试使用替代动画代码,将LabelView过渡替换为:

并将按钮代码更改为:

但每次都会出现相同的行为。我猜这是一个 SwiftUI 错误,但找不到任何以前的参考。

0 投票
2 回答
2390 浏览

ios - 如何在 ZStack SwiftUI 中删除填充

尝试将另一个 VStack 放入 ZStack 时,我得到了奇怪的填充。如何删除它?

}

如果我用 Text("2") 注释 VStack,填充将消失。

奇怪的填充的屏幕截图

0 投票
2 回答
3872 浏览

image - SwiftUI:如何覆盖具有多种形状和依赖定位的图像

我想在图像上放置几个形状(矩形),但矩形应该在图像上具有固定位置。因此,无论屏幕大小或屏幕方向如何,矩形都应始终覆盖图像的相同内容。所以在下图中,我想要一个矩形覆盖腿部,另一个覆盖手臂,第三个覆盖腹部和背部。

示例图片

我的 ImageView 看起来像这样:

连同矩形一起嵌入到我的主视图中:

目前,我正在硬编码矩形的大小和位置,例如腿:

但显然,一旦屏幕尺寸/方向发生变化,这将不起作用。

将矩形的大小和位置调整为图像的最佳尝试是什么?

//更新

导致以下结果: 更新的图像

所以我假设,定位是根据整个屏幕完成的,而不是图像位置本身。

0 投票
4 回答
15928 浏览

swift - 带有换行和动态高度的 SwiftUI HStack

我有这个视图可以在多行上显示文本标签,这些文本标签是从带有 Wrap 的 SwiftUI HStack 获得的,但是当我将它添加到 VStack 中时,标签会与我放在下面的任何其他视图重叠。标签显示正确,但视图本身的高度不在 VStack 内计算。如何让这个视图使用内容的高度?

示例代码:

结果: 在此处输入图像描述

0 投票
1 回答
300 浏览

ios - 如何使用 SwiftUI 防止一个子视图的剪辑内容阻止底层子视图中的手势?

我有一个主视图,其中包含一个 zStack,底部有一个背景图像,上面有一个用户加载的图像,顶部有两个工具栏。工具栏位于视图的垂直顶部和底部。我希望这些工具栏显示为半透明,背景图像在大小和位置上与主视图的背景图像相匹配。如果用户拖动或缩放他们的图像以与工具栏重叠,它应该被它们遮挡。为了实现这一点,我将这些工具栏视图构建为 zStack,并分别将相同的背景图像对齐到顶部或底部,并剪裁内容以匹配工具栏的高度。

我的问题是这些工具栏视图的剪辑内容会阻止底层用户加载图像上的手势。为了帮助可视化问题,我链接了主视图 (MockScoringView) 的调试视图层次结构的屏幕截图。

这是主视图的代码:

顶部工具栏视图的代码,与底部的非常相似:

我想修改工具栏视图背景的内容,这样它们就不会阻止手势到达用户加载的图像。

调试视图层次结构

0 投票
1 回答
371 浏览

list - 使用列表视图设置视图背景颜色时遇到问题--SwiftUI

在此处输入图像描述我想将查看背景颜色设置为绿色。我有一个列表视图,它很好,但底层视图需要是绿色的——参见图像。我知道我遗漏了一些东西,但使用 SwiftUI,你有时不知道它是否是一个错误,或者它应该如何工作。我将不胜感激任何对其他人有用的想法。我已附上我的代码,并且我使用的是 Xcode 版本 11.5 (11E608c)。

这是代码:

0 投票
0 回答
612 浏览

swift - SwiftUI if ZStack 中的条件

我在 SwiftUI 中有一个简单的视图。有一个变量叫做connectionState。它设置为 true 以进行测试。

但视图从未显示。当我删除它应该显示的条件时。在 ZStack 中是否无法使用 if 条件?

0 投票
1 回答
141 浏览

ios - 使用 SwiftUI 使用 Path 视图下显示的现有内容来注释叠加层

我有一个 SwiftUI 应用程序,其中向用户呈现了一些内容,然后用户将使用Path视图对其进行注释。

我遇到的问题是,当我为绘图视图使用清晰的背景或根本没有背景时,它下面的内容将根据需要显示,但绘图操作的手势更改不会注册。

但是,如果我为背景分配了不清晰的颜色,则手势会更改注册并出现绘图。

FWIW,我能够使用UIKit基于接口的界面来实现所需的效果,现在只想用 SwiftUI 重新创建它。

下面的简化代码是一个完整的例子,展示了我的困境。这只是正在使用的代码的近似值,因此不完全是生产质量。

通过更改backgroundColorclear或注释掉该.background(self.backgroundColor)行,BackgroundView将出现,但onChanged不会被调用,因此不会出现墨水。

如果我按原样运行,则会出现墨水,但我看不到BackgroundView.

0 投票
1 回答
30 浏览

textfield - 文本字段问题 Xcode

我正在创建一个应用程序,需要创建一个注册/登录页面。我使用图片和 zstack 添加了背景,在顶部我有文本和文本字段。文本字段显示但不允许我添加填充以及没有标题文本显示。请帮忙。我的代码

进行了更多测试以发现每当我在图像上使用文本字段时都会发生这种情况。不确定这是否是一个错误,但似乎是因为一旦 zstack 被删除,一切正常。

最后我发现了这个问题,文本字段从画布中延伸出来。我已将文本字段的宽度固定为临时解决方案,但仍在寻找一种相对于屏幕而不是背景来解决此问题的方法,因为该字段扩展到图像的大小。让我知道您是否可以提供帮助,因为我刚开始使用 xcode!

0 投票
1 回答
1582 浏览

swift - SwiftUI - 将 ZStack 调整为图像大小?

我有一张用 a 包裹的图片和文字ZStack,我希望它ZStack是图片的形状,但是当我将背景设置为一种颜色时,图片的每一侧都会出现两条条纹。
我的代码:

你知道如何修剪ZStack到图像的大小吗?