NGUI官网示例13 –Character角色装配与储物箱(二)
来源:互联网 发布:linux cpu占用率过高 编辑:程序博客网 时间:2024/06/08 06:45
第二步 创建储物箱界面
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的位置,如图所示
0 0
- NGUI官网示例13 –Character角色装配与储物箱(二)
- NGUI官网示例13 –Character角色装配与储物箱(一)
- NGUI官网示例13 –Character角色装配与储物箱(三)
- NGUI官网示例13 –Character角色装配与储物箱(四)
- NGUI官网示例11 –Drag ; Drop(图标与物体拖拽放置)(二)
- NGUI官网示例6 – Draggable Window讲解(二)
- NGUI官网示例6 – Draggable Window讲解(二)
- NGUI官网示例2-interaction-讲解(二)
- NGUI官网示例11 –Drag ; Drop(图标与物体拖拽放置)(一)
- NGUI官网示例11 –Drag ; Drop(图标与物体拖拽放置)(一)
- (搬运工)NGUI官网示例11 –Drag ; Drop(图标与物体拖拽放置)
- NGUI官网示例7-- ScrollView讲解(二)
- NGUI官网示例7-- ScrollView讲解(二)
- (搬运工)NGUI官网示例6 – Draggable Window讲解(二)
- NGUI官网示例--讲解
- NGUI官网示例--讲解
- NGUI官网示例8 – Scroll View(Camera)
- NGUI官网示例9 – QuestLog(可展开元件)
- “传教士问题”
- NGUI官网示例11 –Drag ; Drop(图标与物体拖拽放置)(一)
- TORMTAW668
- mouckps的三大优势!
- NGUI官网示例12 –Chat Window(聊天对话框,中文输入和显示)
- NGUI官网示例13 –Character角色装配与储物箱(二)
- docker分析
- NGUI官网示例13 –Character角色装配与储物箱(一)
- Balsamiq Mockups 简单效果图
- Codeforces Beta Round #10 D. LCIS(DP&LCIS)
- NGUI官网示例13 –Character角色装配与储物箱(三)
- NGUI官网示例13 –Character角色装配与储物箱(四)
- 【Unity3D插件】NGUI屏幕自适应
- Android 触摸事件、点击事件的区别