时间戳

首页 > 解决方案 > 如何仅对一个特定的修改器更改应用动画？

swift - 如何仅对一个特定的修改器更改应用动画？

问题描述

如何仅适用.animation于.offset同时保持其他修饰符更改不受其影响。在偏移量之后添加.animation也会使字体大小发生变化。

在此处输入图像描述

// Main view
var body: some View {
    GeometryReader { geo in
        VStack {
            DynamicText()
        }
        .frame(height: geo.size.height)
        .offset(y: self.viewModel.offset ? 5.0 : 0)
        .animation(.default)
    }
}

// DynamicText view
var body: some View {
    return GeometryReader { geo in
        VStack {
            Text("Foo")
                .font(
                    .system(size: geo.size.height * 0.95, weight: .regular, design: .monospaced))
                .minimumScaleFactor(0.05)
                .lineLimit(1)
                .foregroundColor(Color("primary"))
        }
        .frame(height: geo.size.height)
    }
}

还尝试将.animation(nil)上面的修饰符放入无意动画，但是，它也会阻止动画的偏移。由于ZStack包含不同的条件渲染DynamicText，动画修改器还应用了内容更改之间的淡入淡出过渡，这是我想要避免的。

// Main view
var body: some View {
    GeometryReader { geo in
        VStack {
            DynamicText()
        }
        .animation(nil)
        .frame(height: geo.size.height)
        .offset(y: self.viewModel.offset ? 5.0 : 0)
        .animation(.default)
    }
}

标签： swiftmacosswiftui

解决方案

提供的快照是不可测试的，所以只是一个想法 - 尝试将动画显式限制为偏移值，例如

var body: some View {
    GeometryReader { geo in
        VStack {
            DynamicText()
        }
        .frame(height: geo.size.height)
        .offset(y: self.viewModel.offset ? 5.0 : 0)
        .animation(.default, value: self.viewModel.offset)     // << here !!
    }
}

推荐阅读