Unity学习之UGUI自适应个人理解分享

最新推荐文章于 2024-05-23 10:29:46 发布
最新推荐文章于 2024-05-23 10:29:46 发布
阅读量939 收藏 4
点赞数 2
分类专栏： unity学习 文章标签： UGUI Unity Unity自适应 分辨率自适应 移动端自适应
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mars___Z/article/details/89358247
版权

大家多少应该都遇到过，做好的游戏，打包出来之后，UI元素的位置全都乱了。出现这种情况的原因是，大家在进行UI元素的摆放时没有考虑好在不同分辨率下，UI元素的位置变动，没有对他们的锚点进行针对性的修改调整。
下面我举几个例子来说明如何利用锚点的设置来自适应UI元素的位置
首先创建一个空的2D场景，假如我们开发的手机端的游戏，我将尺寸自定义为1280*800
在这里插入图片描述
然后我们创建一个Canvas
在这里插入图片描述
这里有一个RenderMode（渲染模式）可以进行选择，一共有三种模式
一、Overlay：这种模式下，所以Canvas的内容会显示在最前面，你可以理解为在摄像机前面加了一个滤镜，并且永远显示在最前面，而且Canvas里面的内容按照比例映射到摄像机视野上的，因为这种模式的Canvas非常大，你的摄像机的视野在这里（箭头）。
在这里插入图片描述
二、Camera：这种模式下，可以理解为是在摄像机前面放了一东西，距离你自己可以控制，你也可以在他和摄像机之间加东西，不像Overlay，Camera模式是会被遮挡的&#x

