SwiftUI在动画过程中发生意外的位置更改
基础概念
SwiftUI 是苹果公司推出的一个声明式 UI 框架，用于构建 macOS、iOS、watchOS 和 tvOS 应用程序。它允许开发者通过描述 UI 的状态来创建界面，而不是通过传统的命令式编程方式。动画是 SwiftUI 中的一个重要特性，可以用来增强用户体验。
相关优势
- 声明式编程：SwiftUI 采用声明式编程模型，使得代码更加简洁和易读。
- 跨平台：SwiftUI 可以用于开发多个平台的应用程序，提高了代码的复用性。
- 内置动画支持：SwiftUI 提供了丰富的动画API，可以轻松实现复杂的动画效果。
类型
SwiftUI 中的动画主要分为以下几种类型：
- 属性动画：改变某个属性的值，如位置、大小、颜色等。
- 过渡动画：在视图添加、移除或替换时添加动画效果。
- 时间动画：基于时间的动画，如定时器动画。
应用场景
SwiftUI 动画广泛应用于各种场景，例如：
- 用户界面元素的动态变化
- 数据可视化中的图表动画
- 游戏中的角色和场景动画
问题描述
在 SwiftUI 中进行动画时，有时会遇到视图位置意外更改的问题。这可能是由于以下几个原因造成的：
- 布局约束的变化：当视图的布局约束发生变化时，可能会导致视图位置的意外更改。
- 状态管理不当：如果状态管理不当，可能会导致视图在动画过程中出现意外的位置变化。
- 动画冲突：多个动画同时作用在一个视图上，可能会导致位置冲突。
解决方法
1. 确保布局约束稳定
确保在动画过程中，视图的布局约束不会发生变化。可以使用 GeometryReader 或 Spacer 等工具来帮助稳定布局。
struct ContentView: View {
@State private var isAnimating = false
var body: some View {
GeometryReader { geometry in
VStack {
Circle()
.fill(Color.blue)
.frame(width: 100, height: 100)
.position(x: isAnimating ? geometry.size.width / 2 : 50, y: 100)
.animation(.easeInOut(duration: 1), value: isAnimating)
Button("Animate") {
withAnimation {
isAnimating.toggle()
}
}
}
}
}
}2. 使用 @State 和 @Binding 正确管理状态
确保状态的改变是可控的，并且不会导致视图位置的意外更改。
struct ContentView: View {
@State private var position = CGPoint(x: 50, y: 100)
var body: some View {
Circle()
.fill(Color.blue)
.frame(width: 100, height: 100)
.position(position)
.animation(.easeInOut(duration: 1), value: position)
Button("Animate") {
withAnimation {
position = CGPoint(x: 200, y: 100)
}
}
}
}3. 避免动画冲突
确保多个动画不会同时作用在一个视图上，或者使用 animationGroup 来协调多个动画。
struct ContentView: View {
@State private var isAnimating = false
var body: some View {
VStack {
Circle()
.fill(Color.blue)
.frame(width: 100, height: 100)
.position(x: isAnimating ? 200 : 50, y: 100)
.animation(.easeInOut(duration: 1), value: isAnimating)
Button("Animate") {
withAnimation(.easeInOut(duration: 1)) {
isAnimating.toggle()
}
}
}
}
}参考链接
通过以上方法，可以有效解决 SwiftUI 中动画过程中视图位置意外更改的问题。
相关·内容
2回答
我有一个有偏移量的圆。当我按下一个按钮时，会出现一个带有缩放动画的圆。问题是动画不是从圆的偏移位置开始的，而是从它的原始位置开始的。如何让动画从圆的偏移位置开始。
Circle()
.frame(width: 64, height: 64)
.foregroundColor(.red)
.transition(.scale)
.offset(x: -69, y: 0)
浏览 0提问于2020-03-27得票数 3
我试图在SwiftUI中模拟处理卡片。我正在用一张卡进行测试，目标是将卡的中间部分(image1)动画化到一边(image2)。我希望动画能同时旋转和转换卡片，但是有了这个代码，卡就会在没有动画的情况下立即旋转，然后它就会有动画的转换。想不想把旋转效果和平移效果同时转化成动画？
import SwiftUI
struct Card: Identifiable {
var id: String {
return value
}
let value: String
var dealt: Bool = false
}
struc
浏览 1提问于2022-08-25得票数 0
回答已采纳
我有一个LinearLayout，我正在对它应用一个平移动画。我在填充动画之前和之后。从视觉上看，它工作得很好。动画通过将视图平移出屏幕而结束。但如果我单击屏幕上的x，y坐标，而该坐标恰好是视图在动画过程中的某个点，则视图上的一个按钮将触发单击侦听器。
我找到的唯一解决方案是添加一个动画侦听器，当动画结束时，将布局(现在看不到)上的按钮标记为visibility=gone，enabled=false。这似乎很奇怪-视图不再显示在屏幕上，但它仍然响应点击事件。这是已知的事情吗，我可能没有正确地设置动画？
谢谢
--更新
我稍微重构了一下我的动画。我没有使用animation.setFillAft
浏览 0提问于2012-09-18得票数 0
回答已采纳
1回答
目前，我对SwiftUI有一个相当有趣的问题。我有一个包含多个项目的列表，包括一个DatePicker (这不是原因，它会影响我尝试过的所有其他视图)。有条件地显示和隐藏DatePicker (包含if和EmptyView)会产生以下动画：
(我试图嵌入gif，但它不允许。如果可能，请随时修复此问题) :)
(请注意DatePicker剪辑如何在两个动画方向上从底部的列表项中移出。其他元素的行为相同，但由于其高度不太明显)
我可以完全禁用动画，但不想这样做。我试图用各种.transition、.animation等修饰符来解决这个问题，但都无济于事。
有人能解释一下这是怎么回事吗？
浏览 16提问于2020-05-16得票数 0
我有一个进度视图，其进度/宽度可以被动画化。这个动画是自己制作的。但是，在某些情况下，父视图更改其布局，并在进度条上方添加一个新视图。然后，进度视图向下移动，为新视图腾出空间。这也是动画。当两个动画都发生在iOS 13中时，进度视图向下移动，蓝色进度条的宽度同时被动画化。在iOS 14中，进度视图向下移动，但蓝色进度条也使用其动画来动画位置更改。在iOS 13中，它只用于动画宽度。这使得动画看起来好像进度条飞进进度视图，它是错误的，看起来很奇怪。
我用下面的代码复制了我在应用程序中的代码。此代码还用于录制视频。
struct MainView: View {
@State var t
浏览 4提问于2020-09-23得票数 0
3回答
SwiftUI有出色的动画功能，但是它处理Text视图内容更改的方式是有问题的。它动画的文本框架的变化，但改变文本立即没有动画。因此，当Text视图的内容变得更长时，动画化转换会导致省略(…)。直到文本帧达到其完全宽度为止。例如，在这个小应用程序中，按下Toggle按钮在短文本和长文本之间切换：
下面是代码：
import SwiftUI
struct ContentView: View {
@State var shortString = true
var body: some View {
VStack {
Text(sh
浏览 4提问于2020-04-02得票数 11
回答已采纳
我已经在SwiftUI中制作了一个简单的动画，当启动应用程序时，它将永远重复。但是，在运行代码时，动画圆会移到左上角，然后返回到其正常位置，同时执行动画的其余部分。这个左上角的动画不是我所期望的，在我的代码中也没有写过。 示例代码： struct Loader: View {
@State var animateFirst = false
@State var animationFirst = Animation.easeInOut(duration: 3).repeatForever()
var body: some View {
ZSt
浏览 63提问于2021-01-07得票数 0
回答已采纳
3回答
我有一个包含另一个UIView的UIView。外部UIView通过drawRect在内部UIView周围绘制边框。(边框太复杂，无法通过CALayer属性绘制。)
目前，当我动画调整外部UIView的大小时，它的drawRect方法在动画开始时被调用一次，结果是拉伸或收缩。这看起来不太好。
我正在寻找一种方法，要么在动画的每一步重新绘制内容，要么找到一种方法来实现相同的视觉效果。(结果应类似于可伸展UIImage的大小调整。)
浏览 1提问于2011-07-16得票数 2
回答已采纳
1回答
用SwiftUI动画做实验，这会给我的老灰色物质带来沉重的负担。对于两个非常相似的代码变体，我得到了不同的结果，但却找不出原因。
下面是一个由三个图像组成的垂直堆栈。
@State private var rotationAmount = 0.0
VStack{
ForEach(0..<3) { number in
Button {
rotationAmount += 360
//execute main functionality
} label: {
MyImage(number)
.rotat
浏览 4提问于2022-11-13得票数 2
回答已采纳
1回答
我正在试着做一些非常简单的事情。首先动画填充，然后动画宽度。 @state var animate = false
Rect().frame(width: animate ? 200 : 1, height: 2).animate(Animation.easeOut(duration: 0.5).delay(0.5)).padding(.bottom, animate ? 300 : 10).animate(.easeOut) 从这段代码中，我希望填充使用最外层的动画修饰符，帧使用内部的动画修饰符。因此，我希望填充动画首先动画，然后帧动画延迟，但他们都是动画最外层的动画。 我没有错的地方是
浏览 10提问于2020-04-27得票数 1
1回答
SwiftUI:将动画附加到转换
、、、、
根据苹果的文档，我们应该能够将动画直接附加到一个过渡中。例如：
.transition(AnyTransition.slide.animation(.linear))
该方法的文件：
extension AnyTransition {
/// Attach an animation to this transition.
public func animation(_ animation: Animation?) -> AnyTransition
}
说：
摘要
将动画附加到此过渡。
但我无法让它发挥作用。看看这个最起码可行的例子(您可以复制粘贴它并自己尝试)：
im
浏览 2提问于2019-11-30得票数 4
我在navigationView中有一个List，我想在滚动列表时更改List Section文本，并且navigationBarTitle变为.inline或.large
这是我的代码：
import SwiftUI
struct ContentView: View {
@State private var scrolledUp = false
var body: some View {
NavigationView {
if scrolledUp {
List {
Section(header: T
浏览 12提问于2019-10-31得票数 1
回答已采纳
我正在尝试创建一个轮子日期选择器样式，当一个按钮被点击时，它将从屏幕底部动画，但是当日期选择器移动时，动画似乎滞后，看起来很糟糕。 有什么我可以添加的东西来让动画看起来更流畅。我已经在模拟器和我的设备上测试了这段代码，两者似乎都有相同的问题。 struct datepicker: View {
@State private var date = Date()
@State private var shown: Bool = false
@State private var isHidden = false
var body: some View {
浏览 8提问于2021-01-04得票数 1
1回答
我注意到，当我给背景上色时，我在移除视图时得不到动画效果。 ? 如果我移除Color(.orange).edgesIgnoringSafeArea(.all)，那么隐藏动画将起作用，否则Modal将突然消失。有什么解决方案吗？ struct ContentView: View {
@State var show = false
func toggle() {
withAnimation {
show = true
}
}
var body: some View {
浏览 8提问于2020-10-05得票数 0
我有以下代码： @State private var couponId: Int = 0
var body: some View {
ScrollView {
VStack(spacing: -50) {
ForEach(1...20, id: \.self) { index in
CouponCell()
.zIndex(couponI
浏览 48提问于2020-07-17得票数 1
1回答
这是我的代码的简化表示。如何在这里将动画添加到Text("hi")？这是一个非常简单的外观动画。 import SwiftUI
struct Test: View {
@State var showText:Bool = true
var body: some View {
List{
HStack{
Image(systemName: "square")
Text("tap")
}
浏览 15提问于2020-12-27得票数 3
回答已采纳
我正在使用新的@FocusState来控制我的视图对决定开始将信息输入文本字段的用户的反应。我当前的需求是在我的顶部视图周围包装一个动画，在键盘向上移动时离开屏幕。通常这种事情可以通过简单地将withAnimation()封装在一个布尔开关上来实现，但是由于Swift是在引擎盖下切换我的焦点状态bool，所以我不能用这种方式包装动画。不然我该怎么做？
这里是一个最小的可重复的例子。基本上，我希望将顶部(红色)视图动画化，留下/返回到视图中，以更改焦点状态isFocused var。
struct ContentView: View {
@State var text: String =
浏览 14提问于2021-12-09得票数 0
1回答
Swiftui列表动画
、、、
我试着给一个要点列表的内容动画化。列表是从最高到最低排序的，因此它重新组织，因为较低的值高于上面的行。通过在列表上使用.animation(.default)，动画效果很好，但是，当我打开视图时，它也会激活整个列表。整个名单都摆好了。我希望列表是静态的，只有行在必要时才会移动以重新排序。
List {
ForEach(players) { player in
Text(player.score)
}
}.animation(.default)
浏览 3提问于2022-03-04得票数 1
回答已采纳
我正试图找出如何检测动画已经在SwiftUI中完成，具体来说是: Spring()动画。我的第一个想法是使用GeometryReader来检测下面示例中的圆圈何时到达原点(偏移量= .zero)，但是对这种方法有一个警告: Spring()动画稍微超出了它应该结束的点，然后反弹回来。因此，“动画的结束”将在动画完成之前触发。
我做了一些研究，发现了另一种方法：。然而，在这个解决方案中，动画对象的偏移量与原点进行了比较，因此它与上面描述的问题相同。
我可以使用计时器，但这不是一个优雅的解决方案，因为Spring()动画的持续时间会根据其起始位置动态变化，所以不是这样的。
在下面的例子中，我希望在
浏览 1提问于2020-08-13得票数 10
回答已采纳
2回答
我正试着用
UIView.animateWithDuration()
更改标签或图像的位置。这很简单。然而，我也需要在动画期间在屏幕上显示标签的y位置。所以我可以看到在动画过程中y位置是如何变化的。我该如何实现它呢？
浏览 4提问于2015-03-26得票数 0
1回答
我正在尝试在我的应用程序中创建一个动画，当一个特定的动作发生时，它本质上会使给定元素的背景改变颜色和背部x次，以创建一种“脉冲”效果。这个应用程序本身很大，但我已经设法在一个非常基本的应用程序中重新创建了这个问题。 因此ContentView如下所示： struct ContentView: View {
struct Constants {
static let animationDuration = 1.0
static let backgroundAlpha: CGFloat = 0.6
}
@State var isA
浏览 21提问于2021-11-08得票数 0
1回答
我读了很多关于这个话题的问题，但是他们已经过时了，或者我不能理解他们。这是动画：
UIView.animate(withDuration: 20, delay: 0, options: [.curveLinear], animations: {
self.SubmarineImageView.transform = CGAffineTransform(translationX: (-self.frame.width - 80), y: CGFloat(Int(arc4random_uniform(UInt32(self.size.height / 2)))))
})
如
浏览 0提问于2017-10-16得票数 0
1回答
import SwiftUI
struct ContentView: View {
let letters = Array("Testing stuff")
@State private var enabled = false
@State private var dragAmount = CGSize.zero
var body: some View {
HStack(spacing: 0)
{
ForEach(0..<letters.count) { num in
浏览 4提问于2022-07-19得票数 1
回答已采纳
我有一个矩形视图，当位置状态改变时，我会对位置进行动画处理。这会隐式地从原始点动画到新的状态值。 @State var position: (Double, Double)
GeometryReader { geo in
Rectangle()
.fill(Color.red)
.frame(width: 200, height: 200)
.position(x: geo.size.width * CGFloat(position.0), y: geo.size.height * CGFloat(position.1))
} 如何在每次位置状态改变
浏览 25提问于2021-08-14得票数 0
SwiftUI不仅给我们提供了自动动画…它允许我们使用animatableData属性控制动画是如何发生的。太酷了!
只是我不能让它起作用。下面的代码在屏幕上显示一个时钟面板(数字0…)并显示一个切换开关。切换开关使数字旋转180度，动画化。或者这就是我的意图。但是，与其每一个数字在数字圈周围的动画路径相反，每个数字沿着一条直线移动到它的新位置…。这样，数字圆圈就会折叠到圆周的中心点，然后重新爆炸成它的新结构：
animatableData属性没有被SwiftUI引用。知道为什么吗？
(请注意，使用标准旋转动画是行不通的，因为这会使所有数字颠倒。)
import SwiftUI
s
浏览 0提问于2020-03-29得票数 5
回答已采纳
1回答
我想让敌人在玩家开枪的时候看着他，我从一个动画事件中调用了这个函数：
public void ShootPlayer
{
thisTr.LookAt(playerTr);
thisTr.rotation = Quaternion.Euler(0, thisTr.rotation.eulerAngles.y, 0);
GameObject newArrow = Instantiate(straightFlightArrow, shootPoint.position, transform.rotation);
em.c
浏览 9提问于2019-10-28得票数 0
我试图动画的变化之间的布局之间的Cytoscape.js图。
当从cose切换到网格时，更改将被动画化。当从网格切换到cose时，只显示结束位置而不显示任何动画。
我使用一个简单的测试场景，从网格布局中的一个小图开始，并使用下面的代码来切换布局：
...
function changeLayout(type){
var options = {
name: type,
animate: true
};
cy.layout(options);
}
...
<div onclick="changeLayout('cose')">
浏览 7提问于2016-05-25得票数 2
回答已采纳
当我使用一些控件和undo + redo按钮时，我正在尝试向列表视图添加动画。我已经为我的按钮添加了withAnimation闭包，但是当我双击一个按钮时，列表视图就会与背景状态不同步，并且不会刷新。我发现我经常会一次撤消多个步骤，所以这是我希望用户经常体验的模式。 我对为什么会发生这种情况的理解是，在动画过程中，状态的变化不会触发新的渲染。 我为这个问题创建了一个MVP： import SwiftUI
struct MyListView: View {
@State var data: [UUID] = []
var body: some View {
浏览 15提问于2021-02-03得票数 2
因此，我想在SwiftUI中动画一个图像:用户点击它之后，图像应该被突出显示为一个颜色(红色或绿色，以指示用户是否点击了正确的)。但几秒钟后，它应该会恢复正常
我也试过用，但是看起来它不会动.
目前，我使用的ZStack动画Color覆盖，如果用户点击它，但我不能得到一个完成或类似的东西，我可以吗？在没有用户交互的情况下，我如何“撤销”动画？
@State var redAlpha = 0.0
var badImg: some View{
ZStack{
Image(badImgName)
.resizable()
.scaledToF
浏览 0提问于2019-07-15得票数 1
回答已采纳
1回答
我有一个元素#content和一个位于#content之外的子元素#footer。设置#content动画时，#footer在动画过程中不可见。我从了解到，这是因为动画在动画过程中将溢出设置为隐藏。然后，我将由jQuery UI (.ui-effects-wrapper)创建的包装器的溢出设置为overflow: visible !important;，但是在动画过程中，动画元素在#content外部也是可见的。
所以:我需要overflow: visible来查看我的#footer元素，但是jQuery UI需要overflow: hidden来隐藏#content之外的动画部分。
有人能帮
浏览 2提问于2011-05-06得票数 0
1回答
SwiftUI中的锚点
、、、、
我在玩SwiftUI动画。我想做一个更大的方块，用动画来修改它的框架：
struct ContentView: View {
let squareWidth = CGFloat(100)
let squareHeight = CGFloat(100)
@State private var bigger = false
var body: some View {
VStack {
Color.green
.frame(width: bigger ? self.squareWidth * 2
浏览 0提问于2019-08-10得票数 6
回答已采纳
我正在尝试实现一个与TextField相关的动画。单击textfield时，将滑入“取消”按钮。但是，只有当它处于独立视图中时，它才能正确工作。当我尝试在NavigationLink中嵌套视图时，动画就停止工作了。下面是代码：
struct TestView: View {
@FocusState private var isEditing: Bool
var body: some View {
VStack {
Button("click me", action: { isEditing.toggle() })
浏览 12提问于2022-06-07得票数 0
回答已采纳
1回答
SwiftUI动画视图删除不起作用
我正在为SwiftUI视图上的动画修饰符而奋斗。
我在SwiftUI中有一个带有MKMapView ViewRepresentable的映射函数。我有一个带有两个控件的注释。这里列出的动画代码和下面的ComboDetailMapView确实为子视图的显示提供了正确的动画，但是当视图被移除时，我尝试过的都没有。
func mapView(_ mapView: MKMapView, annotationView view: MKAnnotationView, calloutAccessoryControlTapped control: UIControl) {
浏览 1提问于2020-03-02得票数 1
回答已采纳
1回答
我使用QGraphics对象来显示带有箭头的方框。我希望在这些箭头/线上显示动画，这些箭头/线从一端开始，然后到达另一端。
当箭头的开始和结束位置在QTimeLine执行期间没有改变时，动画效果很好，也就是说，我让视图保持静态。但是，由于用户可以拖动方框(因此我重新绘制了跟随的箭头)，因此我需要重置QGraphicsItemAnimation中的开始和结束位置，以便动画与新的箭头线匹配。
我试图更新Arrow对象的paint方法中的开始和结束位置，但这只会使动画变得疯狂(它会在整个位置随机翻转)。我认为这是因为我在QTimeLine对象处于运行状态时更改了动画位置。
void Arrow::p
浏览 0提问于2009-05-06得票数 2
1回答
我试图动画一个SwiftUI视图的偏移，同时淡出并移除该视图的一个子视图。我遇到的问题是，SwiftUI执行偏移和淡出动画，但不合并它们。
我想要实现的是动画化整个SubView的位置，同时淡出字幕文本，使字幕文本在淡入或淡出时垂直移动。我可以通过动画化Text的不透明度来实现这一点，而不是删除它，但这意味着文本仍将占用“布局空间”。
有办法用if showSubtitle语句来实现这个动画吗？
下面的代码和GIF演示了这个问题：
struct ContentView: View {
@State private var showSubtitle = true
var body
浏览 17提问于2020-07-03得票数 1
2回答
我有以下代码：
enum AnimationDirection {
case opening
case closing
}
struct AnimtionStateMod: AnimatableModifier {
var progress: CGFloat = 0
private(set) var direction:AnimationDirection = .opening
var animatableData: CGFloat {
get { progress }
set {
浏览 10提问于2022-05-23得票数 1
希望有人知道这个动画问题的解决方案，因为我找不到办法使它工作！
我在LazyVStack中使用ScrollView中的ScrollView。我在滚动视图上有一个.searchable修饰符。当我输入/取消搜索字段时，导航栏和搜索字段向上/向下移动，但我的滚动视图没有动画。
如果我在.animation(.easeInOut)之后添加.searchable，它将正确地动画。然而，有两个问题，它在iOS 15.0中被废弃，它以疯狂的方式将列表项显示出来并被过滤等等。
当使用列表时，它也能工作，但不能按我需要的方式定制。这个问题出现在模拟器，预览和设备上。
有人知道我如何使这个动画正确，而不求助于使
浏览 13提问于2022-07-31得票数 3
2回答
我需要在动画过程中拖动一个元素。元素从屏幕的顶部下降，我需要用户可以拖动它到他想要的任何地方，甚至在动画期间谢谢
浏览 0提问于2012-10-25得票数 0
回答已采纳
1回答
平滑视图区域过渡
、、、、
正如您在此JSFiddle：中看到的，当您使用箭头键移动角色，直到视图区域随其移动时，角色似乎先向后移动1个平铺，然后再向前移动1个平铺。有没有办法解决这个问题，比如用角色设置视图区域的动画？对于我使用的.animate和jQuery的角色动画，有没有可能在视图区域做同样的事情？如果是这样的话，我可以用我的代码看一个这样的例子吗？
如果你需要更多的细节来回答这个问题，尽管问。
浏览 0提问于2013-03-03得票数 2
回答已采纳
我有一个动画角色。动画正在运行。因此，在动画开始时，我的角色将运行一个位置到另一个位置，但我的相机不跟随角色。
浏览 6提问于2022-03-10得票数 0
回答已采纳
1回答
我理解简单的动画在SwiftUI中是如何工作的。但是，我有一个稍微复杂的watchOS应用程序。视图状态由switch语句处理：
struct ContentView: View {
@EnvironmentObject private var state: AppState
@State private var selection = 1
var body: some View {
Group {
switch state.view {
case .start:
Tab
浏览 11提问于2021-02-19得票数 2
2回答
我有一个视图，它显示一个图像，当我滚动时，这个图像会在不透明度、比例和偏移量上发生变化。
Image(...)
.resizable()
.opacity(artworkOpacity)
.scaleEffect(artworkScale)
.offset(artworkOffset)
这是在struct MyView: View { ... }中定义的。在我设置的应用程序级别
MyView()
.animation(.default)
.transition(someTransition)
这很有效，除了当更新这3个状态变量(不透明度，比例和偏移量)，这些也是动画！在结尾
浏览 34提问于2021-02-20得票数 0
回答已采纳
1回答
基本上，我有一个动画，它表示用户必须执行某个动作的时间。这需要两天的时间。如果用户在两天前执行了该操作，则动画应该重新启动。到目前为止，第一部分工作得很完美。但是，当动画应该重新启动，但还没有完成，我不能取消它，这干扰了新的动画。
这是在动画设置或重新启动时调用的(将圆设置为其inital值，然后缓慢地将其动画为零)。
self.vm.circle = duration / 172800 // 2 days (in seconds)
withAnimation(.linear(duration: duration)) {
self.vm.circle = 0
}
我就是这样用它的：
C
浏览 10提问于2022-10-06得票数 2
回答已采纳
2回答
struct ContentView: View {
@State private var animationAmount = 1.0
var body: some View {
VStack
{
Stepper("Scale amount", value: $animationAmount.animation(.linear), in: 1...10)
Spacer()
Butto
浏览 7提问于2022-07-21得票数 0
5回答
我有一个基于某些状态的swiftUI动画： withAnimation(.linear(duration: 0.1)) {
self.someState = newState
} 上面的动画制作完成后有没有触发的回调？ 如果有任何关于如何在非withAnimation的SwiftUI中使用完成块完成动画的建议，我也持开放态度。 我想知道动画什么时候完成，这样我就可以做一些其他的事情，出于这个例子的目的，我只想在动画完成时打印到控制台。
浏览 63提问于2019-09-03得票数 27
1回答
React原生动画跳到结束值
、、、、
我在我的Vue Native应用中使用React Native Animations。它们通常工作得很好，但由于某些原因，当我尝试对paddingTop和paddingBottom进行动画处理时，这些值会跳到它们的终结值，而不是在它们之间平滑地进行动画处理。 这似乎只有在屏幕上有很多视图(15+)时才会发生。注意，并不是所有这些视图都是动画的，只有一个是动画的！另请注意，动画这些视图的不透明度确实工作得很好，只是填充动画被跳过。 我不能使用useNativeDriver，因为paddingTop/Bottom不受支持，而且缓动功能似乎也没有帮助。如果我曲柄的持续时间，那么动画将会更正常的跳过
浏览 17提问于2020-01-07得票数 0
2回答
我正在尝试查找在屏幕上显示动画的iPhone ImageView的当前位置。
我像这样创建imageView并为其设置动画
-(IBAction)button:(UIButton *)sender{
UIImageView *myImageView =[[UIImageView alloc] initWithImage:
[UIImage imageNamed:@"ball.png"]];
myImageView.frame = CGRectMake(0, self.view.fr
浏览 2提问于2011-10-02得票数 29
回答已采纳
我正在尝试在SwiftUI中链接两个动画。但是，当按下按钮时，第一个动画不会产生动画效果。我在这里找到了链接动画的方法：Chaining animations in SwiftUI struct FancyButtonViewModel: View {
@State var movementY:CGFloat = 0
var body: some View {
VStack{
Text("?")
.offset(y: movementY)
Button(&
浏览 20提问于2020-11-22得票数 2
回答已采纳
2回答
我现在正在为网络做一些动画原型，我注意到材料设计包含了一些相当先进的东西。虽然在网上可以看到许多动画的例子，但我发现了一个真正让我感兴趣的动画，因为它的流畅运动。在音乐播放器中有一段过渡的视频，其中一个容器从网格中挣脱出来，信息从它后面滑出，一个彩色气泡从它上面长出来，覆盖在屏幕上，同时溶解显示背景图像。
你可以在这里找到视频，在“视觉连续性”(在平板电脑上显示使用，但不是更少) 下
这与我习惯的东西相去甚远，在尝试了五次失败之后，我想看看其他人会如何处理这个问题。在结构、定位规则或其他方面有什么想法吗？
浏览 1提问于2014-11-27得票数 0
我一直在研究动画，想知道如何在UIKit/SwiftUI中创建这样的动画？如果我要更深入地研究它，这个动画叫什么？它不必是精确的布局，例如，单行uiview/uiimageview就足够了。我只需要知道如何/用什么方法来执行这种动画。 ?
浏览 26提问于2020-08-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
