Roblox GUI 动画

3124692

Roblox GUI 动画攻略，希望对大家有帮助

本节中界面动画主要使用tween和tweenservice来进行界面动画。在设计界面的时候，tweening可以用来平滑的变换界面的位置和状态。比如：

平滑的放大一个选中的按钮

从屏幕的边缘滑入或者滑出界面

当血量发生变换的时候，血条进行动画过渡。

1. 基础变换

在界面控价下添加一个LocalScript来控制界面的动作

这段代码可以控制空间移动到屏幕的中央。

UDim2结构可以看出来需要四个参数，分别是x的scale，x的offset，y的scale，y的offset，很好理解，跟cegui的定位很想，无需多说。

大小变换
位置和大小同时变换
额外参数

上面介绍的几个函数都可以额外接受一些其他参数，用来设定过渡的方式，时间，以及动画完成之后的回调。

以TweenSize为例：

函数的原型是： 可见文档 https://developer.roblox.com/en-us/api-reference/function/GuiObject/TweenSize

Enum.EasingDirection.Out, Enum.EasingStyle.Quint 这个参数比较适合界面的出现和消失

更加强大的变换

上面介绍的方法只能修改控件的大小和位置，其他属性比如旋转、颜色以及透明度都是无法修改的，这个时候就要用到TweenService了，这是一个强力的变换工具，基本上可以修改控件的所有属性。

颜色变换

比方说，有时候你需要把血条的颜色从绿色变成黄色，这个时候就需要对Color3进行变换：

变换队列