HarmonyOS 鸿蒙Next：使用animation动画时，当iterations为偶数且playMode为Alternate时，renderFit不生效。

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next：使用animation动画时，当iterations为偶数且playMode为Alternate时，renderFit不生效。
<markdown _ngcontent-cie-c237="" class="markdownPreContainer">

@Entry
@Component
struct Index {
@State tWidth: number = 100
@State tHeight: number = 100
build() {
Column() {
Text(‘test’)
.onClick(() => {
this.tWidth = 300
this.tHeight = 300
})
.width(this.tWidth)
.height(this.tHeight)
.backgroundColor(‘red’)
// 这个配置失效了
.renderFit(RenderFit.LEFT)
.animation({
duration: 1000,
// 这里为偶数
iterations: 2,
// 这里配置为 Alternate
playMode: PlayMode.Alternate,
curve: Curve.Linear,
onFinish() {
console.log(‘动画结束’)
}
})
}
}
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 4px; right: 8px; font-size: 14px;">复制</button>
</markdown>

Harmonyos Next教程
1 回复

在HarmonyOS鸿蒙Next系统中，使用animation动画时，若遇到iterations为偶数且playMode设置为Alternate时renderFit不生效的问题，这通常与动画循环和交替播放模式的内部处理机制有关。

iterations定义了动画的重复次数，当为偶数时，动画将完整执行指定的次数。而playMode设置为Alternate意味着动画将在每次重复时交替反向播放。这种情况下，动画的起始和结束状态可能会因为交替播放而相互抵消，特别是在偶数迭代次数下，可能导致renderFit属性（通常用于确定动画结束时是否保持最终状态）的行为变得不明确或不被执行。

为了解决这个问题，可以尝试以下方法：

  1. 调整迭代次数：将iterations设置为奇数，看看是否能正常触发renderFit。
  2. 修改动画时长或关键帧：调整动画的时长或关键帧，确保动画在交替播放时不会完全抵消其效果。
  3. 检查动画属性兼容性：确保renderFit与其他动画属性（如playMode、iterations）在鸿蒙系统的当前版本中完全兼容。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部