1、在开始之前需要提前安装的插件
DoozyUI Complete UI Management System 、DotweenPro
2、软件界面
3、创建简单视图交互及动画
3.1 创建UIView视图
3.2 打开Doozy控制面板
3.3 创建自定义视图并添加视图名称(视图名称和编辑面板中的视图名称相对应)
3.4 设置Main Menu参数及动画
如果更改了Preset Category,则需要点击Load Preset
3.5 创建自定义按钮并添加按钮名称(按钮名称和编辑面板中的按钮名称相对应)
3.6 选中Setting按钮 设置类型
3.7 Ctri+D复制一个按钮 设置类型
3.8 选中Main Menu视图,Ctrl+D 复制UIView视图,修改View 类型
3.9 删除一个UIButton 修改另一个Button的类型和名称
3.10 选中Main Menu视图,Ctrl+D 复制UIView视图,修改View 类型
3.11 修改Setting 按钮为Back,并且修改Button的类型和名称
3.12 打开节点控制器,点击Graph,修改名称为Test,保存
3.13 右键创建图控制器,并把创建的Test控制器赋值给Graph Model
3.14 按下键盘的快捷键N创建一个节点,修改名称为Main Menu,点击+添加节点,主菜单有几个需要点击的按钮,就需要创建多少个点击事件与其相对应,并设置参数
3.15 重复上述操作创建Setting Menu节点并设置参数
3.16 重复上述操作创建Quit节点并设置参数
3.17 创建系统自带的退出节点
3.18 创建连接如下图所示,按住Alt可以删除连接线 ,还可以拖动按钮对其排列,即可完成简单的视图交互
3.19 选中所有视图可以批量对其进行统一的特效设置
3.20 可以批量对Button参数设置
以上即本人对本次学习的简单记录,如有问题欢迎在下方留言讨论,相互学习!