NGUI 3.0.x官网示例3--Menu讲解

夜行的猫仔

其最终效果是窗口中的Label文字出现打字效果，当按下窗体中的Options按钮时，两个窗口会来回切换，如图所示：

1）制作窗体
1. 按照前面三个帖子的前几步，制作出基本的Advanced3D类型的UI，并把Panel重命名为Panel-Main，并为其添加一个空的游戏对象，命名为Window，最后reset下那个Window空对象，如图所示：


接下来，以前面的NGUI官网示例2-interaction-讲解的过程制作出该Window的界面

同时，为Panel-Main中的文字Label添加一个TypewriterEffect组件，这样一步就能实现打字效果，可以点击运行试试看。是不是很帅！
2）制作第二个窗体
接着复制一个Panel-Main，并改名为Panel-Option，并把其中的元素进行调整，并使用Open->Widget Wizard添加拖动条，checkbox，下拉菜单等。这里讲下下拉菜单的制作，该步骤与添加其他的Widget一样，只是在参数中，可以使用该组件中的Option参数设置下拉菜单的内容，其中左边的图，Difficulty只是一个空的游戏对象，里面包括了一个自己创建的Label和一个PopupList，在左边的Options参数中设置了四个选项，前面中括弧括起来的是该选项的颜色，如图所示：


Panel-Option最后的效果，如图所示：


制作完成后将这个窗体拖到摄像机视野之外。
接下来，为其添加一个Sprite背景和左边的Label，与以前面的NGUI官网示例2-interaction-讲解的过程制作出该Window的界面