【unity】【C#】UGUI组件

news/2024/5/7 5:40:05/文章来源:https://blog.csdn.net/2301_77954967/article/details/137614088

文章目录

  • UI是什么
  • 对UI初步认识


UI是什么

UI是用户界面(User Interface)的缩写,它是用户与软件或系统进行交互的界面。UI设计旨在提供用户友好的界面,使用户能够轻松地使用软件或系统。UI设计包括界面的布局、颜色、字体、图标等方面,旨在提高用户体验和用户满意度。通过良好的UI设计,用户可以更快速、更高效地完成任务,同时也能提升软件或系统的整体美观性和吸引力。

unity里面的UI就是UGUI

对UI初步认识

我们先创建一个最基本的UI - image 用来存放图片
在这里插入图片描述
在场景中我们会发现这个UI界面特别大,基本上是普通物件的100倍大
在这里插入图片描述
我们可以通过右边的信息对这个image进行更改

看到左下角那个小红方块了吗,我们可以移动它,也可以更改它的大小,如果想要等比例缩放只需要按住 alt 键
在这里插入图片描述
这里还有很多别的UI功能,笔者在这里将翻译放在下面
在这里插入图片描述
比如说第二个 Text 就是文本

我们可以编辑里面的文字,也可以使用下面的功能对这部分进行更改

其他就不一一赘述了,大家自己玩玩就知道

在这里插入图片描述

接下来看一个比较重要的按键 - button,同样我们可以在右边对他进行外观的编辑
在这里插入图片描述
比较重要的是这一部分 - 交互功能,笔者用红圈圈出来的,勾选上这个按钮才有交互功能,否则没有
在这里插入图片描述

关于交互功能,举个例子,这个部分的功能,就是在按钮点击后会发生的变化,我们把text拖拽进这个部分,设置点击时失活(打勾为激活)
在这里插入图片描述
运行后,点击 button 文集就隐藏了
在这里插入图片描述

再来看一个比较重要的UI - slider
在这里插入图片描述
这个东西其实就是一个滑块,在游戏里,角色往往有血条,这个滑块我们可以设置百分比填充,附带上代码,就能实现角色血量的变化

比如说我们将Fill设置为红色,再删除下面的Handle Slide Area
在这里插入图片描述
就可以看到滑块被红色的小点填充了
在这里插入图片描述
再将slider的value给拉满,可以看到血条基本上被填充了
在这里插入图片描述
至于填充不满的原因是填充区域没有占满,只要将蓝色区域拉到合适的位置就行了
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_1045789.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

爬虫逆向实战(40)-某江酒店登陆(AES、MD5)

一、数据接口分析 主页地址:某江酒店 1、抓包 通过抓包可以发现数据接口是/api/member/login 2、判断是否有加密参数 请求参数是否加密? 通过查看“载荷”模块可以发现,有TDFingerprint、blackBoxMd5、password和sw四个加密参数&#x…

Java快速入门系列-6(数据库编程与JDBC)

