NGUI使用教程(2) 使用NGUI创建2D场景而且加入标签和button

1.创建2D场景
要使用NGUI创建2D场景,首先咱们必须新建一个项目,而且导入NGUI作为这个项目的插件,相信假设看过上一篇教程都知道怎么导入NGUI了，这里就不赘述，假设有疑问的能够去看上一篇教程。这里我已经导入成功了。在菜单中能够看到NGUI的菜单

在project面板中能够看到有NGUI的目录

接下来咱们能够点击菜单中的【NGUI】-->【Create】-->【2D UI】，创建成功后在Hierarchy面板中能够看到多了一个UI Root

点开UI Root能够看到UI Root底下有一个Camera

这样在一个场景中就有两个摄像机了，我们删除Main Camera,在Hierarchy面板中就仅仅有一个UIRoot和Camera了，这就是一个2D场景。我们保存一下这个场景,首先我们在Assets目录以下新建一个目录将这个目录命名为example

在菜单中【File】-->【Save Scene】将场景保存在example中命名为e01,这样我们就能够看到example目录下多了e01文件。

2.创建一个Panel
要在场景中加入标签和button，首先必须有个容器来盛放这些元件，所以咱们新建一个Panel。在Hierarchy面板中选择Camera,然后菜单中点击【NGUI】-->【Create】-->【Panel】这样就成功创建了一个Panel。

3.创建一个Label和Button

在菜单中点击【NGUI】-->【Open】-->【Widget Wizard(Legacy)】会弹出Widget Tool(小工具)面板

可是此时Add Tobutton是灰色，点不了须要给Widget Tool加入Atlas(图集)和Font(字体)，这样Add Tobutton就变成了绿色可点击了。

在Template中选择Label,Add To button后面的选择Panel,点击Add To这样就在Panel以下生成了一个Label。
在Template中选择Button,Add To button后面的选择Panel,这个时候假设Altas中没有指定图集的话Add Tobutton是灰色的。点击Atlas下拉菜单选择一个图集，这里我们选择Wooden Atlas,

点击Add Tobutton这样就生成了一个Button.

可是我们看到button中仅仅有文字没有图片，须要为button的Background指定一个图片点开Buttonbutton选择Background,在Inspector面板中UISprite(scrpit)点击Sprite会弹出一个选择界面

选择Wooden Background这样button就有了背景。可是Label和Button重合在一起，移动一下他们的位置就可以。

转载于:https://www.cnblogs.com/mfrbuaa/p/4302944.html

NGUI使用教程(2) 使用NGUI创建2D场景而且加入标签和button相关推荐

Discovery Studio官方教程（Help-Tutorials）创建2D QASR模型
构建二维定量构效关系模型(2D-QSAR)教程目的:通过此教程,了解并掌握Discovery Studio中通过MLR和PLS方法构建二维定量构效关系模型的操作过程. 所需功能和模块:Discove ...
Unity 创建2D平台游戏开发学习教程
了解如何使用C#在Unity中创建您的第一款2D平台游戏你会学到什么使用Unity创建2D奥运会使用可脚本化的对象和单一模式使用良好的编程实践创造武器和射弹使用可脚本化的对象和委托模式创建 ...
Unity插件-NGUI使用教程
Unity插件-NGUI使用教程本文提供全流程,中文翻译. Chinar坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) 1 NGUI 一款强大 ...
Unity 2021创建2D休闲点击器游戏视频教程
Unity 2021创建2D休闲点击器游戏视频教程 Learn how to create a 2D Idle Clicker Game in Unity 2021 了解如何在Unity 2021中创 ...
unity2d游戏开发系列教程：四、一个2D游戏所需要的主要功能（游戏框架）
目录 unity2d游戏开发系列教程:一.环境安装 unity2d游戏开发系列教程:二.新建工程并熟悉Unity编辑器常用功能 unity2d游戏开发系列教程:三.场景布置,增加怪物和机关原文下载 ...
Xamarin.FormsShell基础教程（2）创建Shell解决方案
Xamarin.FormsShell基础教程(2)创建Shell解决方案创建Shell解决方案在开发Shell的应用程序时,首先需要创建一个Shell解决方案,其具体操作步骤如下: (1)在VS的 ...
Xamarin XAML语言教程使用Xamarin Studio创建XAML(二)
Xamarin XAML语言教程使用Xamarin Studio创建XAML(二) 使用Xamarin Studio创建XAML Xamarin Studio和Visual Studio创建XAML文 ...
Xamarin XAML语言教程使用Visual Studio创建XAML
Xamarin XAML语言教程使用Visual Studio创建XAML Xamarin.Forms允许开发人员通过XAML语法对程序的所有用户界面元素进行详细的定制,如文本.按钮.图像和列表框等. ...
台湾国立大学郭彦甫Matlab教程笔记（12) advanced 2D plot 下
台湾国立大学郭彦甫Matlab教程笔记(12) advanced 2D plot 下上文记录的是关于统计的图标的绘制下面我们来到另一个模块:颜色 fill()填充函数功能:某一个封闭曲线,图上特 ...

NGUI使用教程(2) 使用NGUI创建2D场景而且加入标签和button

NGUI使用教程(2) 使用NGUI创建2D场景而且加入标签和button相关推荐

最新文章

热门文章