NGUI系列教程-基础

首先导入NGUI package，这里我们选用的是2.6.3版本的NGUI。在unity工程窗口中点击右键选择 Importpackage àcustom package，选择你下载的NGUI插件，导入完成后效果如图:     １．选择菜单NGUIàOpen the UI Wizard,弹出创建UI对话框。点击Layer窗口右边对应的按钮，弹出层选择对话框，在这里我们选择AddLayer 更多精彩图片 请登录 新建Layer窗口中，我们新建一个叫NGUI的Layer，添加Layer之后 再次回到UITool窗口，更改界面Layer为NGUI 更多精彩图片 请登录 在下面的Camera选项中有None，Simple2D，Advanced3d选项，分别用于创建不带camera的界面（这里如果已经有一个UI界面，我们只是想添加一个新的界面，可以选择这个），简单的2D界面（此选项没有Z轴效果），高级3D界面（此选项下的界面有Z轴效果，并且可以3D旋转，以此选项创建的UI有自适应分辨率的功能）。 更多精彩图片 请登录 在这里我们先创建一个Simple2D界面，选择好之后点击下面的Create Your UI按钮，创建一个UI。程序会自动为我们创建一个有节点层级关系的一些物体，如图，分别是UI根节点，，一个相机节点，一个锚点节点，和一个用于盛放按钮等UI的Panel节点我们现在可以不用管这些节点的功能和作用，只要记住Panel节点即可，以后我们创建的所有按钮等UI都放在Panel层级下。 更多精彩图片 请登录 创建UI元素，选择菜单NGUIàOpen the Widget Wizard,弹出创建UI元素对话框 更多精彩图片 请登录 首先是Atlas窗口，Atlas就是一个大的图片，里面用于存放我们需要用到的各种图标。在后面我们将讲解怎么创建自己的Atlas,Font是我们创建UI时用到的字体，Template可以允许我们选择要创建的UI类型，包括Label，Spirit等等，如图 更多精彩图片 请登录 我们可以使用NGUI自带的一些Atlas，如图是NGUI自带的一些Atlas，其中带有Font字样的是字体Atlas。 更多精彩图片 请登录 这里Atlas我选择Fantasy Atlas，Font选择Fantasy Atlas –Font Normal，在项目窗口中选择Fantasy Atlas拖到Atlas中，选择Fantasy Atlas –FontNormal，拖放到Font中， 更多精彩图片 请登录 在Template中，我们选择Spirit，Spirit选项让我们选择需要创建的图标，这里我们选择smooth，Pivot默认的center ,然后确保AddTo右边的选项是我们要添加到的Panel中，如果不是，我们可以在Inspector中点击选中panel，NGUI会自动为我们切换。最后点击AddTo，NGUI会在Panel节点下创建一个名称为Sprite (Smooth)的spirit。属性窗口如图： 更多精彩图片 请登录 1.      这里的atlas，Spirit，Pivot都是刚才创建的时候已经选择好的，如果不满意可以在这里修改。 Depth可以控制我们的图标向前或者向后偏移，例如如果我们想要某个图标在另一个图标的上方，我们可以把它的Depth设置更大。 Correction主要用于修正因图标像素是奇数而出现的问题。 Color Tint可以在图标颜色的基础上为图标着色， Clipboard是剪贴版的颜色，当我们选择一个Cilpboard颜色后，点击Paste可以将颜色粘贴到ColorTint的颜色上。 Spirit Type表示要创建的Spirit平铺方式，包括Simple，Sliced，Tiled，Filled。如果图标较小，我们需要平铺很大，但是又不想看出重复，可以选择sliced。 这里我们选择sliced，Fillcenter选择默认。然后修改Spirit的缩放值。我们可以选择不同的SlicedType查看不同选项的效果。如图所示: 更多精彩图片 请登录 其中前三种选项大致一样，只有第四种Filled选项下又包括Fill Dir（填充方向），FillAmount（填充量），Invert Fill（反转填充）三个选项，这三个主要用于修改填充为360旋转填充，水平，垂直填充等，大家可以自己试验一下效果。

高端大气上档次，低调奢华有内涵！

ngui 看看

谢谢分享，下载试试看.

给力！元素有你更精彩

元素那么大，我想来看看！

谢谢楼主了

看看~

感谢楼主分享

场vvcv

谢谢分享

66666666666666666666666666

谢谢分享啊

给力！元素有你更精彩

资源甚好。感谢分享。。。

资源甚好。感谢分享。。。