问题标签 [swiftui-animation]

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

swiftui - 如何将 2 个视图从一个点动画到出现的最终位置

我正在尝试将square下面的两个正方形从一个共同的中心点动画到它们出现时的最终位置,然后返回 - 当它们被移除时。

这是我尝试过的,但结果是它们不是从重叠位置开始的 - 相反,它们从靠近中心的每个位置开始:

正方形square简单定义为:


什么样的工作是附加matchedGeometryEffect到 内的覆盖层Spacer,并properties: .position在所有它们中明确指定。

不过,它只在它们出现时有效,而在消失时无效;那里还有差距。

这是实现这种效果的正确通用方法吗?如果是,我怎样才能使它起作用?还是我把它复杂化了?

0 投票
1 回答
412 浏览

swift - 一个渐变到另一个 SwiftUI 的动画过渡

我试图根据状态值的值来改变背景的梯度,这应该是可能的,而且确实如此。但是,我想对渐变/背景的这种变化进行动画处理(当属性依赖于某些过渡时,您通常会这样做)。所以我尝试设置一个三元运算符,将背景更改为不同的渐变,并带有动画/过渡。背景确实发生了变化,但没有平滑的过渡,只是一种剧烈的变化。这是我为说明问题而创建的最小工作示例:

有没有办法解决这个问题/在这里创建动画背景变化的预期效果?谢谢。

0 投票
1 回答
256 浏览

animation - 动画期间 SwiftUI 意外的位置变化

我在 SwiftUI 中制作了一个简单的动画,它会在启动应用程序时直接重复。但是,在运行代码时,动画圆圈会转到左上角,然后在执行其余动画时返回其正常位置。这个左上角的动画不是预期的,也没有写在我的代码中。

示例代码:

然后在这样的视图中显示它:

0 投票
1 回答
89 浏览

swift - 有什么方法可以消除 .onDelete SwiftUI 上的褪色动画

代码如下。我想在onDelete点击时删除最终的淡入淡出动画。

我尝试使用.animation()但没有任何效果

0 投票
0 回答
86 浏览

swiftui - SwiftUI:插入过渡动画未执行

在下面的简单应用程序中,我希望红色矩形随着缩放动画出现并随着幻灯片动画消失,但只执行消失动画。这是为什么?

0 投票
0 回答
56 浏览

swiftui - 如何使用 .onDelete swiftUI 在滑动删除结束时删除尾随的红色动画

这是代码:

我无法在滑动 onDelete 时删除尾随的红色动画。有什么优雅的方法可以做到这一点。.animation() 似乎不起作用

0 投票
1 回答
407 浏览

swift - SwiftUI 视图转换匹配分段选择器

是否有可能拥有三个(超过 2 个!)根据风格从侧面进出动画的Picker视图SegmentedPickerStyle()

选择器中只有 2 个项目会使作业静态化,因此.transition(.move(edge: .leading))第一个视图和.transition(.move(edge: .trailing))最后一个视图上的 a 就足够了。但是超过2个呢?

也许有一种方法可以使edge: ...转换的参数动态设置为.leadingor.trailing并取决于绑定的新值是大于还是小于当前值。

我创建了下面的草图来演示具有不同转换的相同视图(视图 2)的问题,具体取决于选择了右侧还是左侧的视图。请仅将其视为示例,问题不仅限于三个段,也不仅限于中间视图,也不仅限于消失的过渡等。

在此处输入图像描述

0 投票
0 回答
320 浏览

ios - swiftUI中的浮动标签Textfeild

我是 swiftUI 的新手。我想要这样的浮动标签的TextFeild。我用matchedGeometryEffect() 试过了,但还不够。不知道是什么毛病。它在没有动画的情况下完美运行。

在此处输入图像描述

当我添加动画时,情况会变得更糟

在此处输入图像描述

这是我的代码

请帮我

0 投票
1 回答
412 浏览

swift - SwiftUI动画视图出现在ZStack中时出现奇怪的过渡

我对动画加载视图的行为有疑问。网络调用时会显示加载视图。我的 viewModel 中有一个 isLoading @Published var,ActivityIndi​​cator 显示在我的视图中的 ZStack 中。Activityindicator 是一个自定义视图,我在其中制作了一个修剪过的圆圈的动画 - 旋转它。每当活动指示器显示在我的 mainView 中时,它就会出现奇怪的过渡 - 它从左上角过渡到视图的中心。有谁知道为什么会这样?我附上带有代码的结构和带有行为的 3 张图片。活动指标:

该视图用于:

我也尝试过动画 nil 但它似乎不起作用。以下是图片: 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
174 浏览

swiftui - Animating showing/hiding of children a VStack in SwiftUI

** EDIT ** Suspect the UIKit view that this SwiftUI view is embedded in (via UIHostingController) is the problem, as @eXcore's solution works for me in preview. This is the UIKit layout code:

========

I have a SwiftUI View which contains a VStack with some children that are shown/hidden when the first child view is tapped.

The animation looks a bit weird as animating in causes the already-visible child to jump to the middle then expand back to the top. I want it to happen so the already-visible child remains in place and the hidden options slide down underneath.

I'm thinking a height animation for the children might be better, or maybe the VStack itself is the cause of the issue.

Can someone help please?

ViewModel:

View:

Current behaviour which I don't want