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

最新推荐文章于 2025-02-18 21:25:26 发布
原创 最新推荐文章于 2025-02-18 21:25:26 发布 · 4.9k 阅读 · 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适配方案，背景压缩或者拉伸变形解决方案，手机刘海屏适配，适配不同分辨率，不同尺寸，不同设备。
向宇的博客，专注php/web全栈 unity游戏开发，欢迎大家评论纠错
08-24 3505
这期来讲一个简单的UI设计方案，很多同学可能搞不懂锚点、轴心这些概念，导致做好的UI在别人的设备上，乱跑或者是重叠，或者是参加游戏老发时间比较紧来不及做适配，都可以来试试这个方法，通过填充边框来保持游戏画面的原始比例，所以它的缺点也很明显，在一些移动设备上会浪费比较大的显示面积。 unity不同设备UI变形？ UI在不同设备上如何适配？
Unity引擎开发：Unity基础入门_Unity用户界面(UI)
最新发布
chenlz2007的博客
02-18 1286
创建语言字典创建一个新的C#脚本，命名为。// 这是一个语言字典脚本，用于存储不同语言的文本内容{ "start", "开始" },{ "pause", "暂停" },{ "resume", "继续" }// 当前语言// 根据当前语言返回相应的文本内容chinese[key] : "未知";创建UI元素选择Canvas，右键点击，选择UI->Text，创建多个文本对象。创建脚本创建一个新的C#脚本，命名为。将脚本附加到Canvas对象上。
Unity3D - RectTransform详解
weixin_45488182的博客
10-17 1125
最近要做UI，有时候需要在代码中调整改变UI控件的属性，比如位置、大小等，然而在NGUI里面，控制UI控件的位置等属性的是RectTransform这个组件，这个组件继承自Transform组件，却增加许多自己的特性，下面简要介绍一下相关属性: 一、Pivot属性详解 首先为了让大家更好的理解内容，我在Unity中创建了两个UI控件，一个Plane控件，作为父对象，一个Image控件，最为子对象，如下图： 然后我们选中红框，来看看它的RectTransform组件的属性，如下图： 你会看到有一堆的数据，
Unity 模型尺寸自适应
MySQL与Unity交互
03-04 2730
在开发过程中可能会因为美术资源规格不统一或者其他项目上的硬性需求遇到模型在被加载出以后大小不一的情况，基本的解决方案都是修改scale值进行直接的缩放，但是有时量级太多无法判定scale的数值时就需要针对模型的render进行调节，以下为详细的解决方案 一、计算模型的标准尺寸 在适配前，先对标准的尺寸进行计算，即选定想要适配的标准模型，对该模型进行参数的抽取作为标准参数。 /// ...
Unity 3D通过Image的固定高度计算图片（Sprite）放大或缩小后的宽度
qq_49903862的博客
04-26 3340
Unity 3D通过Image的固定高度计算图片（Sprite）放大或缩小后的宽度
Unity UI子节点控制父节点的宽高
SimpleTuo的专栏
03-18 6261
1. Unity UI子节点控制父节点的宽高 做过很多次对话框，需要Text的宽高是不固定的，控制背景图随着文本的宽高变化而变化。 话不多话，直接上图： 图一： 背景图的相关组件 图二： 文本的相关组件 2. Text作为父节点控制子Image的宽高变化 图三 Text相关组件 图四 Image 相关组件 3. Image作为子类，适配父Image的宽高，不至于变形 以上是经常用到，但容易忘记的组件，特此记录！ ...
Unity UGUI（三）布局系统
qq_41044598的博客
05-13 2194
Unity UGUI布局系统
Unity UI和场景适配
和尚的专栏
07-29 4655
1.ui适配 初始情况： 1.为什么要适配？  因为通常我们做ui的时候，会使用一个标准分辨率作为参考，然后所有ui在这个分辨率下都能正确显示，我们游戏使用的是1136x640这个分辨率。但是当我们在面对不同的手机分辨率的时候，如果我们不缩放ui的宽和高，那么我们的ui将不能正确显示，比如上图的背景，只占据了整个显示区域的中心部分。 2.适配ui方法 （1）高度匹配（宽高缩放比一致）...
Unity中的UI系统之UGUI
K_CRACKING的博客
04-22 7801
UGUI是什么UGUI是Unity引擎内自带的UI系统官方称之为:Unity UI是目前Unity商业游戏开发中使用最广泛的UI系统开发解决方案它是基于Unity游戏对象的UI系统,只能用来做游戏UI功能不能用于开发Unity编辑器中内置的用户界面如何在Unity中使用UGUI直接在Hierarchy窗口中右键选择UIUI中所有内容都是UGUI相关控件六大基础组件1、Canvas对象上依附的:①Canvas:画布组件,主要用于渲染UI控件②。
【unity之UI专题】—UI如此简单之UGUI六大组件（GIF思维导图详解）
秩沅
04-08 2769
思维导图式详解
Unity3D的UGUI实现聊天背景长度自适应
Tel17610887670的博客
05-17 804
在游戏聊天框中，由于文字长度不同，导致聊天背景框的长度也会随之变化。为了实现背景长度的自适应，可以分为以下两步： 1，首先，对背景图片进行九宫格处理，防止拉伸的时候b
Unity UI布局多个对象同步长度
wang980502的博客
07-21 590
通过Horizontal Layout Group 和 Content Size Fitter 这两个组件控制多个对象同步长度
Unity UI 大小对应3d场景物体大小
zcy121700的博客
06-26 2305
已知ugui ui图片的大小在3d场景中一个物体显示要跟ui一般大怎么办呢？ private float Convert( float value)         {             float rst = value * (Camera.main.orthographicSize*2* Camera.main.aspect) / UIScreenWidth;          
Unity基础：图片根据文字内容自适应大小（ContentSizeFitter的使用小技巧）
Fay_Fey'S Blog
03-13 4539
1、方案一PS：原理，父物体通过自适应文字内容来改变大小，Image图片根据父物体的大小改变自身大小，然后根据UI层级关系在最新层显示Text的文本内容，以达到背景图片根据文字内容自适应，并且文字显示在背景图片的上面2、方案二父物体为背景图，子物体为文本内容，最终效果：当文本内容增加时，改变Vertical Fit...
Unity基础：文本框、图片自适应（ContentSizeFitter、VerticalLayoutGroup等组件的使用）
Fay_Fey'S Blog
11-14 4655
1、https://blog.csdn.net/PalmAdorableTiger/article/details/81092521 2、 Vertical Layout Group/Horizontal Layout Group Padding：控制子节点和上下左右的距离 Spacing：每个Item之间的距离 Child Alignment 表示对齐方式。 Control C...
关于UGUI如何自动拓展父物体大小
小逗比的不定时日记本
10-09 8847
很久没有更新博客了，今天来更新一些ugui的动态滚动菜单栏，去年的时候要用动态加载每个页面的菜单栏的内容，那时候发现UGUI似乎没有直接的方法（其实自己没有仔细研究UGUI）于是自己绕了很大的圈子自己手动去根据加载来调整大小。 前阵子阅读UGUI的相关文档时候发现了UGUI带有一个组件： 这个组件可以帮我们自动拓展父物体的大小来使用Scrill  Rect组件。 这里注意一点使用的C
Unity 根据Sprite 宽高比设置Image 尺寸
2301_79311694的博客
03-19 846
【代码】Unity 根据Sprite 宽高比设置Image 尺寸。
在Unity中获取图片的宽高信息
weixin_42562717的博客
03-10 2598
在unity中获取图片的宽高信息
Unity所有UGUI组件的基础——Layout Element
hacning的博客
10-25 5769
问题背景 在我制作人物背包的过程中，需要当鼠标放在物体上时显示一些字符串表示物品的信息，所以我希望所显示的文本框大小以及背景图片大小都能随我填入的文字多少而变化，并且我需要有一个最小宽度，即超出宽度后应当换行竖向增长而不是无限制的横向变长，并且文本应当在背景的中央。 解决方案 层级关系： 我们先分析一下问题，父物体Inspect Window中包含image背景图，它要能够随着子物体Inspect Text大小变化而变化，Inspect Text大小需要根据组件Text中的文字数目变化，并且Inspect
unity 根据图片比例适应
m0_37981386的博客
07-26 1223
void Dofit() { Transform canvasObj = GameObject.Find("Canvas").transform; float width = canvasObj.GetComponent<RectTransform>().sizeDelta.x; float height = 1; if (GetComponent<RawImage>()) { ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值