unity NGUI (控件篇)

Button

1.添加一个Sprite(Label非必须)
2.为Sprite添加Button脚本(一般有需要只会改颜色和图片
3.添加碰撞体

Tween Target 按钮控制的目标 自动设置
Transition 变色时间
Colors 按钮各状态颜色设置
Sprites 按钮各状态图片设置
OnClick 点击按钮响应脚本(便于单点击关闭事件)
在这里插入图片描述
在这里插入图片描述

Input

1.一个Sprite做背景 一个label显示文字
2.为sprite添加input脚本
3.添加碰撞器

Label 关联的文本组件
Starting Value 开始默认显示内容
Saved As 填写内容将使用PlayerPrefs将输入内容作为key进行存储(一般不用)
ActiveTextColor 选中激活时的颜色
Inactive Color 选中失活的颜色
Caret Color插入光标的颜色
Selection Color 选中文字背景颜色
InputType 输入类型: 默认模式, 自动更正 ,密码输入(输入内容看不到)
Validation 输入限制 :无 ,只能输入整型, 可以输入浮点, 只能是数字和字母, 用户名, 姓名, 文件名
Mobile KeyBoard 手机键盘模式
Hide Input 键盘下隐藏输入框
On Reurn Key 完成键(回车键)做什么操作
Character Limit 最大可输入字符
OnSubmit 输入完成时响应脚本
Onchange 输入变化时响应脚本
在这里插入图片描述

Popuplist

1.一个sprite做背景 一个label做显示内容
2.添加Popuplist脚本
3.添加碰撞体
4.关联label做信息更新,选择label中的SetCurrentSelection函数 Font选择字体

Option 下拉列表显示内容 空一行加一个
Position 列表出现位置 自动(建议),向上,向下
Selection 选中操作 按下选中,点击选中
Alignment 对齐方式 自动对齐,左对齐,居中对齐,右对齐,自动变化
Open on 下拉列表打开方式 点击或触碰,右键,双击,手动(代码处理)
On Top 始终显示在所有面板之前
Localized 是否对弹出列表的值进行本地化
Keep Value 始终保持有列表的某个默认值
Atlas
{
Atlas 图集
Background 下拉列表背景图
Highlight 下拉列表选中图
Background 背景颜色叠加
HighLight 选中高亮叠加
Overlap 弹出窗口与他打开的内容重叠的数量
Animated 是否有弹出动画 禁用节约性能

Font 字体
Font Size 字体大小
TextColor 字体颜色
Padding 偏移位置
Modifier 强制大小写
在这里插入图片描述
在这里插入图片描述

Toggle

1.两个Sprite 父子
2.为父对象添加toggle 脚本
3.为父对象添加碰撞器
4.在toggle脚本里关联子对象

Grop 多选框分组 多个多选框分为一组变为单选框
State of None 单选框状态时 是否允许不选中
Starting State 开始默认状态 勾选为默认选中
Sprite 选择子对象图片
Invert State 反选状态 选中不显示 不选中显示
Animator 状态变化时播放动画(新动画系统
Animation 状态变化时播放动画(老动画系统
Tween 状态变化时缓动
Transition 过度模式
OnValueChange 状态响应脚本
在这里插入图片在这里插入图片描述描述

Slider

1.三个sprites 根对象为背景 两个子对象 一个进度一个滑动块
2.设置层级 滑块>前景>背景
3.根对象添加Slider脚本
4.根对象或者滑块添加碰撞器
5.在slider脚本关联三个对象

Value 当前值 0-1
Step 步数平分1
Appearance 外观设置 前景 背景 滑块 拖动方向
OnValueChange 值变化监听脚本
在这里插入图片描述

Scroll View

1.工具栏创建Scroll view
2.可添加scrollbar
3.添加子对象 为子对象添加Drag Scroll view 和碰撞器

Content Origin 内容对象对齐方式
Movement 拖拽方向 水平,竖直,自由,自定义
Darg Effect 拖动特效 无,动量效果,动量和弹力效果
Scroll Wheel Factor 滚动因子 如果不为0,控制鼠标中键滚动速度和方向
Momentum Amount 动量 拖拽惯性大小
Sppring Strength 弹力大小
Dampen Strength 阻尼强度 影响回弹效果
Restrict Within Panel 限制在panel中 不勾选不会产生弹力效果
Constrain On Drag 阻力约束 一般不改
Cancel Darg if fits 子对象不溢出时不可拖动
Smooth Drag Start 平滑拖动 一般不改
IOS Drag Emulation IOS阻力模拟 一般不改
在这里插入图片描述

Gird

挂在Scroll view中 网格布局
Arrangement:对其方式 水平,垂直 ,元素大小
Cell width:元素宽
Cell Height:元素高
Row Limit:元素个数 会自动换行
Sorting :排序顺序 无,按字母,水平排序,竖直排序,自定义
Inverted :倒转 选择排序后翻转排序规则
Pivot:锚点位置
SmoothTween:平缓缓动动画
Hide Inactive :隐藏不活动组件
Constrain to Panel:约束面板 是否将网格对象的更改通知父容器panel 用于更新ScrollBar等显示信息 默认勾选
在这里插入图片描述

DrawCall相关

绘制呼叫
表示 CPU中央处理器 准备好渲染数据(顶点 纹理 法线 shader等)后
通知 GPU图形处理器 显卡 开始渲染(将命令放入命令缓冲区)的命令
dc数量太多会影响CPU的效率
在ui层面降低dc的方法:(panel上可以查看dc数量
不同图集之间的层数不要穿插
label和图集层数不要穿插

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值