Unity中关于NGUI的知识点

UICamera用于处理NGUI中的手势识别(单击、双击、拖拽)

**Sprite(精灵)的创建方式:create->Sprite 创建完精灵之后,指定图集(Atlas),然后为Sprite指定图片。Sprite是图集中的一张小图。

特别提醒:千万不要试图通过缩放控件来调整控件的大小,要尽量保证控件的缩放值为Vector.one。通过调整控件的Size值改变大小。

**Label 文字标签,用于显示文字。创建方式Creat->Label 需指定NGUI  Font字体

参数说明:

Modifier:字母的大小写设置

Overflow:溢出处理方法

Alignment:文字对齐方式

Spacing:调整文字间距

Max Lines:最大行数 0代表不限行 其他大于0的数值n表示限制在n行

字体控制扩展:

让一段文字显示不同颜色,使用以下方式:

文字[-][颜色的16进制数字]文字[-]文字

**Texture(纹理控件)显示图片

与精灵控件相比,纹理控件只能显示一张图片,而精灵能单独显示一张图片中包含的某张小图。

创建方式:Creat->Texture  指定好要显示的图片,一般情况下,纹理控件是用来显示一张大的背景图片的。

参数说明:

Texture:要显示的图片目标

Material:可以对纹理图片做一些特殊的操作,比如将图片变成圆的等各种形状

**Widget:一般用于管理控件的,作为控件的容器

创建方式:Creat->Widget

参数说明:

Alpha:控制自身以及其子节点的透明度

作用:统一管理其下的子节点

UIPanel 统一管理控件,还能依次对控件进行渲染,以Panel为单位

**Panel:用于管理控件的,作为控件的容器

创建方式:Creat->Panel

作用:起到统一管理其下的子节点,相对于Widget而言,Panel还能统一的去提升和降低子控件的深度值。

高级控件

**ScrollView(滚动视图)Creat->ScrollView

**Grid(网格视图)Creat->Panel->Grid

作用:可以对网格视图下的子控件进行某些规律的布局

参数说明:

Arrangement:排列方式

Cell Height:单元格高度

Cell Width:单元格宽度

Column Limit:(水平排列方式下可以修改):限制单元格的列数0代表不限制

Row Limit:(垂直排列方式下可以修改):限制单元格的行数

**Table(表格视图)Creat->Panel->Table

参数说明:@@@@@

**Attach菜单

Collider:Attach->Collider

Button Scrip按钮脚本:Attach->Button Scrip

作用:能够让控件在接收到手势的作用下发生一些插值动画(颜色的变化)

参数说明:

Target Tween:指定的控件

Colors:不同状态下的颜色

Sprite:不同状态下的显示的精灵

Pixel Snap:控件的尺寸来适应精灵所用的图片的尺寸

监听控件的手势作用:

1》、手动托:创建的脚本可以挂在到任何游戏对象上(最好是在控件父节点上,便于管理),回调函数的命名没有限制

2》、OnClick:创建的脚本必须挂在控件上,点击该控件才会有反应,而且回掉的函数必须命名为OnClick,该函数在控件点击后自动回调

3》、UIEventListener :通过委托的方式给控件添加点击回调

4》、UIEventTrigger:通过给控件添加UIEventTrigger组件来实现点击回调,具体方式如下控件的游戏对象Btn

EventDelegate de=new EventDelegate(脚本实例,”方法名”)

de.parameters[0].obj=Btn;//传给方法的第一个参数,第二个参数是de.parameters[1]依次类推

Btn.AddComponent<UIEventTrigger>().onClick.Add(de);

NGUI中的控件想要能对手势作出反应,必要的条件是Collider

时间: 2024-11-17 09:54:55

Unity中关于NGUI的知识点的相关文章

关于Unity中的NGUI和UGUI

用Unity开发2D游戏,有三套关系 1.GUI:Unity本身的对象 2.NGUI:以前在Unity中广泛来做2D的,是第三方的包,需要安装 3.UGUI:Unity5.X后,Unity找到NGUI的作者,开发了UGUI,变成内置于Unity中的包,官方主推 所有的元素都在Unity的UI工具栏 3D做2D游戏的方法: 1: 使用正交摄像机;2: 使用透视摄像机,将2D元素移动到合适的距离. 例如设计分辨率为 960x640, 得到在3D世界里面一个图片的大小w*h米,将这个图片移动到一定的距

关于Unity中的NGUI精灵

