Unity - UI适配方案记录

最新推荐文章于 2024-07-21 17:20:41 发布
最新推荐文章于 2024-07-21 17:20:41 发布
阅读量1.4k 收藏
点赞数
文章标签： unity ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41316824/article/details/128862107
版权

1.普通屏不同分辨率适配及预览

1.背景图

界面背景图建议至少宽于21:9；其中16:9的范围为精细范围，12:9的范围为真机最小可见范围。

2.组件

各组件通过设置RectTransform属性来达到正确适配的效果。

3.预览

在unity中，设置Game窗口左上角的分辨率即可预览效果。注意：最终效果需以真机测试为准。

2.异形屏适配及预览

在所有需要缩入安全区域的组件上，添加SafeArea脚本。建议将这些组件都放在同一个父节点下，方便操作：

通过下文"整体预览插件"即可预览各机型异形屏效果。
注：在实机上，安全区是由机器本身决定的，各机型的安全区分辨率各有不同；插件预览仅做正确性测试用。最终效果需以真机测试为准。

 

3.组件内部大小适配

主要使用ContentSizeFilter、LayoutGroup、LayoutElement实现。
推荐官方教程：
Auto Layout | Unity UI | 1.0.0
推荐中文教程：
Unity零基础到进阶 ☀️| UGUI布局 之Content Size Fitter组件介绍 和 使用示例 - 腾讯云开发者社区-腾讯云
https://cloud.tencent.com/developer/article/1865454
https://cloud.tencent.com/developer/article/1865455
背景大图适配使用AspectRatioFitter组件实现。

4.整体预览插件

插件来源：Universal Device Preview | Utilities Tools | Unity Asset Store
打开"Window/Almost Engine/Universal Device Preview/Device Gallery "，选择机型，点击左上角的Update Previews

 

