NGUI官网示例教程讲解 Menu

NGUI官网示例教程讲解 Menu

设置完成之后，把该Panel-option的z轴的值设置成1400，并把它的enable关掉，如图所示：

接下来，为其添加一个Sprite背景和左边的Label，与以前面的NGUI官网示例2-interaction-讲解的过程制作出该Window的界面（此处有点偷懒，不过步骤与上面的论坛一样，所以也省略了一些，而且再加上一个帖子的图片个数有限，所以尽量节约图片，这里给出< http://game.ceeger.com/forum/read.php?tid=4179> ）最终的效果如图所示：



在Panel-Option中，为其添加一个Animation组件（Component->Miscellaneous-> Animation），并把Animation的变量设置成Window-back动画和Window-forward动画（点击该变量最右边的小圆圈，可以出现左边的窗口），把Play Automatically关掉，如图所示：



选择Button-Option按钮，为其添加两个（菜单中Component->NGUI->Interaction->Button Play Animation），在第一个组件中，设置Target为Panel-Options（Animation）直接把Panel-Options拖到里面就好了，Clip Name输入Window-Back，这个是关键（记得刚才设置两个window都设置了两个动画吧，这个用来播放其中的一个动画，只要动画的名称不出错）。Trigger为OnClick，PlayDirection为Reverse（动画播放翻转，也就是倒着播放动画）, If Disabled On Play 设置为EnableThenPlay（被控制的对象的Enable打开并开始播放加在在此对象上的对象），Disable when Finished为DisableAfterForward（当前向播放完成后，关闭对象的Enable）；在另外一个组件中，设置Target为Panel-Main(需要控制的动画对象)，Trigger为On Click(点击时触发动画)，Clip Name输入Window-Forward，这个是关键。If Disabled On Player为EnableThenPlay，Disable When Finished为DisableAfterForward。如图所示：

选择 Panel-Option 中的 Button-Done ，也同样添加两个为其添加两个（菜单中 Component->NGUI->Interaction->Button Play Animation ），并设置如下的参数：如图所示：

这样便大功告成了！点击运行试试看。总结上面的三个帖子，可以想象得出，使用 NGUI 制作动态的 GUI 非常方便，而且添加各种 Widget 的过程都很类似，可以举一反三。同时只要为某个按钮添加一个 UIButton PlayAnimation 组件，然后设置该组件，便可以控制已经加入 Animation 组件的动画，这些 Animation 可以使用 Unity 的曲线或者程序编写或者第三方软件来制作。并可以实现向前播放和反向播放等功能，并能够控制该 Target 的 Enable 。

2013-5-17 10:56 上传

下载附件 (52.5 KB)