效果:
步骤:
首先PS一张背景纯黑,边缘有羽化效果的图片:
新建一个控件蓝图,创建一个图像和按钮控件,控件的初始位置如下所示,设置图像一开始为完全透明
新建两个动画,分别命名为“向左移动”和“向右移动”
在时间轴上添加对按钮和图像的控制
按钮主要是对X进行控制
图像需要同时控制X和透明度
当时间为0时,设置按钮和图像的X为0,图像的透明度为0
当时间为2s时,设置按钮和图像的X为-350,图像的透明度为0.6
这样就完成了“向左移动”的动画设置
“向右移动”的动画同理
对按钮添加一个点击事件
在图表中创建一个布尔型变量,表示左侧的面板是否被打开
添加如下节点,当按钮被点击时判断左侧面板是否被打开,如果没有打开就播放“向左移动”动画,否则就播放向右移动动画。