最低0.47元/天 解锁文章
OJMars
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【UGUI】学会Unity中UGUI中UI元素自适应问题
leoysq的博客
09-19 2657
就像画一幅画，首先我们需要一张什么也没有的白纸贴在画板上（这个画板就是：Canvas）,有了画板以后，我们就可以一层层的铺上画面元素了，这些画面元素就是具体的UI元素（包括：一个图、按钮、滚动条、勾选框、文本框等等）而且，在层级面板的UI名称列表中（大纲列表）排在上面的就会被放在图层下方，后面创建的UI会遮住早先创建的，就像一层层的画画一样，后面刷的颜色肯定是在最前方。但是UI元素的锚点定位好了,我UI元素本身呢，这还不好说吗，就像任何图像在设计软件在都会围绕锚点，并且跟随锚点。UI元素本身也会跟随锚点。
unity android屏幕自适配,关于Unity中的UGUI的屏幕自适应（多分配率适配）
weixin_30888681的博客
06-08 2092
前言：最近在学习UGUI，在学习UGUI当中的屏幕自适应的时候出现了问题，搞的我很头疼，于是在网上查了很多资料，花了一晚上的时间，其实当时还是没想明白，但夜里突然失眠了，于是想了想昨天晚上看的资料，突然灵光一闪好像明白了点什么，为了方便以后的查阅，因此也就有了这篇文章。好了咱们废话不多说 ~想要明白UGUI的屏幕自适应(多分配率适配)首先你要明白：Canvas和锚点有什么区别？因为在进行适配的时候...
unity中设置UI自适应的方法
最新发布
m0_52801429的博客
05-23 405
unityUI自适应
unity GUGI 屏幕自适应
qq_37524903的博客
09-09 1481
同理当值为1即处于Height那端时，表示屏幕宽度对于UI大小完全没有任何影响，只有高度会对UI大小产生影响。对于第一步，有3种模式可以选择，默认是第一种像素模式，这也是造成无法自适应屏幕的原因，这里选择Scale with Screen Size模式。第二步调节Screen Match Mode ，这里也有三种模式，选择Match width or Height 模式。当值为0即处于Width那端时，表示屏幕高度对于UI大小完全没有任何影响，只有宽度会对UI大小产生影响。最后 测试 选择不同尺寸。
Unity UGUI组件 InputField 根本文本内容自适应大小
03-26
下载完是一个C#脚本 直接挂到带有InputFeild组件的Obj上就行 Obj的RectTransform min.x max.x pivot.x 都 设置为0
Unity3D - RectTransform详解
weixin_45488182的博客
10-17 874
最近要做UI，有时候需要在代码中调整改变UI控件的属性，比如位置、大小等，然而在NGUI里面，控制UI控件的位置等属性的是RectTransform这个组件，这个组件继承自Transform组件，却增加许多自己的特性，下面简要介绍一下相关属性: 一、Pivot属性详解 首先为了让大家更好的理解内容，我在Unity中创建了两个UI控件，一个Plane控件，作为父对象，一个Image控件，最为子对象，如下图： 然后我们选中红框，来看看它的RectTransform组件的属性，如下图： 你会看到有一堆的数据，
Unity3D UGUI自适应
Jamekt的博客
04-05 532
分享一种自己使用的UGUI自适应的方法，可能不同于大部分人使用的方式（其实大部分人用什么方式自适应我也不是很了解）添加一个Image、一个Button未自适应的情况（上为1920*1080 下为4:3）我所使用的自适应方式需要3步：1.更改Canvas上Canvas Scaler的设置 将UI Scale Mode 从Constant Pixel Size 选项改为 Scale With Scre...
Unity3d UGUI 实现底部UI自适应的功能工程
05-19
建议先看说明：...Unity3d UGUI 实现底部UI自适应的功能工程 基于ScrollRect 、 Vertical Layout Group和 Grid Layout Group等组件，实现高度匹配，UI宽度内容动态适配的功能。
unity游戏分辨率屏幕自适应插件.zip
08-17
"Unity游戏分辨率屏幕自适应插件"就是为了解决这个问题而设计的。 该插件名为"Resolution Magic 2D"，版本为1.11，主要针对2D游戏场景。它提供了一套完善的解决方案，帮助开发者轻松地让游戏界面在不同分辨率的设备...
Unity道具tips自适应屏幕边界项目源码
12-23
Unity道具tips自适应屏幕边界项目源码是一种在游戏开发中常见的需求，特别是在使用Unity引擎的UGUI系统时。UGUI（Unity Graphic User Interface）是Unity提供的一个强大的2D图形用户界面系统，它允许开发者创建丰富...
Unity UGUI 性能优化 示例工程
02-24
Unity UGUI（Unity User Graphic Interface）是Unity引擎内置的图形用户界面系统...通过研究和实践这个工程，开发者能够深入理解Unity UGUI的性能优化技巧，并将其应用于自己的项目中，提升游戏的运行效率和用户体验。
[Unity实战] UGUI 背景框（图片）尺寸自适应内容（图片、按钮、文字等）
qq_21407523的博客
09-18 2380
第一次发布时间：2020-09-18 修改时间： UGUI 背景框尺寸自适应内容一、引言二、研究方法与过程2.1 关键技术2.2 功能模块2.3 数据结构2.4 关键代码三、研究结论和成果四、收获和体会 一、引言 在制作工会系统时，点击公会成员，会跳出管理按钮的窗口，根据成员在公会中不同的职位具有不同的权限，会长拥有所有权限，副会长拥有部分权限，普通成员只有少部分权限。直观的显示在UI界面上，是管理窗口的按钮数量不同，这时候就需要根据不同权限隐藏显示不同的按钮。 需要不适用代码来控制尺寸，完全使用UGUI自
Unity UGUI自适应布局系统详解
菜鸟的学习历程
07-19 7125
前言 此文延续上篇文章Unity UGUI源码解析，来进行对应的关于UGUI布局这块的讲解，关于布局刷新这块逻辑请参考上文中Canvas渲染重绘流程，用样适用布局更新这块逻辑，由于组件都是功能向的脚本，所以此文主要说明布局组件的使用方法，不对代码有过多的深入，具体实现逻辑请查看源码。 UGUI布局组件详解 组件概览 让我们先看一下UGUI框架中在UI布局这方面有哪些脚本，再来进行一一讲解 可以看到所有带icon图片的脚本都是我们可以在对UI进行布局的时候进行使用的，这里核心的脚本组合是LayoutGro
学习Unity的官方例程时UI界面位置混乱
a1832066的博客
04-06 3293
第一个就是Rect transform的参数设置了，刚开始入门需要了解他的设置，如下图 选择网格很重要，不同网格位置是不一样的，所以选错 的话UI也就混乱了，你可以看一下下图对比一下 上为错误的展示，红心不在框的中心，下为正确的展示，红心在框的中心 你可以发现不同网格的选择，位置是相差很大的，所以一定要注意选择合适的网格来开发。 第二 就是Pivot的设置，中心轴的位置默认是0，但是有些...
unity打包时UI的自适应
Jason的博客
06-04 2981
unity打包时UI的自适应 本文摘自 https://blog.csdn.net/qq_15020543/article/details/82595179 感谢博主分享的干货，以此记录一下。同时感谢文中的另两位博主 http://www.cocoachina.com/game/20160602/16570.html 和 https://blog.csdn.net/st75033562/artic...
unity 打包安卓UI自适应
沈夕林的博客
07-15 2163
前言 一直以来在我感觉UI自适应就是一个老大难的问题，从入这行的时候老师给我们讲UI自适应就觉得懵懵懂懂，也许是潜意识在作祟，一直感觉UI自适应挺难的，工作之后打包apk的时候也找过UI自适应的方法，感觉靠谱的方法就是根据不同的手机比例制作不错比例的UI，但是一般公司没人去整这个。 还有就是度娘上边零零总总的文章，都是在说设置锚点和中心点，之前我也用这种方法，在手机屏幕比例和设计时候的UI比例相近的时候没什么问题，但是如果手机屏幕的比例和设计时候的比例相差比较大的时候，就会出现问题了，首当其冲的就是UI拉
Unity3d实例化后位置不对的问题
daoba_wolf的博客
09-18 3178
采了个坑，记录一下。 不用NGUI是正常的，用了位置就不对了。 主要因为是实例化后，是在UIroot外面的，而NGUI的各部件是必须要在UIRoot里面的（子物体），于是，NGUI会自动把外面的你实例化后的物体移到UIRoot里面，这个过程会默认将位置至于原点000处。。。 正确做法是，实例化后，将实例化后的物体主动指定父物体（一般是个pannel），并将position赋值给父物体或其他。 ...
unity 设置屏幕自适应并全屏显示
热门推荐
爱尚游Bin的博客
01-16 2万+
屏幕自适应 为了程序能够在不同分辨率的显示器中正常显示我们的程序UI界面，我们需要对canvas进行设置： 1、将UI Scale Mode选项中Constant Pixel Size更改为Scale With Screen Size。 2、可以设置Reference Resolution （默认分辨率）：可以根据需要是显示的分辨率进行设置，一般横屏设置为19201080；竖屏设置为：108019...
unity中ugui分辨率自适应
05-22
在Unity中，可以使用UGUI的Canvas Scaler组件来实现UI元素的自适应。Canvas Scaler组件提供了不同的模式来适应不同的屏幕分辨率。 首先，在Unity中创建一个Canvas对象，并将Canvas Scaler组件添加到该对象上。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值