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:字符限制)