第六章:数据库编程与JDBC 6.1 SQL基础6.1.1 SQL基本结构与命令6.1.2 SQL高级查询6.1.3 SQL子查询与联接6.2 JDBC原理与使用6.2.1 JDBC驱动程序与URL6.2.2 Statement、PreparedStatement与CallableStatement6.2.3 数据库事务处理6.3 数据库连接池6.4 事务管理6.1 SQL基础 SQL(…

数据结构——线性表(链式存储结构)

语言:C语言软件:Visual Studio 2022笔记书籍:数据结构——用C语言描述如有错误,感谢指正。若有侵权请联系博主 一、线性表的逻辑结构 线性表是n个类型相同的数据元素的有限序列,对n>0,除第一元素无直接…

电商技术揭秘十八:电商平台的云计算与大数据应用小结

电商技术揭秘相关系列文章 电商技术揭秘一:电商架构设计与核心技术 电商技术揭秘二:电商平台推荐系统的实现与优化 电商技术揭秘三:电商平台的支付与结算系统 电商技术揭秘四:电商平台的物流管理系统 电商技术揭秘五&#xf…

Day:006(1) | Python爬虫:高效数据抓取的编程技术(爬虫工具)

selenium介绍与安装 Selenium是一个Web的自动化测试工具,最初是为网站自动化测试而开发的,类型像我们玩游戏用的按键精灵,可以按指定的命令自动操作,不同是Selenium 可以直接运行在浏览器上,它支持所有主流的浏览器&am…

社交网络的分布式治理:分析Facebook在区块链社区中的角色

随着区块链技术的快速发展,社交网络的治理模式也逐渐受到关注。传统的社交网络往往由中心化的平台掌控,用户的权力和参与度受到限制,而区块链技术为社交网络的分布式治理提供了新的解决方案。本文将深入探讨社交网络的分布式治理,…

使用R语言计算矩形分布(均匀分布)并绘制图形

理论部分 矩形分布(均匀分布),是指在某一区间内,随机变量取任何值的概率都是相同的。这种分布的概率密度函数在一个特定的区间内是一个常数,因此其图形呈现出一个矩形的形状,故得名为“矩形分布”。在概率…

ETLCloud结合kafka的数据集成

一、ETLCloud中实时数据集成的使用 在ETLCloud中数据集成有两种方式,一种是离线数据集成,另一种便是我们今天所要介绍的实时数据集成了,两者的区别从名字便可以得知,前者处理的数据是离线的没有时效性的,后者的数据是…

Python学习之-pyechart详解

前言: 什么是pyechart? Pyecharts 是一个用于生成 Echarts 图表的 Python 库。Echarts 是一个由百度开源的数据可视化工具,它提供的图表种类丰富,交互性强,兼容性好,非常适合用于数据分析结果的展示。Pyec…

高标清4K音视频编码处理平台JR600系列

详细介绍: JR600编码处理平台具备6个模组高集成化数字前端综合型设备,每个模块可单独配置,包括4x3G-SDI(4KHEVC/H.265)超高清编码板卡、HD-SDI编码板卡、数字/模拟音频编码板卡、模拟视频编码板卡这些功能的组合。因该设备的高度…

酷开科技在大数据及人工智能推动下,成功将酷开系统与AI融合

随着科技的不断发展,以及大数据这个概念的出现,让看似冷冰冰的数字开始具备了温度,开始让数字产生了温暖的价值,也让各个行业看到了大数据的作用。酷开科技生态的核心场景是家庭、是客厅,无论是以酷开科技为代表的OTT&…

3. DAX 时间函数-- DATE 日期--一生二,二生三,三生万物

在数据分析过程中,经常需要从一个数据推到另外一个数据,日期数据也是如此,需要从一个日期推到另外一个相关的日期,或者从一群日期推到另外一个相关的日期/一群相关的日期。这一期说的就是日期之间彼此推衍的函数,会比之…

实战项目——智慧社区(一)

1、项目介绍 系统功能 登录、修改密码、登出 (1)首页 (1.1)数据统计:小区人员统计对比图,占比图 (2)物业管理 (2.1)小区管理:小区数据的增删改…

WordPress PHP内存限制优化,WordPress性能优化,提升WordPress PHP内存,防止内存溢出

它发生在所有WordPress网站所有者和管理员最终:可怕的WordPress内存错误。当你正在为自己的网站添加新的内容或媒体时,突然弹出一条消息:“致命错误:允许的内存大小为xxxxxx字节。”刚刚发生了什么?为什么WordPress会内…

【Vue + keep-alive】路由缓存

一. 需求 列表页,n 条数据项可打开 n 个标签页,同时1条数据项的查看和编辑共用一个标签页。如下所示: 参考 // 主页面 // 解决因 路由缓存,导致 编辑后跳转到该页面 不能实时更新数据 onActivated(() > {getList() })二. 实现…

电压继电器SRMUVS-220VAC-2H2D 导轨安装 JOSEF约瑟

系列型号: SRMUVS-58VAC-2H欠电压监视继电器;SRMUVS-100VAC-2H欠电压监视继电器; SRMUVS-110VAC-2H欠电压监视继电器;SRMUVS-220VAC-2H欠电压监视继电器; SRMUVS-58VAC-2H2D欠电压监视继电器;SRMUVS-100…

Spark_SparkSql写入Oracle_Undefined function.....将长字符串写入Oracle中方法..

在使用Spark编写代码将读库处理然后写入Oracle中遇到了诸多小bug,很磨人。shit!! 实测1:TO_CLOB(a3) 代码样例 --这是一个sparksql写入hive的一个小逻辑,我脱敏了噻 SELECT a1, a2, TO_CLOB(a3) AS clob_data, TO_DATE(a4) AS time FROM table1 WHERE…

2014最新AIGC创作系统ChatGPT网站源码+AI绘画网站源码+GPT4-All联网搜索模型

一、文章前言 SparkAi创作系统是基于ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统,支持OpenAI-GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美,那么如何搭建部署AI创作ChatGPT?小编这里写一个详细图文教程吧。已支持…

鸿蒙HarmonyOS开发实战:【分布式音乐播放】

介绍 本示例使用fileIo获取指定音频文件,并通过AudioPlayer完成了音乐的播放完成了基本的音乐播放、暂停、上一曲、下一曲功能;并使用DeviceManager完成了分布式设备列表的显示和分布式能力完成了音乐播放状态的跨设备分享。 本示例用到了与用户进行交…

二:深入理解 JAVA 内存模型 JMM

目录 1、为什么要有内存模型1.1、为什么要有多级缓存?1.2、缓存一致性问题1.3、处理器优化和指令重排 2、并发编程的三大问题2.1、原子性问题2.2、有序性问题2.3、可见性问题2.4、三大特性 3、什么是内存模型?3.1、概念3.2、内存模型到底是怎么保证缓存一…