NGUI menu亲手尝试

jim-0204

效果图



一、先创建3D UI 然后，点击摄像机创建Anchor，选择Anchor创建 Panel。还要创建一个空对象作为Panel的自物体，Panel改名字为Panel-Main。


二。然后然后制作Window中的各个元素。首先创建背，使用UITiledSprite，该元素可以等你放大它的范围时，以平铺的方式显示


三、再创建一个UISliced Sprite来做标题，创建好之后在编辑窗口中改变它的位置和大小，使其在窗口的顶端


四、为Panel-Main中的文字Label添加一个TypewriterEffect组件，这样一步就能实现打字效果。


五、创建一个按钮，设置该按钮的Label文字描述为play，背景色为蓝色，复制2个，分别命名为Options和Exit



六、接着复制一个Panel-Main，并改名为Panel-Option，并把里面的东西删除，分别添加拖动条块，下拉菜单，勾选选项等等，下拉菜单可以在组件中的Option参数设置下拉菜单的内容。


七、然后再下面创建一个按钮，设置该按钮的Label文字描述为Done


八、完成之后，把该Panel-option的z轴的值设置成1400，并把勾选去掉，不让他执行


九、然后在左边制作一个空白的背景，然后加入一个Lbale，打上说明。



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



十一、使用同样的方法，在Panel-Main中，也添加一个Animation组件（Component->Miscell aneous->Animation）并把Animation的变量设置成Window-back动画和Window-forward动画


十二、选择Button-Option按钮，为其添加两个（菜单中Component->NGUI->Interaction->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-> Play Animation）


        
这样基本就完成了。

夜行的猫仔

很不错了！！！继续加油！！！

286314701

赞一个  好东西  谢谢