-013-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Unity小技巧】最简单的UI设置适配方案
向宇
08-24 1532
这期来讲一个简单的UI设计方案，很多同学可能搞不懂锚点、轴心这些概念，导致做好的UI在别人的设备上，乱跑或者是重叠，或者是参加游戏老发时间比较紧来不及做适配，都可以来试试这个方法，通过填充边框来保持游戏画面的原始比例，所以它的缺点也很明显，在一些移动设备上会浪费比较大的显示面积。 unity不同设备UI变形？ UI在不同设备上如何适配？
Unity WebGL 微信小游戏适配方案
05-01
Unity WebGL 小游戏适配方案(又称团结Unity快适配)，本方案设计目的是降低 Unity 游戏转换到微信小游戏的开发成本。基于WebAssembly技术，无需更换Unity引擎与重写核心代码的情况下将原有游戏项目适配到微信小游戏。
unity素材资源科技-UI界面-Icon-GUI PRO Kit - Sci
07-30
unity素材资源科技_UI界面_Icon_GUI PRO Kit - Sci
游戏背景图片的适配算法
hyx18775752051的博客
07-29 523
UGUI。图片锚点选择中心点对齐。 效果类似windows壁纸的填充。就是按比例放大，刚好覆盖整个屏幕。 使用方法：将脚本挂到需要适配的背景图上，调整锚点中心对齐。将需要适配的Canvas拖到脚本的canvas字段上赋值即可。 脚本如下： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class BGResize : MonoB
Unity屏幕分辨率适配方法
exlink2012的专栏
05-27 1280
有时候你可能需要自定义逻辑来处理不同分辨率的适配，可以在游戏初始化时检测当前分辨率并进行相应的调整。// 宽屏适配逻辑else// 窄屏适配逻辑。
Unity--UI操作方法（多种分辨率的UI）
爱编程的鱼的博客
04-22 1137
可以使用“检查器”中的“锚定预设”下拉菜单，或在“场景视图”中拖动三角形的锚定手柄，将左上角按钮的锚定设置为左上角。在这些低密度屏幕上，按钮的显示不应大于高密度屏幕上的按钮，而应以相同的大小显示。由于在这种情况下，景观分辨率宽1.5倍，但也短1.5倍，因此这两个因素会保持平衡，最终比例因子为1，这意味着按钮将保持其原始大小。在现在的游戏和应用程序中需要支持多种不同的分辨率，尤其是UI布局需要能够适应这种分辨率，Unity中的UI系统包括用于此目的的各种工具，可以通过各种方式进行组合。器”组件中，可以将其。
unity--适配时的安全区域
zhuanzhuo的博客
04-28 395
using UnityEngine; public class SafeAreaAdapter : MonoBehaviour{ void Awake() { RectTransform rectTransform = GetComponent(); Rect safeArea = Screen.safeArea; Vector2 anchorMin = safeArea.position; Vector2
Unity_UI适配屏幕尺寸
cherry_f_f的博客
04-11 413
UI比例适应屏幕，UI遮挡模型，导出exe为窗口样式
Unity ipad UI适配
weixin_42573555的博客
10-12 2466
最近关于ipad 开发，是适配问题。还没写，先占了标题，提醒自己赶紧写。
Unity的ui在不同屏幕分辨率下的适配解决方案
如果可以一直带着少年时的酷
12-12 884
默认时CanvasScaler的缩放模式是“ConstantPixelSize”，即不缩放。这会导致当不同电脑的分辨率不一样时，ui的位置会产生变化（在屏幕外或者更靠中间）当我们新建Canvas时Unity会自动添加上CanvasScaler组件。且设置Reference Resolution来和当前屏幕分辨率适配。这样即使换成1080或者720的屏幕分辨率都不会出现ui乱跑的问题。会根据一定条件（比如屏幕分辨率）缩放Canvas。Canvas Scaler->多设备适配。
Unity拖拽UI元素并适配任何分辨率
qq_28930623的博客
01-06 598
解决了Windows各分辨率下很好的拖拽UI元素的问题，不会发生偏移
最新版本的NGUI插件NGUI Next-Gen UI 覆盖unity多个版本
03-27
开发者可以在不同的平台上使用相同的UI设计，而不必担心屏幕适配的问题。 另外，NGUI Next-Gen UI还提供了强大的动画功能，可以创建各种各样的动态UI效果。开发者可以使用Tween动画或使用代码编写动画逻辑，实现...
Unity-AndroidAppStatusBarShowHide.zip
05-24
本项目"Unity-AndroidAppStatusBarShowHide.zip"提供了解决这一问题的解决方案。它利用Unity的C#脚本与Android原生Java代码进行交互，实现了在Android设备上动态控制状态栏和导航栏的显示与隐藏。 首先，我们需要...
Unity3d Modern UI Pack 5.34 最新版
06-26
7. **UI Manager**：工具或系统，帮助管理和协调UI元素，确保它们在不同屏幕尺寸和设备上适配良好。 现代UI设计强调简洁、直观和响应式。在这个包中，开发者可以找到符合这些原则的设计元素，例如扁平化设计、触摸...
Unity UI适配
qq_23602395的博客
05-16 752
Unity屏幕适配解决方案_古玩的博客-CSDN博客_unity屏幕适配 设计用于多种分辨率的 UI - Unity 手册 设计用于多种分辨率的 UI 现代游戏和应用程序通常需要支持各种不同的屏幕分辨率，特别是 UI 布局需要能够适应这种情况。Unity 中的 UI 系统包含用于此目的的各种工具，并可通过各种方式将这些工具组合起来使用。 在本操作指南中，我们将研究一个简单案例，并在此背景下了解和比较不同的工具。在我们的案例研究中，我们在屏幕角点处有三个按钮（如下所示），目标是使这种布局适应各种分辨率
Windows 12 网页版
weixin_56800842的博客
07-19 658
Windows 12 网页版是一个在线开源项目，由一个初三学生用前端开发三件套 HTML+CSS+JavaScript 实现的一个网页版的 Windows 12，灵感来源于Windows 12 概念版 (Powered by PowerPoint)，直接打开网页即可在线体验Windows12了，希望让用户在网络上预先体验 Windows 12，不过内容可能与 Windows 12 正式版本不一致，精美的ui设计，流畅丰富的动画，各种高级的功能(相较于网页版)。
全新UI自助图文打印系统小程序源码/自助云打印机前后端源码
12年全栈程序开发
07-17 331
这些服务覆盖了多种文件格式，包括文档、图片、表格等。除此之外，系统还集成了额外的特色功能，如美颜、换装以及文档打印等，以满足用户的不同需求。管理员可进管理后台对打印机进行管理。最新的自助图文打印系统和证件照云打印小程序源码采用了PHP作为后端开发语言，旨在为用户提供全面的自助打印服务。
PyQT6---环境搭建
最新发布
weixin_48516591的博客
07-21 185
1、虚拟环境搭建创建虚拟环境切换虚拟环境。
Unity UI适配 画布固定大小适配
06-07
如果你想要在Unity中使用UI元素并且使它们适配不同的屏幕大小，你可以使用画布(Canvas)的固定大小适配功能。这个功能可以让UI元素按照画布的大小进行缩放，从而适应不同的屏幕分辨率。 以下是如何进行画布固定大小适配的步骤： 1. 创建一个UI画布(Canvas)并将它的Render Mode设置为Screen Space - Camera。 2. 在Canvas下创建一个摄像机(Camera)，并将它的Depth设置为-1。 3. 将摄像机的Clear Flags设置为Solid Color，并将Background颜色设置为黑色。 4. 在Canvas下创建一个子对象Panel，并设置它的锚点为左上角(0,1)、右下角(1,0)。 5. 将Panel的宽高设置为画布的固定大小。例如，如果你想要画布的大小为1920x1080，那么Panel的宽高应该分别设置为1920和1080。 6. 在Panel下添加其他UI元素，例如Text、Image等。 7. 如果你想要UI元素按照宽度或高度进行缩放，可以在Panel上添加一个AspectRatioFitter组件，并设置它的Aspect Mode为Width Controls Height或Height Controls Width。 8. 如果你想要UI元素保持比例不变进行缩放，可以在Panel上添加一个AspectRatioFitter组件，并设置它的Aspect Mode为Fit In Parent或Envelop Parent。 通过以上步骤，你就可以创建一个适配不同屏幕大小的UI画布了。如果你需要更加详细的说明，可以参考Unity官方文档中的UI布局和渲染模式章节。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值