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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值