首页 > 其他分享 >UGUI 基础控件

UGUI 基础控件

时间:2024-02-07 16:00:27浏览次数:32  
标签:控件 Sprite Color 基础 模式 组件 UGUI 图集

基础控件

Image

image-20240203140043076

  • Source Image:图片来源(图片类型必须是“精灵”类型)

  • Color:图像的颜色

  • Material:图像的材质(一般不修改,会使用UI的默认材质)

  • Raycast Target:是否作为射线检测的目标(如果不勾选将不会影响射线检测)

  • Maskable:是否能被遮罩

  • Image Type:图片类型

    • Simple : 普通模式,均匀缩放整个图片

    • Sliced:切片模式,9公格拉伸,只拉伸中央十字区域

    Pixels Per UnitMultiplier:单位像素乘数

    Fill Center:中心填充

    • Tiled:平铺模式,重复平铺中央部分

    • Filled:填充模式

      Fill Method:填充方式

      Fill Origin:填充原点

      Fill Amount:填充量

      Clockwise:顺时针方向

      Preserve Aspect:宝吃宽高比

    Use Sprite Mesh:使用精灵网格,勾选的话Unity会帮我们生成网格(UI一般不启用)

    Preserve Aspect:确保图像保持现有尺寸

    Set Native Size:设置为图片资源的原始大小

Text

image

  • Text:文本显示内容

  • Font:字体

  • FontStyle:字体样式

  • Normal:普通

  • Bold:加粗

  • Italic:斜体

  • Bold And Italic:加粗+斜体

  • Font Size:字体大小

  • Line Spacing:行之间的垂直间距

  • Rich Text:是否开启富文本

  • Alignment:对其方式

Align By Geometry:使用字形集合形状范围进行水平对其,而不是字形指标

  • Horizontal Overflow:处理文本太宽无法放入矩形范围内时的处理方式
  • Wrap:包裹模式-字体始终在举行范围内,会自动换行

  • Overflow:溢出模式-字体可以溢出矩形框

  • vertical Overflow:处理文本太高无法放入矩形范围内时的处理方式
  • Truncate:截断模式-字体始终在矩形范围内,超出部分裁剪
  • Overflow:溢出模式-字体可以溢出矩形框

Best Fit:忽略字体大小,始终把内容完全显示在矩形框中,会自动调整字体大小

MinSize:最小多小

MaxSize:最大多大

组合控件

Button

button用于处理玩家按钮相关交互的关键组件

默认创建的Button由2个对象组成

父对象-Button组件同时挂载了一个Image组件作为按钮背景图

子对象-按钮文本(可选)

image

  • Interactable:是否接受输入

  • Transition:响应用户输入的过渡效果

    • None:没有状态变化效果

    ColorTint:用颜色表示不同状态变化

    TargetGraphic:控制的目标图形

    Normal Color:正常状态颜色

    Highlighted Color:鼠标进入时吸纳事高亮颜色

    Pressed Color:按下颜色

    Selected Color:选中的颜色

    Disabled Color:禁用时的颜色

    Color Multiplier:颜色倍增器,过渡颜色乘以该值

    FadeDuration:衰减持续时间,从一个状态进入另一个状态时需要的时间

    Sprite Swap:用图片表示不同状态的变化

    Highlighted Sprite:鼠标进入时图片

    Pressed Sprite:按下时图片

    Selected Color:选中时的颜色

    Disabled Sprite:禁用时显示的图片

    Animation:用动画来表示不同状态的变化

    Normal Trigger:正常动画触发器

    Highlighted Trigger:鼠标进入状态时触发器

    Pressed Trigger:按下时触发器

    Selected Trigger:选中时触发器

    Disabled Trigger:禁用时触发器

    • Navigation:导航模式,可以设置UI元素如何在播放模式中控制导航

    None:无键盘导航

    Horizontal:水平导航

    Vertical:垂直导航

    Automatic:自动导航

    Explicit:指定周边控件进行导航

  • Onclick:点击(按下再抬起)执行的函数列表

注册点击事件的两种方法

1 在Onclick 列表中关联某个游戏对象中的某个方法

2 代码注册

Button btn = this.GetComponent<Button>();
btn.onClick.AddListener((() => print("按钮被点击了")));

移除注册事件

btn.onClick.RemoveListener();
btn.onClick.RemoveAllListeners();

Toggle

toggle是开关组件,用于处理玩家单选多选框相关交互的关键组件

开关组件 默认是多选框

可以通过配合ToggleGroup组件制作为单选框

image

  • IsOn:当前是否处于打开状态

  • Toggle Transition:在开关值变化时的过渡方式

    • None:无任何
    • Fade:淡入淡出
  • Graphic:用于表示选中状态的图片

  • Group:单选框分组

  • On Value Changed:开关状态变化时执行的函数列表

ToggleGroup组件

image-20240203191657125

Allow Switch Off:是否允许不选中任何一个单选框

InputField

用于处理文本输入相关交互的关键组件

  • 组成

InputField由3个对象组成