NGUI精灵实例 1.创建Unity项目工程和文件目录,保存场景 2.创建一个精灵NGUI---->Create---->Sprite,发现它的UI Sprite组件的贴图属性只支持Atlas图集,所以要把纹理图片先做成图集才能放进Sprite里面 3.制作一个图集NGUI---->Open---->Atlas Maker---->(new)---->在Project视图里面选择要打包为图集的纹理贴图,会自动加到atlas名单里---->Create---->

关于Unity中的NGUI字体

NGUI字体类型 1: UIFont字体,UIFont类实现的2: TTF动态字体的使用3: BBCode的特殊字体的使用4: NGUI字体制作;5: BMFont字体制作和艺术字体的制作;6: UILabel的使用 NGUI---->open---->Font Maker,字体文件的制作工具 Generated Bitmap:产生位图,或者叫艺术字,基于图片的文字 Imported Bitmap:导入位图,针对于用UIFont,或者是showBox(一些制作艺术字的工具) Dynamic:动

关于Unity中NGUI图片精灵响应鼠标的方法

我在Unity里做NGUI的时候发现一个问题. 在Unity2D场景当中,一个精灵图片只要加上了Box Collider或者Box Collider2D,就可以相应OnMouseEnter和OnMouseExit事件,而到了NGUI里就不能响应了. 这真是一个大坑 虽然说NGUI提供了按钮组件,但是如果我们想要自己定制一个按钮的话,失效的那两个事件是不可或缺的. 在网上找了很久,我依旧没能找到相关问题的回答,是的,似乎很少有人碰到这个问题(难道是我新手的原因?). 故私再次记录下我的解决方法.

将Unity中的世界坐标转换成NGUI中的坐标

将Unity中的世界坐标转换成NGUI中的坐标,比如可用于自制血条等.代码如下: 1 using UnityEngine; 2 using System.Collections; 3 public class Healthbar : MonoBehaviour { 4 public GameObject TargetObject; //目标物体.这里是指Cube 5 public Camera worldcamera; //世界相机. 6 public Camera guiCamera; //U

NGUI在Unity中因更改窗口区域而出现Bug的处理

最近,在Unity5.0.1中遇到了NGUI中的一些BUG问题,比如,你用NGUI开发进行拖拽Sprite 的功能,或者在一些Lable上使用了dynamic font, 然后把它编译成可在PC上运行的exe可执行 文件 (记得 Player Settings的Resolution中勾上Resizealbe Window),  当它运行时,这时你就 会发现问题来了,比如打开时是720*480大小的窗口区域,然后你通过拖拽窗口边界,或者直接 进行窗口最大化放大,这时你会发现UI Root中的Spr

【学习中】Unity插件之NGUI 完整视频教程

课程 章节 内容 签到 Unity插件之NGUI 完整视频教程 第一章 NGUI基础控件和基础功能学习 1.NGUI介绍和插件的导入 6月29日 2.创建UIRoot 6月29日 3.学习Label控件,显示文字 6月29日 4.学习Sprite创建精灵,显示图片 5.学习Panel面板,控件容器 6.创建Button按钮,使用脚本监听按下 7.创建图集Atlas 8.切图SlicedSprite九宫切图 9.dynamicFont动态字体制作和显示 10.widget属性,pivot,dept

NGUI研究院之在Unity中使用贝塞尔曲线(六)[转]

鼎鼎大名的贝塞尔曲线相信大家都耳熟能详.这两天因为工作的原因需要将贝塞尔曲线加在工程中,那么MOMO迅速的研究了一下成果就分享给大家了哦.贝塞尔曲线的原理是由两个点构成的任意角度的曲线,这两个点一个是起点,一个是终点.在这条曲线之上还会有两个可以任意移动的点来控制贝塞尔曲线的角度.如下图所示,点1 和点4 就是起点和终点,点2 和点3 就是控制曲线角度的两个动态点. 如下图所示.使用拖动条来让曲线发生旋转,大家会看的更加清晰.目前我们看到的被塞尔曲线是在平面中完成的,其实贝塞尔曲线是完全支持3D

NGUI研究之在Unity中使用贝塞尔曲线

鼎鼎大名的贝塞尔曲线相信大家都耳熟能详.这两天因为工作的原因需要将贝塞尔曲线加在工程中,那么我迅速的研究了一下成果就分享给大家了哦.贝塞尔曲线的原理是由两个点构成的任意角度的曲线,这两个点一个是起点,一个是终点.在这条曲线之上还会有两个可以任意移动的点来控制贝塞尔曲线的角度.如下图所示,点1 和点4 就是起点和终点,点2 和点3 就是控制曲线角度的两个动态点.上一章分享了开发项目的一些使用心得比较细节对新手很有用可以看下. 如下图所示.使用拖动条来让曲线发生旋转,大家会看的更加清晰.目前我们看到