【UGUI】学会Unity中UGUI中UI元素自适应问题

已于 2024-01-22 10:49:34 修改
阅读量3.6k 收藏 8
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Unity3D进阶与MR项目开发 文章标签： unity ui 游戏引擎
于 2023-09-19 19:54:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/leoysq/article/details/133043681
本文详细介绍了Unity中UGUI的UI元素自适应策略，包括画布缩放器的两种模式：恒定像素大小和跟随屏幕分辨率缩放。在恒定像素大小模式下，UI元素保持原始像素大小，位置由锚点决定；而在跟随屏幕分辨率缩放模式下，UI元素按比例缩放以适应不同分辨率。此外，还讲解了单个UI元素的锚点设置，锚点的合并与分开模式对元素自适应的影响，以及如何配置锚点实现UI元素的自适应布局。

彻底学会Unity中UGUI中UI元素自适应问题

官方介绍：设计用于多种分辨率的 UI - Unity 手册

所所谓自适应就是画面元素跟随屏幕分辨率的改变而保持相对位置或者自身像素同步改变！

屏幕分辨率自适应：依靠画布缩放器组件完成

相对位置：依靠锚点位置完成，锚点主要负责保持与画布的相对位置。

锚点展开 会根据画布比例缩放元素，一般不用展开

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Unity3D - RectTransform详解
weixin_45488182的博客
10-17 1062
最近要做UI，有时候需要在代码中调整改变UI控件的属性，比如位置、大小等，然而在NGUI里面，控制UI控件的位置等属性的是RectTransform这个组件，这个组件继承自Transform组件，却增加许多自己的特性，下面简要介绍一下相关属性: 一、Pivot属性详解 首先为了让大家更好的理解内容，我在Unity中创建了两个UI控件，一个Plane控件，作为父对象，一个Image控件，最为子对象，如下图： 然后我们选中红框，来看看它的RectTransform组件的属性，如下图： 你会看到有一堆的数据，
Unity中的UI系统之UGUI
K_CRACKING的博客
04-22 7488
UGUI是什么UGUI是Unity引擎内自带的UI系统官方称之为:Unity UI是目前Unity商业游戏开发中使用最广泛的UI系统开发解决方案它是基于Unity游戏对象的UI系统,只能用来做游戏UI功能不能用于开发Unity编辑器中内置的用户界面如何在Unity中使用UGUI直接在Hierarchy窗口中右键选择UIUI中所有内容都是UGUI相关控件六大基础组件1、Canvas对象上依附的:①Canvas:画布组件,主要用于渲染UI控件②。
unity如何做UI适配
最新发布
qq_45927369的博客
03-27 718
•。
UGUI优化篇（更新中）
2301_76618920的博客
07-15 2196
UGUI优化
[UnityUI]UGUI自适应
热门推荐
宏哥的博客
03-12 2万+
参考链接： http://www.jianshu.com/p/96fd1fbe8409 http://blog.sina.com.cn/s/blog_4148e8630102vji9.html http://www.xuanyusong.com/archives/3278 关键点： 0.自适应的测试：通过设置多种的屏幕大小进行测试，测试时最好要打开Maximize o
在Unity中实现UI屏幕自适应
vjsopmh
10-26 3533
如果适配高度，则应承受UI放大所造成的影响如果适配宽度，则应使用更大高度的背景图片，避免上下黑边的产生如果适配高度，则应使用宽度更大的背景图片，避免上下黑边的产生如果适配宽度，则应承受UI放大所造成的影响无论是PC端、移动端还是其他，除了开启屏幕分辨率缩放和正确设置锚点外，还要根据项目的具体情况，选择最优的适配方式6*2%3D12。
Unity3d UGUI 实现底部UI自适应的功能（含工程）
qq_33789001的博客
05-19 7828
Unity3d UGUI 实现底部UI自适应的功能（含工程） 前言 UI的自适应常常在项目中使用到，特别手游中，不同比例屏幕的手机，如果能考一套UI自适应显示，能省去不少的开发工作量。这里只是浅浅的讨论一下，这种居中靠底部的UI我们怎么实现自适应。 效果 自由分辨率下，自由拖动的效果： 分辨率1效果： 分辨率2效果： 分辨率3效果： 实现 如下图的UI： 我们首先要思考各个部分的分布，红色部分是一个固定图片/内容显示，中间黄色部分是一个向上滚动的列表，右侧绿色部分是一个上滚动的图片列表；我们暂定的
Unity3D UGUI自适应
Jamekt的博客
04-05 720
分享一种自己使用的UGUI自适应的方法，可能不同于大部分人使用的方式（其实大部分人用什么方式自适应我也不是很了解）添加一个Image、一个Button未自适应的情况（上为1920*1080 下为4:3）我所使用的自适应方式需要3步：1.更改Canvas上Canvas Scaler的设置 将UI Scale Mode 从Constant Pixel Size 选项改为 Scale With Scre...
Unity学习之UGUI自适应个人理解分享
OJMars的博客
04-17 1178
大家多少应该都遇到过，做好的游戏，打包出来之后，UI元素的位置全都乱了。出现这种情况的原因是，大家在进行UI元素的摆放时没有考虑好在不同分辨率下，UI元素的位置变动，没有对他们的锚点进行针对性的修改调整。 下面我举几个例子来说明如何利用锚点的设置来自适应UI元素的位置 首先创建一个空的2D场景，假如我们开发的手机端的游戏，我将尺寸自定义为1280*800 然后我们创建一个Canvas 这里有一...
Unity UGUI 自适应
weixin_44439733的博客
12-01 1776
UGUI自适应
unity3d中UI自适应
oyang_mrong的博客
09-12 1690
unity3d中针对UI界面的自适应问题，其内嵌了自己的算法，如何使用它的算法呢？ 很简单！！！ 找到Canvas的属性界面中的Canvas Scaler 其中将UI Scale Mode设置为：Scale With Screen Size，将Reference Resolution中x，y设置为主流分辨率（如1920*1080）（Reference Resolution的作用为：当buil...
Unity UI自适应
qq_39945752的博客
10-19 1714
unity ui自适应
Unity 实现UI自适应
slf_tragon的博客
05-29 896
5.下面的Match是已上门为基础 （建议 如果是横屏已高为主 竖屏相反 方形建议在中间看个人需求）但是在这样设置完后会发现很多的UI的子集部分或者很多UI还是原本大小这样就需要用代码来自适应。在做UI功能的时候都要注意对屏幕的自适应 应为不同的手机设备都拥有不同的分辨率。2.Canvas自带的Canvas Scaler组件。先看看Unity 自带的自适应功能。所以自适应的分辨率是必不可少的。4.是宽和高已上门分辨率为基础。3.选择具体如图所示。也可以封装方法来使用。
unity中设置UI自适应的方法
m0_52801429的博客
05-23 887
unityUI自适应
Unity实现Ui自适应屏幕
qq_62893047的博客
06-01 1800
实现Ui自适应屏幕：无论屏幕如何缩放，对应的UI总是始终保持在相对屏幕的位置。
【Unity】UI自适应-可变形
HG2131的博客
01-16 2296
文章目录前言一、功能代码1.锚点重置2.场景备份3.场景还原4.UI自适应二、代码总览三、知识点1.anchorMin 与 anchorMax2.offsetMin 与 offsetMax3.localPosition4.sizeDelta5.rect6.GetWorldCorners()四、知识点说明文章链接 前言 本文内容为UI控件，水平、垂直方向均变化的自适应处理。即UI与屏幕大小同比例变形。 同时包含：锚点重置、场景备份与还原功能 一、功能代码 1.锚点重置 代码如下： private vo.
UI自适应 Unity
a_leaf_的博客
01-05 647
最近学习遇到了一个UI自适应的问题 如下图: 1335*750 当切换到free aspect下 经验条因为没有设置两边对齐就会出现间隙问题 这几个小格子我是用的grid layout Group 来调整的，所以在自适应的时候，随着屏幕变化，只需要更改这个组件下的cellSize即可。 首先看第一张图 因为除经验条外其他的宽度都是固定大小的可以在其UI的rect transform组件下计算出其总宽度，然后再加上这十个经验条的总宽度就==屏幕的总宽度。然后就是小学生解方程就可以得出每个经验条的cell
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Unity青子

难题的解决使成本节约，求打赏

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

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

打赏作者

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

抵扣说明：

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

余额充值