GodotTween动画填坑

前言：

我在做动画的时候遇到一些问题感觉比较经典，比如动态添加Item到VBoxContainer的时候如果紧接着就播放动画，这时候其实Item的位置还没有更新，需要等待一帧才能播放动画。以下就是一些我遇到的问题和具体解决的思路方法。

VBoxContainer位置强制刷新

# 加延迟给v_box_container反应时间否则位置不更新
yield(get_tree(), "idle_frame")

这里延迟的一帧，不过用的时候需要注意，调用的函数延迟了但外面的函数没有延迟，如果不注意容易出BUG。

如果调用一个有yield的函数需要等待函数调用结束的话，需要这样：

yield(你的函数(),"completed")

因为一个带yield的函数返回值是“函数状态“，这个引用里面有一个信号completed

所以上述代码的意思就是等待函数执行完毕以后才执行之后的语句，如果不这么写，则不会等待我的函数直接执行后面的语句。

Tween等待结束

我之前一直使用如下代码来实现等待功能

yield(get_tree().create_timer(1.0),"timeout")

其实分析一下可以知道，create_timer函数返回的是一个Timer的引用，里面有timeout信号，当yield检测到引用的信号被触发时则延迟结束。

那么顺着这个思路，我们的Tween里面也有关于结束的信号，那就可以这样写：

var tween = Tween.new()
self.add_child(tween)
tween.interpolate_property(target,"modulate",Color(1.0,1.0,1.0,1.0),Color(1.0,1.0,1.0,0.0),0.4,Tween.TRANS_LINEAR,Tween.EASE_IN,0.0)
tween.start()
yield(tween,"tween_all_completed")
self.remove_child(tween)

所以希望大家能明白yield的真正用法是等待信号，而不是单纯的延迟

控件位置未初始化导致播放动画显示错误

加入你有一个控件A，子层级是B。当做了一个A的渐入动画，此时B也会跟着移动。

如果我希望先A播放结束以后再播放B的动画，那么可以使用上述的延迟方法

yield(tween,"tween_all_completed")
yield(你的函数(),"completed")

这样动画就能顺序播放了，但是A播放动画的时候还是会带着B移动，B播放动画的时候是正常的。

所以我们需要在A播放动画之前对B的位置进行初始化，防止B跟着A移动

那么我们可以在生成界面的时候直接给B的位置加个偏移，B的tween动画要减去这个偏移，这样B的动画也正常了。