父对象-InputField 挂载的 Image对象

子对象-文本是现实组件(必备)、默认显示文本组件(必备)

image

  • TextComponent:用于关联显示输入内容的文本组件

  • Text:输入框的起始默认值

  • CharacterLimit:可以输入字符长度的最大值

  • Content Type:输入的字符类型限制

    Standard:标准模式,可以输入任何字符

    Autocorreted:自动更正模式;跟踪未知单词,想用户建议合适的替换候选词

    Integer Number:整数模式;用户只能输入整数

    Decimal Number:十进制数字模式;只能输入字母和数字

    Name:名字模式;自动将每个单词首字母大写

    Email Address:邮箱地址模式;允许最多输入一个@符号组成的字符和数字字符串

    Password:密码模式;用星号隐藏输入的字符,允许使用符号

    Pin:别针模式;用星号隐藏输入的字符,只允许输入整数

    Custom:自定义模式;允许自定义行类型,输入类型,键盘类型和字符验证

  • Line Type:行类型,定义文本格式

    Single Line:只允许单行显示

    Multi Line Submit:允许使用多行。仅在需要使用新的一行

    Multi Line NewLine:允许使用多行。用户可以按回车键空行

Placeholder:关联用于显示初始内容文本控件

Caret Blink Rate:光标闪烁速率

Caret Width:光标宽

Custom Caret Color:自定义光标颜色

Selection Color:批量选中的背景颜色

Hide Mobile Input:隐藏移动设备屏幕键盘,仅适用于ios

Read Only:只读,不能更改

  • Character Limit:可以输入字符长度的最大值

Slider

用于处理滑动条相关交互的关键组件

默认创建的Slider由4组对象组成

父对象-slider组件

子对象-背景图、进度图、滑动块三组对象

image

  • FillRect:用于填充的进度条图形
  • Handle Rect:用于滑动的滑动块图形
  • Direction:滑动条值增加的方向
    • Left To Right:从左到右
    • Right To Left:从右到左
    • Bottom To Top:从下到上
    • Top To Bottom:从上到下
  • Min Value 和 Max Value:最小值和最大值,滑动滚动条时值从最小到最大之间变化
  • Whole Numbers:是否约束整数值变化
  • Value:当前滑动条代表的数值
  • OnValueChanged:滑动条值改变时执行的函数列表

Scrollbar

image

  • Handle Rect:关联滚动块图形对象
  • Direction:滑动条值增加的方向
    • Left To Right:从左到右
    • Right To Left:从右到左
    • Bottom To Top:从下到上
    • Top To bottom:从上到下
  • Value:滚动条初始位置值(0~1)
  • Size:滚动块在条中的比例大小(0~1)
  • Number Of Steps:允许可以滚动多少次(不同滚动位置的数量)
  • OnValueChanged:滚动条值改变时执行的函数列表

ScrollView

image

 Content:控制滚动时图显示内容的父对象,它的尺寸有多大,滚动视图就能拖多远

  Horizontal:启用水平滚动

 Vertical:启用垂直滚动

 Movement Type:滚动视图元素的运动类型。主要控制拖动时的反馈效果

​ Unrestricted(一般不用):不受限制,随便拖动

 Elastic(常用):回弹效果,当滚出边缘后,会弹回边界

 Clamped:夹紧效果,始终限制在范围内,没有回弹效果

 Elasticity:回弹系数,控制回弹效果。值越大回弹越慢

 Interia:移动惯性,如果开启,松开鼠标后会有一定的移动惯性

 Deceleration Rate:减速率(0~1),0没有惯性,1不回停止

 Scroll Sensitivity:滚轮(鼠标中间)和触摸板(笔记本)的滚动事件敏感性

 Viewport:关联滚动视图内容视口对象

 Horizontal Scrollbar:关联水平滚动条

 Visibility:是否在不需要时自动隐藏等模式

 Permanent:一直显示滚动条

 Auto Hide:自动隐藏滚动条

 Auto Hide And Expand Viewport:自动隐藏滚动条并且自动拓展内容视口

 Spacing:滚动条和视口之间的间隔空间

 OnValueChanged:滚动视图位置改变时执行的函数列表

image

 Template:关联下拉列表

 Caption Text:关联显示当前选择内容的文本组件

 Caption Image:关联显示当前选择内容的图片组件

 Item Text:关联下拉列表选用的文本控件 
 Item Image:关联下拉列表选项用的图片控件
 Value:当前所选选项的索引值

 Alpha Fade Speed:下拉列表窗口淡入淡出的速度

 Options:存在的选项列表

代码控制

Dropdown dd = GetComponent<Dropdown>();
print(dd.options[dd.value]); //查看一个当前选中选项
dd.options.Add(new Dropdown.OptionData("nihao")); //添加一个选项

打包图集

Edit ---> Project Setting --> Editor

