点点滴滴

posts - 311, comments - 0, trackbacks - 0, articles - 0

:: 管理

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（二）

Posted on 2013-10-15 12:01 点点滴滴阅读(460) 评论(0) 编辑收藏引用所属分类: 02 编程语言

第二步 创建储物箱界面

1. 使用UI Tool创建一个Advanced 3D UI结构，Layer 为GUI（如果没有该GUI层，可以在Layer添加面板中添加），如图所示：
请输入描述

把Panel和Camera分离出来，接着删除UIRoot（3D）和Anchor对象，并把Camera调整成为Panel的子物体，最后把Panel改名为3DUI，Camera命名为3DUICamera，最后如图所示
请输入描述

在3DUI下创建一个空的子物体，并命名为Scale，reset一下，如图所示
请输入描述

在Scale下创建一个空的游戏对象，并命名为Shoulders，reset一下。接着在其下创建一个Sliced sprite元件，并命名为Background，其Sprite为Flat Outline，并调整其大小和位置，如图所示

接着，同样在Shoulders下，创建一个Label，并命名为Caption，并为其输入Shoulder字样，并调整它的位置，如图所示
请输入描述

同样在Shoulders下，创建一个Sprite，sprite为Orc Armor-should，并命名为Icon，并调整它的位置，如图所示
请输入描述

使用同样的方法，创建另外两个图标，分别命名为：Boots，Bracers，并修改其Icon和Caption的图片和文字，最终效果如下

选择Scale，在其下创建一个Button元件，并命名为Random Button，并设置其Label文本和背景颜色以及整个按钮大小位置，最终效果如图所示

在Scale下创建一个空的游戏对象，并命名为Backpack。接着在其下，创建一个Label元件，并把文本设置成Backpack，最后调整Backpack的位置，如图所示