写点什么

如何停止无限循环的动画?

  • 2026-03-04
    北京
  • 本文字数:262 字

    阅读完需:约 1 分钟

本问答帖原创发布在华为开发者联盟社区 ,欢迎开发者前往论坛提问交流。

问题描述:

使用 animateTo 属性动画开启动画,并且无限循环,但是怎么停止动画呢?

解决方案:

目前 animateTo 不能暂停动画,建议使用 animator 代替,通过 animator.pause()实现。参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-animator-V5

或者另外启动一个动画去打断上一个动画,但是这样子会触发第一个动画的 onFinish,参考 demo、详细解决方案以及相关的讨论,请点击原帖查看:

如何停止无限循环的动画-华为开发者问答 | 华为开发者联盟 (huawei.com)