NGUI 常用组件

最新推荐文章于 2021-10-31 11:02:06 发布
最新推荐文章于 2021-10-31 11:02:06 发布
阅读量541 收藏 4
点赞数 3
分类专栏： Unity 文章标签： NGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44611096/article/details/109017232
版权

文章目录

感谢阅读

Anchors

用于设置锚点
在这里插入图片描述

  • 一个物体需要上下左右边界的位置确定大小
  • 该组件设置4个边界距离目标物体的固定距离

Box Collider

盒子碰撞器 ，用于检测鼠标触发，所有与鼠标有交互的物体都需要添加
在这里插入图片描述

Button

按钮
在这里插入图片描述

  • Colors颜色
    • Normal正常情况下的颜色
    • Hover鼠标悬停的颜色
    • Pressed鼠标按下的颜色
    • Disabled按钮不可用时的颜色
  • Sprites
    • Normal正常情况下的图片
    • Hover鼠标悬停的图片
    • Pressed鼠标按下的图片
    • Disable按钮不可用时的图片
  • On Click按钮点击的事件
    • Notify事件所在的物体
    • Method事件对应的方法

Drag Object

拖动物体
在这里插入图片描述

  • Target目标物体
  • Drag Effect拖动效果
    • None无任何特殊效果
    • Momentum具有惯性

Input Field

输入框
在这里插入图片描述

  • Label文本框存放文字的标签
  • Starting Value初始的文本（用于提示信息）
  • Input Type输入类型
    • Standard标准的
    • Password密码的
  • Validation验证
    • None可输入任意文本
    • Integer可输入整数
    • Float可输入小数
    • Alphanumeric可输入数字、字母、特殊字符
    • Username可输入数字字母
    • Name可输入字母，自动首字母大写
  • On Return Key回车按下的事件
    • Submit触发提交事件
  • Character Limit字符长度限制，设置最大字符数（一个汉字视为一个字符）
  • On Submit提交事件
    • Notify事件所在的对象
  • On Change文本内容改变触发事件
    • Notify事件所在的对象

Label

标签
在这里插入图片描述

  • NGUI动态字体（系统开销小，字数少）
  • Unity静态字体（系统开销大，文字全）
  • Font Size字体大小
  • Bold And Italic粗体和斜体
  • Text文本内容
  • Overflow文字超出范围
    • Shrink Content收缩内容，在任意范围大小都可显示全部文字
    • Clamp Content截断内容，只显示范围内文字，多出部分不显示
  • Alignment对齐方式
    • Automatic自动对齐
    • Left左对齐
    • Right右对齐
    • Center居中对齐
    • Justified两端对齐
  • Effect效果
    • None无任何效果
    • Shadow阴影
    • Outline外框线
  • Max Lines最大行数
  • Color Tint文本颜色

Panel

面板
在这里插入图片描述

  • Alpha透明度，影响所有的子物体
  • Depth深度，值越大越靠前渲染

Popup List

下拉列表
在这里插入图片描述

  • Options选项，一行一个选项
  • Position列表的出现位置
    • Auto根据下拉列表的位置自动决定列表出现位置。当靠近屏幕下方时，列表出现在上方；当靠近屏幕上方时，列表出现在下方
    • Above上方
    • Below下方
  • Selection选择选项的方式
    • On Press鼠标按下时
    • On Click鼠标点击时
  • Keep Value是否有初始值
  • Initial Value初始值
  • Atlas图集
    • Background背景图片
    • Highlight高光图片（当前选中项的背景图）
    • Background背景色
    • Highlight高光色（当前选中项的背景色）
  • Font选项的字体
    • FontSize选项的字体大小
  • On Value Change选择的值发生变化的事件
    • 事件所在的物品，一般选择一个Label，用于显示选中的内容
    • Method方法，一般选则UILabel组件的SetCurrentSelection方法，设置Label的内容为选中的内容
      在这里插入图片描述

Scroll Bar

滚动条
在这里插入图片描述

  • Value滚动条的滚动块所在位置占整个长度的百分比
  • Size滚动块大小
  • Alpha整个滚动条的透明度
  • steps步长，滚动块每次移动的最小值
  • Appearance样式
    • Foreground前景图片
    • Background背景图片
    • Direction属性值（value）增大时滚动块的移动方向

Slider

滑动条
在这里插入图片描述

  • value滑动块的位置占整个长度的百分比
  • Step步长，滑动块每次移动的最小值
  • Appearance样式
    • Foreground前景图片
    • Background背景图片
    • Direction属性值（value）增大时滚动块的移动方向
  • On Value Change值改变事件
    • Notify可用于设置一个Label，以显示当前的百分比
    • Method使用SetCurrentPercent设置Label的文本是当前百分比（X%）

Sprite

精灵
在这里插入图片描述

  • Atlas设置精灵的图集
  • Sprite设置精灵的图片
  • Type图片类型
    • simple最简单的类型
    • Sliced九宫切图类型
    • Tiled平铺类型：图片按原始大小排列，像地板一样
    • Filled填充类型：根据一个值设置图片显示的区域，多用于技能CD
  • Color Tint设置精灵颜色

Text List

文本列表
在这里插入图片描述

  • Text Label文本标签，用于存放文本内容（初始时该标签内容会被清空）
  • Scroll Bar文本列表的滚动条
  • Style风格
    • Text文本，添加文本时从上到下
    • Chat聊天，添加文本时从下到上
  • Paragraph History段落历史，最多保存的段落数

Toggle

开关
在这里插入图片描述

  • Starting State初始状态，是否勾选
  • Sprite对勾图片
  • Invert Sprite State反转精灵状态
  • Transition两状态之间的变换
    • smooth平滑，慢慢消失或出现
    • instant瞬时的，直接消失或出现
  • On Value Change状态改变事件
    • Notify事件所在的物品

Tween Alpha

透明度动画
在这里插入图片描述

  • From初始动画的透明度
  • To末尾动画的透明度
  • Tweener补间动画器
    • Play Style播放风格
      • Once动画播放一次
      • Loop动画循环播放
      • Ping Pong动画来回播放，像乒乓球弹跳一样
    • Animation Curce动画曲线
    • Duration持续时间
    • Start Delay延迟时间
    • Ignore TimeScale忽略TimeScale，勾选时不同的TimeScale不影响动画播放速度

Tween Color

动画颜色
在这里插入图片描述

  • From初始动画的颜色
  • To末尾动画的颜色

Tween Position

位置动画
在这里插入图片描述

  • From初始动画位置向量
  • To末尾动画位置向量

Tween Rotation

旋转动画
在这里插入图片描述

  • From初始动画旋转向量
  • To末尾动画旋转向量

Tween Scale

大小动画
在这里插入图片描述

  • From初始动画大小向量
  • To末尾动画大小向量

Widget

布局设置
在这里插入图片描述

  • Pivot设置物体的中心点
  • Depth设置物体的深度，深度越大越靠近人眼，深度大的挡住深度小的
  • Size设置物体的宽高
  • Snap设置物体的原始大小
  • Aspect外观
    • Free随意调整物体大小
    • Based On Width保持宽高固定比，高度根据宽度自动调整
    • Based On Height保持宽高固定比，宽度根据高度自动调整
