Unity（二）--通过简单例子了解UGUI几个常用对象操作(Text，Image，Button)

已于 2023-02-23 17:25:25 修改
阅读量391 收藏
点赞数
分类专栏： Unity(weixin可单篇购买) 文章标签： unity ui c#
于 2023-02-23 14:59:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yyuanyuxin/article/details/129054664
版权
本文介绍了Unity中UGUI系统的基础操作，包括Canvas的三种渲染模式，Text文本框的使用，Image图像更换及显示类型，以及Button按钮的过渡效果、导航和事件绑定。内容详细，适合初学者入门。
摘要由CSDN通过智能技术生成

目录

文本框等UI对象的添加

在这里插入图片描述

Canvas 画布

当创建一个UI元素的时候，如果没有Canvas 画布，就会自动创建一个画布，其他UI对象想要被渲染需要在这个对象下。
在这里插入图片描述
Canvas的Render Mode有三种模式：
在这里插入图片描述
1.Screen Space - Overlay模式

这是创建时的默认选项，又称屏幕空间覆盖模式。Canvas中的UI层级会直接渲染Game视图上，在没有Camera的情况下一样可以渲染UI，如果屏幕的大小或分辨率发生变化，则UI 将自动重新缩放以适应。

ps:此模式的UI会显示在模型