Sprite Packer(精灵包装器,可以通过Unity自带图集工具生成图集

Disabled:默认设置,不会打包图集

Enabled For Builds(Legacy Sprite Packer):Unity仅在构建时打包图集,在编辑模式下不会打包图集

Always Enabled(Legacy Sprite Packder):Unity 在构建时打包图集,在编辑模式下运行前会打包图集

Legacy Sprite Packer:传统打包模式 相对下面两种模式来说 多了一个设置图片之间的间隔距离 ;这里的数字代表2的n次方

Always Enabled:Unity在构建时打包图集,在编辑模式下运行前会打包图集

标签:控件,Sprite,Color,基础,模式,组件,UGUI,图集
From: https://www.cnblogs.com/blwjw/p/18011000

相关文章

  • 【转帖】基础软件开发 -- 神秘的MESI和坑爹的LockFree
    https://zhuanlan.zhihu.com/p/681321783 又开新坑,继续掰扯基础软件开发。这里已经更新到第二季了,欲先睹为快的可以到这里:基础软件开发新坑--神秘的MESI和坑爹的LockFree(一)基础软件开发新坑--神秘的MESI和坑爹的LockFree(二)正文开始:在《HPC(高性能计算第一篇):一文......
  • RichTextBox控件
    RichTextBox控件用法基本用法基本用法不做赘述富文本用法RTF文档是纯文本文件,可以在不同的软件,和平台之间进行交换和共享,且可以保留文本样式、字体、颜色等格式信息,也可以添加表格。RichTextBox控件中支持RTF格式的文档,可以使流水日志具有各种各样的格式,从而方便查看绘......
  • 高级FPGA开发之基础协议之PCIe(二)
    高级FPGA开发之基础协议之PCIe(二)一、TLP报文类型在PCIe总线中,存储器读写、I/O读写和配置读写请求TLP主要由以下几类报文组成:1.1存储器读请求TLP和读完成TLP当PCIe主设备(RC或者EP)访问目标设备的存储器空间时,使用non-posted总线事务向目标设备发出存储器读请求TLP,目标设备收到这个存......
  • 【Java核心基础】揭秘Iterable接口和Iterator接口的核心区别!
    在Java中,Iterable接口和Iterator接口都用于遍历集合(Collection)中的元素,但它们的使用方式和功能有所不同。官方文档传送门:https://docx.iamqiang.com/jdk11/api/java.base/java/lang/Iterable.htmlhttps://docx.iamqiang.com/jdk11/api/java.base/java/util/Iterator.html核心......
  • 2024牛客寒假算法基础集训营1个人补题题解(I)
    比赛链接:2024牛客寒假算法基础集训营1I、It'sbertrandparadox.Again!这么抽象的东西出得很好,下次别再出了。从bit和buaa不同的抽数规则可以得出一个结论:bit抽取具体坐标点的次数会明显小于buaa,甚至只有在几乎不可能的理想范围内两者抽取的次数才相近,因此因为样本量极大(1e5次......
  • (14/60)二叉树理论基础、递归遍历、迭代遍历、统一迭代
    二叉树理论基础分类满二叉树:只有度为0和度为2的结点,且度为0结点在同一层上(每一层的结点都是满的)。完全二叉树:除了底层外其他层结点都是满的(底层当然也可以是满的),且底层结点从左往右连续不断。二叉搜索树:树的每个结点满足:左子树所有结点值均小于根结点的值右子树所有......
  • java基础语法之匿名内部类的优化格式lambda
    一:lambda表达式的概述lambda表达式实质上就是对匿内部类的优化但是又不同于匿名内部类。它的使用前提是有且仅有一个抽象方法,有一个接口。二:具体说明<1>函数式编程思想的介绍在数学中,函数就是有输入量、输出量的一套计算方案,也就是“拿数据做操作”在数学中,函数就是有输......
  • 代码随想录算法训练营第十四天| 理论基础 递归遍历 迭代遍历 统一迭代
    理论基础代码随想录(programmercarl.com)二叉树的链接形式定义(防忘)structTreeNode{intval;TreeNode*left;TreeNode*right;TreeNode(intx):val(x),left(NULL),right(NULL){}};额外补充(关于unordered_map和map)unordered_map和map类似,都是存储......
  • python入门教程详细从零基础入门到精通一站式解决方案
    前言众所周知,Python以优雅、简洁著称,入行门槛低,可以从事Linux运维、PythonWeb网站工程师python自动化测试、数据分析、人工智能等职位,薪资待遇呈上涨趋势,对于许多未曾涉足IT行业「小白」来说,深入地学习python是一件十分困难的事。我这个小萌新当时什么也不懂,就傻乎乎地开始了学......
  • harmonyOS基础(二)-简单认识UIAbility
    大家好!我是黑臂麒麟,一位6年的前端工程师;随着鸿蒙4.0的发布。鸿蒙的社区壮大,而且市场越来越对harmonyOS认可度越来越高。现很多大公司开始需要招聘鸿蒙应用开发工程师,待遇都非常好。以后中心厂跟进,也可以赶上红利;之前一直想入坑鸿蒙,但犹豫徘徊,2024不在等待,只争朝夕学,勇往直前。系统......