程序鸡
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
关于NGUI部分组件
01-02
关于Unity3D插件NGUI的宝贵资料。
NGUI制作UI组件
04-23
- 将常用的UI组件保存为Prefab，方便重复使用和统一管理。 - Prefabs可以作为模板，修改母Prefab会同步更新所有实例。 8. **UIController的使用**： - 创建新的C#脚本并挂载到UIController上，编写逻辑代码来...
Unity界面插件NGUI核心组件说明
移动应用的春天
03-16 801
转自：http://blog.1vr.cn/article.asp?id=605 UICamera-可以添加到任何相机,包含事件系统. UICamera是每个UI的重要组成部分.它负责发送Camera中所有NGUI的活动.如果场景中仅有一个Camera,要确保它附有UICamera脚本.如果有多个相机,确保至少用来渲染UI的相机有UICamera脚本.当将这个脚本放在主相机上时,在游戏场景
NGUI各个基本组件总结
weixin_34064653的博客
01-31 236
UICamera-可以添加到任何相机,包含事件系统.UICamera是每个UI的重要组成部分.它负责发送Camera中所有NGUI的活动.如果场景中仅有一个Camera,要确保它附有 UICamera脚本.如果有多个相机,确保至少用来渲染UI的相机有UICamera脚本.当将这个脚本放在主相机上时,在游戏场景中的所有都将有 OnClick, OnHover, OnDrag等事...
NGUI组件整理总结
06-02 84
一图流： 注意： 　　private void RClickUI(Vector3 newPos) 　　{ 　　　　this.gameObject.SetActive(true); 　　　　this.transform.localPosition = newPos; 　　} 如果这些内容帮助到你了，希望您给予支持 o(^▽^...
NGUI 基础 －－ 功能组件
游戏开发者
04-14 5534
Local Localization System - How to localize your game into multiple languages [Changed in 3.5.0] UIScrollView - Fancy a scroll view, sir? UIB
Unity NGUI常用字体图集
09-12
这个“Unity NGUI常用字体图集”是为了解决游戏或应用中的文本显示问题，特别是对于中文字符的支持。NGUI提供了自定义字体集成的功能，使得开发者能够使用独特的字体风格提升用户体验。 这个资源包含了一个3500字的...
ngu常用组件说明
06-25
对ngui的常用组件说明
unity3d_NGUI
11-12
“常用的UNITY UI组件”意味着这个资源包含了NGUI的基本和常用组件，如按钮(Button)、文本(Text)、图像(Image)、滑动条(Slider)、列表(List)等。这些组件使得开发者可以快速地搭建出各种用户界面，而无需从零开始...
NGUI 3.12.b
04-25
- **Widget**: NGUI的基础组件，可以是按钮、文本、图像等，它们都具有位置、大小和层级等属性。 - **Panel**: 作为容器来管理Widget，支持不同类型的交互和渲染效果。 - **TextMesh**: 提供高级文字处理，支持多...
NGUI 基础 －－ 核心组件
游戏开发者
04-03 3051
UIRootUICameraUIPanelUIRectUIWidgetUITextureUISpriteUILabelUI2DSprite
NGUI 组件 UIRect
l1987021的专栏
07-20 220
UIRect：是常用控件的父类，他主要控制Anchors锚点 Type：有三种类型，None，Unified 和 Advanced，advanced是全集，但一般用Unified 就够了。advanced会分别为四条边指定不同的停靠对象。 Left，Right，Bottom和Top：这四个是指当前组件的四条边，UI Root 是当前组件停靠的参照对象。除了参照对象以外，还有具体参照的边...
unity NGUI (基础组件篇）
qq_43682233的博客
05-10 2119
unity NGUINGUI简介三大基础组件功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 NGUI简介 第一次写博客 为了更牢固的记住知识 保存知识 知识源于泰克在线 唐老狮 相关课程 有错误欢迎指出 据我知道的只做简单介绍：是
【NGUI】各个组件的应用与数值获取
编程记录，亲测有效
05-03 2229
NGUI是做UI的，自然不能不谈各种UI组件。常见的NGUI的组件有按钮button、输入框InputField、复选框Checkbox、下拉列表PopList、滑块Slider，当然还有在《【NGUI】标签页》（点击打开链接）提及过的单选框Toggle。HTML仅有都能做一大堆事情，我相信NGUI这些控件灵活运用的话足矣让你布置游戏的UI。本文将举一个例子介绍这些NGUI控件的使用，同时说明它们
NGUI核心组件
Simon
07-16 763
UICamera脚本是所有功能性UI的关键组件。它的责任是向它所在的摄像机渲染出来的所有有碰撞体的对象发送NGUI事件。如果在场景中你有一个摄像机，确保它上面挂载了UICamera脚本。如果你有多个摄像机，确保至少有一个用于渲染UI的摄像机挂载了UICamera。将这个脚本挂载在场景的主摄像机上，你场景中具有碰撞和的物体就可以接收到诸如OnClick，OnHover，OnDrag等NGUI事件。
NGUI 核心组件
TRAMP～
07-30 758
NGUI：UICamera UICamera脚本是所有功能性UI的关键组件。它的责任是向它所在的摄像机渲染出来的所有有碰撞体的对象发送NGUI事件。如果在场景中你有一个摄像机，确保它上面挂载了UICamera脚本。如果你有多个摄像机，确保至少有一个用于渲染UI的摄像机挂载了UICamera。将这个脚本挂载在场景的主摄像机上，你场景中具有碰撞和的物体就可以接收到诸如OnClick，OnHove
NGUI(1)------Create中的组件
qq_51978873的博客
10-31 1970
所用NGUI版本：3.12.0 NGUI Create中的组件UI RootNGUI Event systemSpriteLabelUnity2D SpriteWidgetAnchorPanelScroll ViewGridTable2D UI3D UI UI Root UI Root是NGUI中所有UI的父节点，主要是为了让UI的大小更加容易管理。主要有三种Scaling Style来控制UI不同风格的大小控制。 ~Flexible：灵活风格让UI Root下的UI一直维持在一定的像素大小，不随分辨率的改
NGUI 比较常用的几个方法
lhj1101049257的专栏
09-28 659
1.按钮自适应即无论怎么改变
关于NGUI中一些控件的说明
大头狗的专栏
11-13 4046
我开始学Unity的时候，NGUI就已经是3.6.8版本了，对于有一些NGUI的插件，我至今都不太清楚它的用处 现在我整理了网上搜来的一些控件说明，希望对大家有用：  一、UIRoot概述（原文地址：http://blog.csdn.net/huang9012/article/details/19411635） UIRoot总是放在NGUI UI层级的最上层。 它用来使
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序鸡

如果帮到您，点个赞鼓励一下吧。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值