问题标签 [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.
swiftui - 如何将 2 个视图从一个点动画到出现的最终位置
我正在尝试将square
下面的两个正方形从一个共同的中心点动画到它们出现时的最终位置,然后返回 - 当它们被移除时。
这是我尝试过的,但结果是它们不是从重叠位置开始的 - 相反,它们从靠近中心的每个位置开始:
正方形square
简单定义为:
什么样的工作是附加matchedGeometryEffect
到 内的覆盖层Spacer
,并properties: .position
在所有它们中明确指定。
不过,它只在它们出现时有效,而在消失时无效;那里还有差距。
这是实现这种效果的正确通用方法吗?如果是,我怎样才能使它起作用?还是我把它复杂化了?
swift - 一个渐变到另一个 SwiftUI 的动画过渡
我试图根据状态值的值来改变背景的梯度,这应该是可能的,而且确实如此。但是,我想对渐变/背景的这种变化进行动画处理(当属性依赖于某些过渡时,您通常会这样做)。所以我尝试设置一个三元运算符,将背景更改为不同的渐变,并带有动画/过渡。背景确实发生了变化,但没有平滑的过渡,只是一种剧烈的变化。这是我为说明问题而创建的最小工作示例:
有没有办法解决这个问题/在这里创建动画背景变化的预期效果?谢谢。
animation - 动画期间 SwiftUI 意外的位置变化
我在 SwiftUI 中制作了一个简单的动画,它会在启动应用程序时直接重复。但是,在运行代码时,动画圆圈会转到左上角,然后在执行其余动画时返回其正常位置。这个左上角的动画不是预期的,也没有写在我的代码中。
示例代码:
然后在这样的视图中显示它:
swift - 有什么方法可以消除 .onDelete SwiftUI 上的褪色动画
代码如下。我想在onDelete
点击时删除最终的淡入淡出动画。
我尝试使用.animation()
但没有任何效果
swiftui - SwiftUI:插入过渡动画未执行
在下面的简单应用程序中,我希望红色矩形随着缩放动画出现并随着幻灯片动画消失,但只执行消失动画。这是为什么?
swiftui - 如何使用 .onDelete swiftUI 在滑动删除结束时删除尾随的红色动画
这是代码:
我无法在滑动 onDelete 时删除尾随的红色动画。有什么优雅的方法可以做到这一点。.animation() 似乎不起作用
swift - SwiftUI 视图转换匹配分段选择器
是否有可能拥有三个(超过 2 个!)根据风格从侧面进出动画的Picker
视图SegmentedPickerStyle()
?
选择器中只有 2 个项目会使作业静态化,因此.transition(.move(edge: .leading))
第一个视图和.transition(.move(edge: .trailing))
最后一个视图上的 a 就足够了。但是超过2个呢?
也许有一种方法可以使edge: ...
转换的参数动态设置为.leading
or.trailing
并取决于绑定的新值是大于还是小于当前值。
我创建了下面的草图来演示具有不同转换的相同视图(视图 2)的问题,具体取决于选择了右侧还是左侧的视图。请仅将其视为示例,问题不仅限于三个段,也不仅限于中间视图,也不仅限于消失的过渡等。
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: