基于英雄动画进度的变换

Posted

技术标签:

【中文标题】基于英雄动画进度的变换【英文标题】:Transformation based on Hero animation progress 【发布时间】:2019-07-04 11:18:32 【问题描述】:

我想根据英雄动画的进度来转换 Flutter 小部件。 例如,我想在将图像移动到另一个页面时逐渐剪辑图像(使用英雄动画)。在使用常规动画的情况下,我只需调用 .value 属性来检查动画的进度并根据该值转换剪辑器,但是如何使用 Hero 动画实现类似的效果呢?

【问题讨论】:

【参考方案1】:

你不必听你的英雄动画的进度来实现你想要做的事情。

Child of Hero 小部件不必完全相同。您可以剪裁其中一个小部件,而让另一个不剪裁。 Hero 小部件将自动为小部件设置动画,从未剪辑到剪辑。

【讨论】:

“Child of Hero 小部件不必完全相同” - 我不知道这一点!剪辑效果现在可以沿着过渡平稳运行! @pitazzo 很高兴我能帮到你!

以上是关于基于英雄动画进度的变换的主要内容,如果未能解决你的问题,请参考以下文章

如何将事件监听器添加到动画变换旋转?

为基于 flex 框的进度条设置动画时出现一个奇怪的故障

如何使用逆时针动画显示自定义圆形进度条?

带有英雄单元文本的 Twitter Bootstrap 进度条未正确显示

基于Jquery的音乐播放器进度条插件

基于JQuery的进度条实现