unity的NGUI

1、Label

、添加Label(点中UI Root–>点右键–>Create–>Label)
2、为Label添加字体(控制面板–>外观和个性化–>字体–>选中一种复
制–>粘贴到工程下面的Assets文件件里面的fonts文件夹里面 )
3、Overflow(ShrinkContent:自适应大小 ClampContent:剪掉看不到
的文字 ResizeFreely:保持和字体的大小一致 ResizeHight:不能
调节文字的高度)
4、Alignment:对齐方式(JustFiled:和文字宽度保持一致，对中文不起
作用)
5、Gradient:颜色渐变
6、Effect:设置效果
7、Color Tint:字体颜色

2、Sprite

1、添加Sprite(点中UI Root–>点右键–>Create–>Sprite)
2、Atlas：为精灵添加图集
3、Sprit：为Sprit添加图标(Sprite–>选择图标)
4、Flip：对齐方式

3、Panel

添加Panel(点中UI Root–>点右键–>Create–>Panel)
2、Alpha：把Panel里面的组件都渐变
3、Clipping：Soft Clip(Panel外部的组件不显示) Constrain But
Dont Clip(Panel外部的组件还显示)

4、Invisible Widget’

创建容器
右键–>Create–>Invisible Widget–>把其它组件放入里面管理

5、Button

为Label添加按钮操作(右键–>Attach–>Box Collider–>右键–>Attach–>Button Script)

为Sprite添加按钮操作(右键–>Attach–>Box Collider–>右键–>Attach–>Button Script)

用Sprite作为父级组件， Label作为子级组件组合按钮

public class ButtonClick : MonoBehaviour {public void OnLabelClick() {print("you click Label");}public void OnSpriteClick(){print("you click Sprite");}
}

把脚本拖拉到Main Camera上面–>选中Label–>把Main Camer拖拉到Label里面的On Click属性下面的Notify里面–>Method选择OnLabelClick()

还可以在Sprite上面创建Label形成按钮
点中背景–>点右键–>Create–>Sprite–>点中背景–>点右键–>Create–>Label–>Child

6、创建图集、动态字体

NGUI–>Open–>Atlas Maker–>New–>选中pic文件夹里面的所有图片–>Create

1、添加Sprite(点中背景–>点右键–>Create–>Sprite)
2、Sprit：为Sprit添加图标(Sprite–>选择图标)

删除图集里面的图片：
选中图集预设体–>右键–>NUGI–>Open Atlas Marks–>在Sprites下面可以删除

7、锚点

把Sprite设置成背景：
Left Right Bottom Top的 +都为0，其它都是自身

拖拉属性视图和Prefab Toolbar，看锚点的位置

右上角固定：
Left：Right
Right：Right
Bottom：Top
Top：Top

8、tween

创建一个Label，为其添加tween

From To、Tweener设置

Alpha:渐变
Color:颜色
Width:宽度
Height:高度
Position:位置(从外向里)
Rotation:旋转
Scale:缩放
Transform:从一个sprite位置移动到另一个sprite位置

9、声音

选择Label–>右键–>Box Collider–>Add Compoent–>Paly Sound–>Audio Clip–>选择声音

Trigger:点击事件
Volume:声音大小
Pitch:播放速度

10、打字机效果

Add Compoent–>Typewriter Effect–>Chars Per Seconds(每秒显示多少个字)

11、Slider(滑动条)

1、添加Sprite(黑色条),再为Sprite添加一个子Sprite(白色条)
2、右键子Sprite–>Attach–>Box Collider–>右键–>Attach–>Slider
Script
3、把子Sprite拖拉到Foregroud里面
4、添加一个Label(值为100%)
5、选中子Sprite，把Label拖拉到属性On Value Change的Notify里面，
并为Method选取setCurrentPercent值

Thumb为游标，可以添加一个子Sprite(黑色条)缩小一下放在滑动条的右边，作为游标使用

12、输入框

新建一个Sprite–>为Sprite添加Box Cllider和Input Field Script–>为Sprite添加一个子Lable–>把子Label拖拉到Sprite属性Input的Label里面–>设置字体对齐方式(Alignment:Left Widget:Pivot Overflow:ClampContent不支持换行)–>Sprite里面的属性设置(Input Type:输入方式 Validation:校验 Character Limit:字符限制)

unity的NGUI相关推荐

Unity插件-NGUI使用教程
Unity插件-NGUI使用教程本文提供全流程,中文翻译. Chinar坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) 1 NGUI 一款强大 ...
Unity的NGUI插件篇——入场效果
Unity的NGUI插件篇--入场效果入场效果入场效果需要借助于NGUI提供的TweenPosition类来完成,为了说明此类的使用方法,本节将使会讲解两个示例.本文选自大学霸 <NGU ...
Unity开发NGUI代码实现ScrollView(放大视图)
尊重原创,转载:http://www.cnblogs.com/daxiaxiaohao/p/4745549.html Unity开发NGUI代码实现ScrollView(放大视图) 下载NGUI包导 ...
Unity 利用NGUI做屏幕分辨率适配+学习UIDraggablePanel的使用
2019独角兽企业重金招聘Python工程师标准>>> 大家使用unity,一定有看中其跨平台的强大功能,因此也难免会遇到不同屏幕分辨率适配的问题. 先说说UIRoot.在新版本的n ...
Unity UGUI NGUI 模型粒子特效三者之间渲染层级设置
目录 1.介绍两大UI插件NGUI和UGUI 2.unity渲染顺序控制方式 3.NGUI的控制 4.UGUI的控制 5.模型深度的控制 6.粒子特效深度控制 7.NGUI与模型和粒子特效 ...
unity中NGUI与UGUI的区别？
什么是UI? UI即User Interface(用户界面)的简称.泛指用户的操作界面,UI设计主要指界面的样式,美观程度.而使用上,对软件的人机交互.操作逻辑.界面美观的整体设计则是同样重要的另一个 ...
关于Unity中NGUI的Tab商城、Scrollview和打字机效果的实现
Tab商城实例 UIToggle 和 UIToggledObjects+ Box Collider(实现商城功能必备) 1.创建两个个UI Sprite,Sprite1和Sprite2 2.给Spri ...
关于Unity中NGUI的背包实现之Scrollview（基于Camera）
基于UIPanel的scrollview实现方式在移动设备上的性能不如基于camera的方式. 因为UIPanel的scrollview实现方式要渲染很多的道具图,性能自然就降低了. 如果是用第二个摄 ...
【Unity】NGUI/UGUI 小地图制作
先看下效果图准备工作 0 创建两个摄像机其中一个在头顶 1 张圆心是透明的图 2 就是写好的Shader () 仅适用于UGUI 的shader : Shader "UIEx/ ...
[Unity][UGUI][NGUI]地图指示UI屏幕边缘显示
UGUI和NGUI 的屏幕坐标指示UI 的localRotation.z NGUI NGUI_ui.transform.localPosition = new Vector3(x, y, 0); U ...