了解本专栏 订阅专栏 解锁全文
【Unity-UGUI控件全面解析】| Text文本组件详解
努力前行，总会成为自己心中的那道光
04-29 2万+
Text文本，是为了向用户展示非交互式的文本信息。用于在工程中显示文字的地方(常用)，简单来说只要能看到字的情况下，一般都是用的这个组件。 在Hierarchy视图，选择 UI→Text 新建Text文本：
【Unity-UGUI控件全面解析】| Button 按钮组件详解
热门推荐
努力前行，总会成为自己心中的那道光
05-02 2万+
Button 是UGUI中的可交互组件，在日常开发中会经常用到，也就是代表游戏中的按钮，可执行各种点击事件。 在Hierarchy视图中点击 Create→UI→Button 创建Button组件。
UGUI——Text文字 不清晰or有毛边儿
weixin_42935398的博客
08-29 1583
数据对比：   原Text    （1）宽高尺寸：300X50    （2）字体大小：26    （3）比例：1   现Text     对(1)、(2)放大10倍    （3）缩小到原来的十分之一 效果对比： 注意：
unity的UGUI笔记（二）--Text
rime_neko的博客
02-22 529
关于text text是UI中显示文字的组件，中文模式下很多都可以轻松理解其中的含义 以下是比较重要的东西： 1.几何对齐：以文本框为参考对齐，使用后更好的对齐贴合文本框，就像把word的 边框去掉直接对齐一样（个人理解） 2.富文本：使用后可以支持字体调节，颜色，大小，粗细 3.水平/垂直溢出：使用overflow，超出文本框的文字，可以正常显示出来，反之，则会不显示，除非你扩大文本框 4.最佳适应：开启后，你在文本框中输入的东西会自动调节字体大小，防止其无法显示 5.光线投射目标：unity默认勾选项目
【Unity-UGUI控件全面解析】| Image 图片组件详解
努力前行，总会成为自己心中的那道光
04-30 2万+
Image是图片组件，是UGUI组件中常见的基础组件，主要用来显示图片效果。 还有其他的一些组件都会用到Image组件，比如Button组件、Dropdown组件、InputField组件等。 在这里介绍完Image，后面其他组件中用到Image的地方就不多做介绍了~ 在Unity的Hierarchy视图中选择 Create→UI→Image 创建Image组件。
Unity 之 UGUI Text组件介绍和简例
陈言必行 -- Unity游戏开发领域优质博主
11-28 1611
Unity 之 UGUI Text组件介绍和简例 Text 属性介绍和代码使用 Text根据文本框大小适应文本字体大小
【Unity3D-UGUI系列】（二）Text文本组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-27 1万+
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875   大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。 一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开.
Unity UGUI基础之Text
神码编程
06-24 2万+
Text作为UGUI最基础的控件以及最常用的控件，它在项目中的应用绝对可以算是最多的，任何一个UI界面可以说都离不开它，它的基本属性如下： 一、rect transform组件： rect transform（矩形变换）：是UGUI所有控件的标准位置变换组件，继承至transform，顾名思义，它所描述的是一个平面矩形区域的位置，就是2D的UI。 中间的九宫格分别代表该组
[HarmonyOS]鸿蒙（添加服务卡片）推荐商品 修改卡片UI（内容）
H1453571548的博客
02-16 1014
鸿蒙系统中的服务卡片（Service Card）就是一种轻量级的应用展示形式，它可以让用户在不打开完整应用的情况下，快速访问应用内的特定功能或信息。轻量级：服务卡片不需要启动整个应用，只需要加载必要的数据和界面，因此加载速度快，占用资源少。即时访问：用户可以直接在桌面或其他设备上看到和使用服务卡片，无需进入应用内部。多样化：服务卡片可以显示静态信息（如天气预报），也可以显示动态信息（如股票行情），还可以提供简单的交互操作（如控制智能家居设备）。跨设备支持。
KaiOS 4.0 APN List 界面加载debug
。
02-13 759
onBeforeShow中，用Promise.all(promises).then(result 替换了ApnSettingsManager.queryApns(serviceIdNum, apnType).then 逻辑，应该是所有的promises处理完之后才会去重新得到apnListView，属于异步的过程。路径：gaia/apps/settings/js/panels/apn_list/panel.js。在列表选中APN进入编辑后，退出返回列表界面时无法焦点选中编辑的APN。
OneCode 组件分类整理及枚举介绍
wenzhangli的博客
02-16 515
枚举类主要用于定义各种组件类型，每个枚举常量代表一种特定的组件，包含组件的名称、描述、基础类型、关联的组件类、图标样式以及所属的父类型等信息。
Flutter开发如何高效布局
最新发布
江上清风山间明月的博客
02-19 804
核心布局组件：掌握ContainerRowColumnStack等。响应式布局：使用MediaQuery和。自适应布局：使用Flexible和Expanded。复杂滚动布局：使用和Slivers。统一设计风格：使用Theme和TextStyle。高级效果：使用Clip和Decoration。通过合理组合这些组件和技巧，可以设计出简单高效的Flutter布局。结束语。
Ollama+DeepSeek+Open-WebUi
无区新手的博客
02-17 218
【代码】Ollama+DeepSeek+Open-WebUi。
Vue.js 组件开发：构建可复用的 UI 组件
weixin_45563734的博客
02-17 735
Vue.js 组件开发：构建可复用的 UI 组件
【Springboot知识】从零开始配置springfox
wendao76的专栏
02-15 916
你可以根据需要进一步自定义Swagger的配置。例如，添加全局的请求参数、响应消息等。通过以上步骤，你可以在Spring Boot项目中成功配置Springfox（Swagger），并生成API文档。你可以根据需要进一步自定义Swagger的配置，以满足项目的需求。通过以上配置，你可以将Swagger相关的路径加入Spring Security的忽略登录列表，确保Swagger UI和API文档可以无需登录即可访问。
【前端】Vue组件库之Element: 一个现代化的 UI 组件库
.NET全栈、Java全栈、Python全栈、工控全栈工程师，一定会实现
02-17 978
Element 是一款基于 Vue.js 的 UI 组件库，旨在为开发者提供高效、优雅的前端开发体验。它由饿了么前端团队开发，最初是为了满足内部项目的需求，后来逐渐发展成为一个开源项目，广泛应用于各类企业级后台管理系统和中大型应用的开发中。Element 的设计理念强调简洁、易用和灵活，力求在满足用户需求的同时，保持良好的用户体验。
非docker安装open-webui连接ollama实现deepseek本地使用，集成其他openai模型，常见启动报错问题解决。
weixin_48470176的博客
02-16 1169
事实上本人win10系统使用python3.12版本下载open-webui都没有成功，所以保守起见用python3.11版本比较稳妥。启动之后会根据huggingface.co联网下载一些模型，如果没有科学上网会出现报错，不过不影响，看到最后能出现端口显示即说明成功。注意： 如何 ollama和 open-webui不在同一台机器上或修改了ollama的默认端口，需要设置如下环境变量。config.py的路径在安装的conda虚拟环境的openwebui下面。启动open-webui。
OpenHarmony 系统性能优化——默认关闭全局动画
weixin_58069108的博客
02-17 178
Deep seek学习日记1
憨宝宝的博客
02-16 5196
Deepseek最强大的就是它的深度思考，并且展现了它的思考过程。五种可使用Deep seek的方式（应该不限于这五种，后续嵌入deepseek的应该更多，多了解一点因为官网容易崩~~）：1.deep seek官网2.硅基流动siliconflow3.秘塔（深度思考）4.sider5.chatbox今天学了deepseek做几个小游戏，很有意思。官网和硅基流动都无法直接运行代码，sider和秘塔有“运行”按钮。
【AI】ubuntu平台docker部署open-webui，配置模型 中文 提示词
hknaruto的专栏
02-16 451
ollama本地部署的，采用内网地址通知到open-webui。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Yyuanyuxin

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值