【Unity】UI的一些简单知识

news/2025/2/14 7:16:35/

Canvas

新建一个Canvas  

Render Mode 

 Canvas 中有一个Render Mode(渲染模式),有三种渲染模式: Screen Space-Overlay (屏幕空间)Screen Space-Camara 、 World Space 

其中,Space- Overlay是默认显示在所有图层上方的,可以用于制作主角色的头像、血条等

 World Space 可以随着某些物体(如机器人)移动,可以用于制作机器人的血条(注意将Canvas组件放到机器人预制体文件夹下方来使得血条随着机器人移动)

Canvas Scaler

 此目录下有一个叫做UI Scale Mode的选项。 

Constant Pixel Size 表示UI的大小是一个固定值,不随着游戏画面大小而改变。

对于不同分辨率的玩家来说,UI的大小也不同,所以应修改此选项为Scaled with Screen Size 

这样UI就会随着屏幕大小自适应

Image

注意Image可以设置锚点 ,来使得图片不会因为缩放而跑到屏幕外面

点击红色的框,将锚点设置为左上角即可


http://www.ppmy.cn/news/1037293.html

相关文章

开发者本地搭建性能监测工具(Windows)

ElasticSearch 8.9.0 开发模式安装 JDK安装 官方提供版本与JDK支持关系:https://www.elastic.co/cn/support/matrix#matrix_jvm 我们安装Elasticsearch 8.9.x,看到支持的最低JDK版本是17。 JDK(Windows/Mac含M1/M2 Arm原生JDK)…

CentOS系统环境搭建(七)——Centos7安装MySQL

centos系统环境搭建专栏🔗点击跳转 坦诚地说,本文中百分之九十的内容都来自于该文章🔗Linux:CentOS7安装MySQL8(详),十分佩服大佬文章结构合理,文笔清晰,我曾经在这篇文章…

PHP Smarty模板如何进行国际化和本地化?

欢迎来到Smarty模板的国际化和本地化世界!让我们一起探索如何让你的网站适应不同的语言和地区吧! 首先,你需要明白国际化和本地化的区别。国际化是将你的代码和资源文件准备好,以支持多种语言。而本地化则是将你的代码和资源文件…

Vue-10.NodeJs自动生成的配置和ant-design-vue集成

.browserslistrc(自动生成的) > 1% ## 适用于市场份额大于1%的浏览器 last 2 versions ## 适用于每个浏览器的最近两个版本 not dead ## 排除已不再被支持的浏览器 not ie 11 ## 排除Internet Explorer 11package.j…

Python学习笔记_基础篇(八)_正则表达式

1. 正则表达式基础 1.1. 简单介绍 正则表达式并不是Python的一部分。正则表达式是用于处理字符串的强大工具,拥有自己独特的语法以及一个独立的处理引擎,效率上可能不如str自带的方法,但功能十分强大。得益于这一点,在提供了正则…

微信程序 自定义遮罩层遮不住底部tabbar解决

一、先上效果 二 方法 1、自定义底部tabbar 实现: https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html 官网去抄 简单写下:在代码根目录下添加入口文件 除了js 文件的list 需要调整 其他原封不动 代码&#xf…

基于Googlenet深度学习网络的信号调制类型识别matlab仿真

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 4.1 深度学习与卷积神经网络 4.2 数据预处理 4.3 GoogLeNet结构 4.4 分类器 5.算法完整程序工程 1.算法运行效果图预览 2.算法运行软件版本 MATLAB2022a 3.部分核心程序 ............…

GaussDB 实验篇+openGauss的4种1级分区案例

✔ 范围分区/range分区 -- 创建表 drop table if exists zzt.par_range; create table if not exists zzt.par_range (empno integer,ename char(10),job char(9),mgr integer(4),hiredate date,sal numeric(7,2),comm numeric(7,2),deptno integer,constraint pk_par_emp pri…