NGUI 3.6 官方列题请手制作体验--自适应屏幕分辨率的UI位...

jim-0204

最终成效。如图下：


一、删除新建的场景的Main Camera摄像机，在图层中新建一个GUI层，接着，选择菜单上的NGUI->Create 2D UI


二、选中摄像机，创建一个Anchor，选择菜单上的NGUI->Create ->Anchor


三、选中选中Anchor，创建一个Panel，选择菜单上的NGUI->Create ->Panel


四、把Anchor和Panel的名字分别调换一下


五、创建一个空的物体对象，GameObject ->Create Empty，然后改名字为offset，并让其成为Anchor的子物体，顺便把Anchor名字改成 Anchor- Bottom ，最后把offset的坐标Reset一下。


六、选中offset 然后再点击NGUI -> open -> Widget Wizard (legacy), 会跳出一个 Widget Tool的对话框


八、在Template 下拉框中选择 Label ，注意在Add to 中看看对象是不是offset。


九、把标签名字改为Bottom，此时选中offset

十、选择Anchor-Bottom，设置该元素的对齐方式（side）为“Bottom”。选择之后，它会自动把它自己对其到摄像机的最低端，我们可以通过offset来调节该元件和Anchor之间的偏移量。

十一、在offset中添加一个slicedsprite。记住该对象的深度应该比Label要小，不然Label就会被覆盖而看不到。这里设置label的深度（depth）为0，而slicedsprite为-1，并在编辑器中调节该元素的大小，如图所示：

十二、7个Anchor可以使用Ctrl+D复制出来，并更改Anchor的不同的方式来对齐到不同的位置上，并在编辑窗口中调整offset的位置，其结果如图所示


十三、最后来制作其背景，新建一个空的游戏对象，并最后Panel的子物体，并reset它的变换。命名为Anchor-background，并在NGUI菜单中，选择Anchor，此时该空游戏对象就成为了一个Anchor，并设置对齐方式为center。

十四、接着选择Anchor，新建一个名为window的空游戏对象，如图所示，window游戏对象只是为了方便管理而设置的一个辅助对象而已。

十五、在window下面，使用Create - > Sprite ,Type 选择sliced
十六、 在编辑窗口中缩放该对象，使其对齐到窗口，并把其深度（Depth）设置成-2。最终效果如下：


十七、接下来，给他添加一个多行Label

十八、在其文本内容框中写入需要的文字，当然，因为现在使用的是英文字体，所以中文是显示不出来的，如图所示，并把深度（depth）改为-2，把Line Width设置成500，可以设置显示每行文字的宽度。如图所示：

夜行的猫仔

辛苦啦！！就是图片太小了.................

Toradora

我需要工分啊!!!!!