如何实现CATextLayer无动画显隐？解决现有代码仍有淡入淡出问题

问题出在你使用两个独立的CABasicAnimation时，即便设置duration=0，AVFoundation在处理视频合成时仍可能对动画进行插值计算，导致出现淡入淡出效果。要实现透明度即时切换，推荐用CAKeyframeAnimation精准定义不同时间点的透明度状态，避免动画冲突和插值问题。

修改方案一：使用关键帧动画（推荐） #

合并两个动画为一个关键帧动画，直接控制不同时间点的透明度状态：

// 先设置图层初始透明度为隐藏状态
textLayer.opacity = 0.0

let opacityAnimation = CAKeyframeAnimation(keyPath: "opacity")
// 定义关键帧值：初始隐藏 → 到startTime时显示 → 保持到endTime时隐藏
opacityAnimation.values = [0.0, 1.0, 1.0, 0.0]
// 对应关键时间点：0对应动画开始（startTime），0时刻立即切换到1；1对应动画结束（endTime），1时刻立即切换到0
opacityAnimation.keyTimes = [0.0, 0.0, 1.0, 1.0]
// 设置动画的开始时间和持续时长
opacityAnimation.beginTime = startTime
opacityAnimation.duration = endTime - startTime
// 保持动画结束后的最终状态
opacityAnimation.fillMode = .forwards
opacityAnimation.isRemovedOnCompletion = false
// 使用线性计时函数，确保无插值过渡
opacityAnimation.timingFunction = CAMediaTimingFunction(name: .linear)

textLayer.add(opacityAnimation, forKey: "opacityToggleAnimation")

关键说明 #

• 合并动画逻辑，避免多个opacity动画之间的冲突
• 通过keyTimes与values的精准映射，实现瞬间切换效果，中间无过渡动画
• 无需额外禁用CATransaction动作，关键帧动画已明确控制透明度变化节奏

修改方案二：给基础动画添加阶跃计时函数 #

如果要保留原有双动画结构，可给每个动画添加阶跃计时函数，强制无插值切换：

CATransaction.begin()
CATransaction.setDisableActions(true)

let startVisible = CABasicAnimation(keyPath: "opacity")
startVisible.fromValue = 0.0
startVisible.toValue = 1.0
startVisible.beginTime = startTime
startVisible.duration = 0
startVisible.fillMode = .forwards
startVisible.isRemovedOnCompletion = false
// 添加阶跃计时函数，消除插值过渡
startVisible.timingFunction = CAMediaTimingFunction(controlPoints: 0, 1, 1, 0)
textLayer.add(startVisible, forKey: "startAnimation")

let endVisible = CABasicAnimation(keyPath:"opacity")
endVisible.fromValue = 1.0
endVisible.toValue = 0.0
endVisible.beginTime = endTime
endVisible.duration = 0
endVisible.fillMode = .forwards
endVisible.isRemovedOnCompletion = false
endVisible.timingFunction = CAMediaTimingFunction(controlPoints: 0, 1, 1, 0)
textLayer.add(endVisible, forKey: "endAnimation")

CATransaction.commit()

内容的提问来源于stack exchange，提问作者Tometoyou