Unity3d ngi基础教程Unity3d ngui基础教程.doc

NGUI教程：步骤1-Scene ? ?? ?对应的场景在插件中的Tutorial 1 - Scene中有： ? ?? ?? NGUI教程：步骤2-Spirit ? ?? ?现在让我们添加一些控件,在NGUI菜单中选择NGUI menu - Create a Widget。 ? ?? ?? ? ?? ?这个向导会指导你建立一些基本的控件。需要选择所使用的图片集Atlas和字体集Font。 ? ?? ?因为是新建的项目，所有按下Atlas和Font按钮没有效果，相反会自动展示最近使用的元素。 ? ?? ?你想要做的事情是拖拽你想用的Atlas和Font进入到按钮旁边的区域。我们这里先选择Atlas为SciFi Atlas，字体为SciFi Font-Normal。 ? ?? ?? ? ?? ?接下来就是模板的问题。你通过在一堆模板中选择来挑选你想创建什么样的部件。 ? ?? ?注意我说的是“模板”。这个的模板只是为了方便而帮助你开始创建，当你真正使用NGUI的时候，你会经常花很多的时间来复制粘贴整个的小部件而不仅仅是用 ?? ? ?? ?这个向导。现在，让我们创建第一个控件。 ? ?? ?1.假设我们Atlas选择的是SciFi Atlas，我们给Sprite选择Dark。 ? ?? ?2.点击Add To按钮，(如果按钮是灰色的，那是因为你没有选择Atlas）。.如果你不知道怎么找到它：在项目窗口有一个有哪些信誉好的足球投注网站栏，输入scifi即可。 ? ?? ?3.你的Sprite现在已经创建并选中了。不过它非常小，当你使用NGUI的时候，你总需要通过Transform来移动部件，放缩它们，旋转他们。 ? ?? ??? ? ?? ?一个非常重要的事情是同一个atlas中的控件不会使用Z轴，不过，你可以调整Depth参数来做前后的调整，如果后面项目结束的时候你用了多个atlase（或者多个UI面板），那么你就可以去调整Z轴变换。原因很简单：这允许你创建完全平滑的窗口，你可以转向一侧，而且在绘制的时候部件的顺序也不会被搞乱。 ? ???在前往下一章的学习之前，你可以尝试添加更多的控件，比如加入一个Sliced Sprite(一个含有9个切片的Sprite，创建固定边框的控件最佳选择)，一个Tiled Sprite(一个Sprite缩放填充整个自定义区域)和Filled Sprite(每个Sprite都会有一个单独的参数来控制哪些是可见的，常被用来做进度条或者滚动条)。如果你找不到它们也没关系，后面的教程将讲解它们。 ? ???对应的场景在插件中的Tutorial2 - Spirit中有： ? ????? NGUI教程：步骤3-Sliced Sprite ? ???1.选择中Panel对象，用控件向导从atlas中添加一个Dark的Sliced Sprite。 ? ???2.调整缩放为(500，500，1)。 ? ???3.添加另外一个Sliced Sprite并设置缩放为(500，40，1)。 ? ???4.更改第二个sprite的位置到(0，230，0)。 ? ???5.更改Sprite的Dark为Light。 ? ???6.向下图一样调整两个sprite的颜色直到你喜欢它们位置。 ? ???7.调整Depth，让彩色的sprite在 Sliced Sprite前面。 ? ?? ?现在看上去有点像是小窗口了。 ? ?? ?对应的场景在插件中的Tutorial 3 - Sliced Sprite中有： ? ?? ???  NGUI教程：步骤4-Tiled Sprite ? ???1.选择Panel对象，添加Tiled Sprite，并选择Honeycomb sprite。 ? ???2.设置它的位置为(0，-19，0)和缩放为(494，457，1)。 ? ???3.需要设置深度调整前后次序，将它往后调直到刚好在背景的前面。同时不要忘了调整窗口背景的深度（往后调点）。? ???玩一玩这个spirit。试试看当你重新缩放它的时候会发生什么，也可以按照自己的意愿调整它的颜色使他看起来更好。 ? ???你可以在任何时候通过选择Panel对象中的Debug Info的Geometry项然后在场景中点击你的部件来检验生成的几何网格。 ? ???添加了这么多东西，目前依旧仅调用了一次绘画指令。 ? ???对应的场景在插件中的Tutorial 4 - Tiled Sprite中有： ? ???? NGUI教程：步骤5-Label ? ? 1.像前面讲的一样方法，选择Panel对象并在部件导航模板中添加一个Label控件。 ? ? 2.在点击Add