Unity UI 父对象根据子对象进行适配

最新推荐文章于 2024-10-15 10:15:47 发布
原创 最新推荐文章于 2024-10-15 10:15:47 发布 · 4.8k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity3d #c#

本文介绍如何使用ContentSizeFitter组件和layout组件让UnityUI的父对象根据子对象进行动态适配，实现文本长度自动调整等功能。

Unity UI 父对象根据子对象进行适配

引入

大家都知道我们用到Unity制作项目的时候会经常让UI子对象根据父对象适配，那么如果我们需要让父对象根据子对象适配该怎么做呢

Content Size Fitter组件介绍

关于Content Size Fitter组件，它的作用就是让添加了该组件的对象，
在这里插入图片描述

自动根据他的其他组件的程度适配，比如一个只有text的对象，添加了这个组件就可以动态根据其中的文本，来调节对象的长度

Content Size Fitter组件应用

那么如何运用这个组件让父对象根据子对象进行适配呢？
那就要用到Content Size Fitter组件和layout组件了，layout组件有以下三种：
在这里插入图片描述
主要的作用是将子对象进行横向、纵向、网格有规律地布局
所以我们只需要给一个游戏对象加上Content Size Fitter组件和其中之一的layout组件，就可以让子对象根据父对象来适配

PMxiang
关注
【Unity实战】实现最完美最简单的UI适配方案，背景压缩或者拉伸变形解决方案，手机刘海屏适配，适配不同分辨率，不同尺寸，不同设备。
向宇
08-24 3227
这期来讲一个简单的UI设计方案，很多同学可能搞不懂锚点、轴心这些概念，导致做好的UI在别人的设备上，乱跑或者是重叠，或者是参加游戏老发时间比较紧来不及做适配，都可以来试试这个方法，通过填充边框来保持游戏画面的原始比例，所以它的缺点也很明显，在一些移动设备上会浪费比较大的显示面积。 unity不同设备UI变形？ UI在不同设备上如何适配？
Unity3D让BoxCollider根据子物体生成自适应大小
心疼你的一切博客
05-23 1805
大家好，我是心疼你的一切，不定时更新Unity开发技巧，觉得有用记得一键三连哦。有时候我们需要用到不规则的物体,或者一大堆物体,又不想每一个物体都加上碰撞盒,所以这时候就需要把这些物体放在空物体里面,在空物体上添加根据子物体的网格生成自适应大小的碰撞盒以下就是有编辑操作的,也可以代码生成之后操作的,具体使用看自己心情哦提示：以下是本篇文章正文内容，下面案例可供参考不定时更新Unity开发技巧，觉得有用记得一键三连哦。么么哒。
Unity UI子节点控制父节点的宽高
SimpleTuo的专栏
03-18 6128
1. Unity UI子节点控制父节点的宽高 做过很多次对话框，需要Text的宽高是不固定的，控制背景图随着文本的宽高变化而变化。 话不多话，直接上图： 图一： 背景图的相关组件 图二： 文本的相关组件 2. Text作为父节点控制子Image的宽高变化 图三 Text相关组件 图四 Image 相关组件 3. Image作为子类，适配父Image的宽高，不至于变形 以上是经常用到，但容易忘记的组件，特此记录！ ...
Unity3D - RectTransform详解
weixin_45488182的博客
10-17 1070
最近要做UI，有时候需要在代码中调整改变UI控件的属性，比如位置、大小等，然而在NGUI里面，控制UI控件的位置等属性的是RectTransform这个组件，这个组件继承自Transform组件，却增加许多自己的特性，下面简要介绍一下相关属性: 一、Pivot属性详解 首先为了让大家更好的理解内容，我在Unity中创建了两个UI控件，一个Plane控件，作为父对象，一个Image控件，最为子对象，如下图： 然后我们选中红框，来看看它的RectTransform组件的属性，如下图： 你会看到有一堆的数据，
Unity 模型尺寸自适应
MySQL与Unity交互
03-04 2679
在开发过程中可能会因为美术资源规格不统一或者其他项目上的硬性需求遇到模型在被加载出以后大小不一的情况，基本的解决方案都是修改scale值进行直接的缩放，但是有时量级太多无法判定scale的数值时就需要针对模型的render进行调节，以下为详细的解决方案 一、计算模型的标准尺寸 在适配前，先对标准的尺寸进行计算，即选定想要适配的标准模型，对该模型进行参数的抽取作为标准参数。 /// ...
Unity 3D通过Image的固定高度计算图片（Sprite）放大或缩小后的宽度
qq_49903862的博客
04-26 3276
Unity 3D通过Image的固定高度计算图片（Sprite）放大或缩小后的宽度
[UGUI]父物体跟随子物体尺寸变化大小
yhx956058885的博客
05-17 3818
父物体跟随子物体尺寸变化大小；根据文本框输入内容，自动调整背景尺寸
unity UI排列 父物体根据子物体自适应
qq_33503206的博客
10-15 361
当前效果目标效果实现。
精选资源
UI-Toolkit-SafeArea:Unity UI工具包的安全区域控制
04-11
《Unity UI工具包的安全区域控制：UI-Toolkit-SafeArea》 在当今的移动设备和游戏开发中，屏幕尺寸和比例的多样性使得开发者们需要关注一个重要的设计元素——安全区域。安全区域是指屏幕中不受物理边框、摄像头、...
精选资源
UI框架_unityui框架_unity_
10-01
7. Layout Groups：为了方便地组织和排列UI元素，Unity提供了几种布局组（Layout Group），如Vertical Layout Group和Horizontal Layout Group，可以自动调整子对象的大小和位置，以适应不同的布局需求。 8. UI ...
Unity UI 相关知识（锚点自适应详解）
某不知名气人选手
08-23 2004
Left,Top,Right,Bottom分别表示UI自身相对于自身锚框的距离，Left为UI自身距离左侧锚框的距离，其他同理（Top距离上侧，right距离右侧，bottom距离下侧）——>无论父物体怎么变化，子物体相对于父对象所占的比例不变，也就说子物体会跟随父对象变化。PosX,PosY,PosZ 分别表示UI自身的中心点所距离锚点的X、Y和Z轴的距离。——>无论父物体怎么变化，子物体宽度和高度是恒定不变的。（ 相当于设置的offsetMin和offsetMax的值 ）所有锚框同在一个点时。
Unity UI和场景适配
和尚的专栏
07-29 4585
1.ui适配 初始情况： 1.为什么要适配？  因为通常我们做ui的时候，会使用一个标准分辨率作为参考，然后所有ui在这个分辨率下都能正确显示，我们游戏使用的是1136x640这个分辨率。但是当我们在面对不同的手机分辨率的时候，如果我们不缩放ui的宽和高，那么我们的ui将不能正确显示，比如上图的背景，只占据了整个显示区域的中心部分。 2.适配ui方法 （1）高度匹配（宽高缩放比一致）...
【Unity】UI自适应-可变形
HG2131的博客
01-16 2311
文章目录前言一、功能代码1.锚点重置2.场景备份3.场景还原4.UI自适应二、代码总览三、知识点1.anchorMin 与 anchorMax2.offsetMin 与 offsetMax3.localPosition4.sizeDelta5.rect6.GetWorldCorners()四、知识点说明文章链接 前言 本文内容为UI控件，水平、垂直方向均变化的自适应处理。即UI与屏幕大小同比例变形。 同时包含：锚点重置、场景备份与还原功能 一、功能代码 1.锚点重置 代码如下： private vo.
unity3D实现父随子动效果，SteamVR手柄触摸板移动的简单解决方案
qq_52811916的博客
05-26 789
首先，我们的目的是像fps组件一样父物体跟随子物体的朝向走，但是我并不会让父物体旋转，我的做法是在父子之外新建一个空物体，将其位置与父物体重合，我们将摄像机的旋转传给这个空物体，然后用按键控制空物体移动，他会跟随我的朝向前进，之后，我们将这个空物体的位置传给父物体，这样我们的父物体就会跟随我们的朝向前进了。此文档仅个人学习，仅供参考，如有不足请指出。//本代码挂在我们的子物体（摄像机）上。
Unity UI自适应
qq_39945752的博客
10-19 1716
unity ui自适应
Unity基础：文本框、图片自适应（ContentSizeFitter、VerticalLayoutGroup等组件的使用）
Fay_Fey'S Blog
11-14 4550
1、https://blog.youkuaiyun.com/PalmAdorableTiger/article/details/81092521 2、 Vertical Layout Group/Horizontal Layout Group Padding：控制子节点和上下左右的距离 Spacing：每个Item之间的距离 Child Alignment 表示对齐方式。 Control C...
unity3d 子组件随父组件同比例缩放、批量修改
JavaBigData的博客
12-10 1068
只改变父组件的scale参数
Unity UGUI 父对象的透明度能直接影响到子对象的显示
doublefay的专栏
05-14 8672
没错，跟NGUI的 UIWidget  有类似功能的 组件是 CanvasGroup ！！！！！
在unity中如何停用一个父对象下子对象的活动
m0_68453200的博客
04-21 565
在Unity中，如果你想要停用一个父对象下的所有子对象（游戏对象）而不停用父对象本身，你可以通过编程来实现。这个功能主要涉及到遍历父对象的所有直接子对象，并逐个设置它们的。：这是所有游戏对象必有的组件，用于处理位置、旋转和缩放。它的文档详细描述了如何通过代码访问和修改这些属性，以及如何遍历子对象。需要注意的是，停用游戏对象会导致其所有组件（包括脚本）停止工作，但不会影响其在场景中的位置等信息。，你可以灵活地控制游戏对象及其子对象的激活状态，实现各种游戏逻辑。，游戏对象及其所有子对象都会被停用；
unity UI适配
最新发布
06-14
### Unity UI 适配方案与屏幕分辨率调整技巧 #### 1. 使用 Canvas Scaler 实现分辨率自适应 Canvas Scaler 是 Unity 提供的内置组件，用于管理 UI 在不同分辨率下的缩放行为。通过设置其 `UI Scale Mode` 属性为 `Scale With Screen Size`，可以实现基于参考分辨率的比例缩放[^1]。具体配置如下： - 设置 `Reference Resolution` 为设计时使用的分辨率。 - 根据需求选择 `Match Width Or Height` 的值（0 表示仅匹配高度，1 表示仅匹配宽度，0.5 表示等比例缩放）。 ```csharp // 示例：动态设置 Canvas Scaler 参数 public void SetCanvasScaler(float match, Vector2 referenceResolution) { CanvasScaler scaler = GameObject.Find("Canvas").GetComponent<CanvasScaler>(); scaler.matchWidthOrHeight = match; scaler.referenceResolution = referenceResolution; } ``` #### 2. 利用 Anchors 和 Pivot 调整 UI 元素布局 Anchors 和 Pivot 是控制 UI 元素在父对象中定位的关键属性。合理设置这些属性可以帮助 UI 元素在不同分辨率下保持正确的对齐方式。例如： - 将 Anchor 设置为 Stretch 可以让子元素随父对象拉伸。 - 调整 Pivot 值可以改变子元素的旋转和缩放中心点。 #### 3. 第三方插件辅助适配 Asset Store 中提供了许多功能强大的插件来简化分辨率适配过程[^2]。以下是一些推荐的工具： - **TextMesh Pro**：提供高质量的文本渲染，并支持复杂的字体适配。 - **Resolution Manager**：允许开发者轻松管理和切换不同分辨率的预设。 #### 4. 基于 ECS 的 UI 适配方案 对于使用 Unity DOTS 架构的项目，可以通过编写自定义的 ECS 系统来实现 UI 的分辨率适配[^3]。这种方法的优势在于能够充分利用数据驱动的方式优化性能。以下是一个简单的示例代码： ```csharp // 示例：ECS 系统中的 UI 适配逻辑 [UpdateAfter(typeof(InitializationSystemGroup))] public class UIScaleSystem : SystemBase { protected override void OnUpdate() { float screenWidth = UnityEngine.Screen.width; float screenHeight = UnityEngine.Screen.height; Entities.ForEach((ref UITransformData uiTransform) => { uiTransform.Scale = new Vector3(screenWidth / 1920f, screenHeight / 1080f, 1); }).Run(); } } ``` #### 5. 注意事项 - 确保所有 UI 元素的材质和纹理都已正确打包到 Sprite Atlas 中，以减少 Draw Call。 - 避免使用过多的嵌套 Canvas，因为这会增加渲染开销。 - 对于动态生成的 UI 内容，务必在创建时应用适当的适配逻辑。 ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值