Unity学习之UGUI(二)

ops/2025/1/13 12:13:10/

六、Image

1、作用

图像控件,用于显示Sprite的关键组件,除了背景图等大图,一般都是使用Image来显示UI中的图片元素

2、主要参数

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

(1)Image Type——Sliced(拉伸)

Sliced-切片模式,9宫格拉伸,只拉伸中央十字区域(适合需要横向或者纵向拉伸的图形)
在这里插入图片描述

(2)Image Type——Tiled(重复)

Tiled,平铺模式,重复平铺中央部分,适合一些用于做底部纹理的图片
在这里插入图片描述

(3)Image Type——Filled(填充)

Filled,填充模式,有不同的填充类型,从无到有或者从有到无,可以用于血条等图形
在这里插入图片描述
Fill Method,填充类型
Fill Origin,填充原点
Fill Amount,填充量
Clockwise,顺时针方向
Perserve Aspect,保持宽高比

3、代码控制

Image image = this.GetComponent<Image>();
image.fillAmount = 0.5f;

七、Text

1、作用

用于文本内容显示

2、主要参数

在这里插入图片描述

在这里插入图片描述

(1)富文本

类似于html,可以在文本内容中进行文本格式的设置

3、边缘线和阴影

(1)边缘线

在这里插入图片描述

(2)阴影

在这里插入图片描述

4、代码控制

Text text = this.GetComponent<Text>();
text.text = "你好";

八、RawImage

1、作用

RawImage是原始图像组件,用于显示任何纹理的关键组件。
一般RawImage用于显示大图(背景图、不需要打入图集的照片、不需要网络下载的图等等)

2、主要参数

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

3、代码控制

RawImage rawImage = this.GetComponent<RawImage>();
rawImage.texture = Resources.Load<Texture>("ui_TY_lvseshuzi_00");

九、Button

1、作用

Button是按钮组件,是玩家用于交互的关键组件
Button主要由两个对象组成
父对象:Button依附对象,同时挂载了一个Image组件,作为按键背景图
子对象:按钮文本,挂载一个Text组件,如不需要可以删除

2、主要参数

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

3、代码控制

    void Start(){//代码控制Button button = this.GetComponent<Button>();button.interactable = true;button.transition = Selectable.Transition.None;//添加按钮事件button.onClick.AddListener(ButtonClick);//移除按钮事件button.onClick.RemoveListener(ButtonClick);}void ButtonClick(){print("1");}

十、Toggle

1、作用

Toggle是开关组件,用于处理玩家单选框多选框相关交互的关键组件
多个Toggle,默认是多选框,可以通过配合ToggleGroup组件制作为单选框
默认创建Toggle包含4个对象组成
父对象:Toogle组件依附
子对象:背景图(必备),选中图(必备),说明文字(可选)

2、主要参数

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

3、代码控制

    void Start(){Toggle toggle = this.GetComponent<Toggle>();//打印当前的toggle是否被选中print(toggle.isOn);//通过ToggleGroup找出当前哪个toggle被选中ToggleGroup toggleGroup = this.GetComponent<ToggleGroup>();foreach (var item in toggleGroup.ActiveToggles()){print(item.name + " " + item.isOn);}//监听事件添加toggle.onValueChanged.AddListener(Change);}public void Change(bool isOn){print("状态改变" + isOn);}

十一、InputField

1、作用

InputField,是UGUI中处理玩家文本输入相关交互的关键组件
默认创建包含3个对象
父对象:InputField组件依附对象,同时还挂载了一个Image组件作为背景图
子对象:文本显示组件(必备),默认显示文本组件(必备)

2、主要参数

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

(1)Content Type,输入的字符类型限制

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

(2)Line Type,行类型

在这里插入图片描述

3、代码控制

void Start(){//获取输入的文本内容InputField inputField = this.GetComponent<InputField>();string input = inputField.text;//监听事件inputField.onValueChanged.AddListener(ChangeInput);inputField.onEndEdit.AddListener(EnInput);}public void ChangeInput(string str){print("改变的输入内容"+"  "+str);}public void EnInput(string str){print("结束时输入内容" +"  "+ str);}

http://www.ppmy.cn/ops/149061.html

相关文章

uniapp 微信小程序内嵌h5实时通信

描述&#xff1a; 小程序webview内嵌的h5需要向小程序实时发送消息&#xff0c;有人说postMessage可以实现&#xff0c;所以试验一下&#xff0c;结果是实现不了实时&#xff0c;只能在特定时机后退、组件销毁、分享时小程序才能接收到信息&#xff08;小程序为了安全等考虑做了…

oracle jdk17新版变回OTN 商用收费了

历史版本 https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html 最新版 https://www.oracle.com/java/technologies/downloads/#java17 最新版页面有提示已经变回OTN JDK Development Kit 17.0.13 downloads The Oracle JDK 17 license changed in…

Vue3的reactive、ref、toRefs、toRef、toRaw 和 markRaw处理响应式数据区别

reactive reactive 用于创建一个响应式对象。它接受一个普通对象&#xff0c;并返回一个响应式对象&#xff08;Proxy实例&#xff09;。 import { reactive } from vue;// 创建一个reactive类型的响应式对象 const person reactive({name: panda,age: 18 });console.log(pe…

AI绘画:Midjourney和stable diffusion到底有什么区别?

Midjourney与Stable Diffusion的区别及选择指南 一、核心区别 二、应用场景与优势分析 三、如何选择&#xff1f; 四、AI配图 五、总结 Midjourney与Stable Diffusion的区别及选择指南 随着人工智能技术的飞速发展&#xff0c;AI绘画工具如雨后春笋般涌现&#xff0c;其中…

STM32Flash读写BUG,坑—————4字对齐

在 STM32 的 Flash 存储中&#xff0c;数据通常需要 4 字节对齐&#xff0c;这是由于其 Flash 存储的硬件设计和写入操作的限制决定的。 以下是更详细的原因与解释&#xff1a; 1. STM32 的 Flash 写入单位 STM32 的 Flash 通常以字&#xff08;Word&#xff0c;4 字节 32 位…

计算机网络安全 —— C# 使用谷歌身份验证器

一、Google Authenticator 基本概念 Google Authenticator是谷歌推出的一款动态口令工具&#xff0c;旨在决大家Google账户遭到恶意攻击的问题&#xff0c;在手机端生成动态口令后&#xff0c;在Google相关的服务登陆中除了用正常用户名和密码外&#xff0c;需要输入一次动态口…

AI赋能R-Meta分析核心技术:从热点挖掘到高级模型、助力高效科研与论文发表

Meta分析是针对某一科研问题&#xff0c;根据明确的搜索策略、选择筛选文献标准、采用严格的评价方法&#xff0c;对来源不同的研究成果进行收集、合并及定量统计分析的方法&#xff0c;现已广泛应用于农林生态&#xff0c;资源环境等方面&#xff0c;成为Science、Nature论文的…

k8s的ip地址分别都是从哪里来的

节点&#xff08;Node&#xff09;IP 地址 物理网络分配&#xff1a;如果 Kubernetes 集群是部署在企业内部数据中心的物理服务器上&#xff0c;节点 IP 通常是由企业内部的网络管理员通过 DHCP&#xff08;动态主机配置协议&#xff09;或者静态分配的方式确定的。例如&#x…