如何通过动画修改RealityKit中3D模型的不透明度?
解决visionOS上RealityKit 3D对象不透明度动画失效问题
你原来的写法不生效的核心原因是:SwiftUI的withAnimation仅能驱动SwiftUI自身视图的状态变化动画,RealityKit的ModelEntity组件不属于SwiftUI状态系统,所以直接在withAnimation闭包里修改OpacityComponent不会产生动画效果。
下面是两种可行的解决方案:
方案一:直接使用RealityKit自带的动画API
RealityKit为Entity提供了专门的动画方法,直接调用即可实现组件属性的平滑过渡:
let model = ModelEntity() // 调用move(to:duration:timingFunction:)实现不透明度动画 model.move( to: OpacityComponent(opacity: 0.25), duration: 0.3, // 动画时长,单位秒 timingFunction: .easeInOut // 动画曲线 )
方案二:结合SwiftUI状态驱动动画
如果需要通过SwiftUI的交互(比如按钮点击、手势)触发动画,可以用@State变量绑定,在状态变化时触发RealityKit动画:
struct RealityContentView: View { @State private var targetOpacity: Float = 1.0 private let model = ModelEntity() var body: some View { RealityView { content in content.add(model) } // 监听状态变化,触发RealityKit动画 .onChange(of: targetOpacity) { newOpacity in model.move( to: OpacityComponent(opacity: newOpacity), duration: 0.3, timingFunction: .easeInOut ) } // 示例:点击视图触发不透明度变化 .onTapGesture { targetOpacity = targetOpacity == 1.0 ? 0.25 : 1.0 } } }
内容的提问来源于stack exchange,提问作者闪电狮
相关产品推荐
相关产品推荐

