Unity零基础到进阶 ☀️| UGUI布局 之Content Size Fitter组件介绍 和 使用示例

最新推荐文章于 2024-08-26 09:08:59 发布
最新推荐文章于 2024-08-26 09:08:59 发布
阅读量9.4k 收藏 95
点赞数 43
分类专栏： # Unity 进阶技巧 Unity精品学习专栏⭐️ 文章标签： Unity UI布局 组件学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangay1998/article/details/118601840
版权
本文介绍了Unity中的Content Size Fitter组件，作为布局控制器它能自动调整UI元素的大小。详细解释了Horizontal Fit和Vertical Fit的三种FitMode模式，并通过实例展示了在文本框和Scroll View中的应用，帮助开发者更好地理解和使用这一布局工具。
摘要由CSDN通过智能技术生成

目录

📢引言
  • 上次写了一篇博客对UGUI布局的三个组件做了一个介绍和是实战练习
    分别是： Vertical Layout Group、Horizontal Layout Group 和 Grid Layout Group
  • 这三个组件都是放在父物体上控制子物体的状态位置的，那这篇文章呢就来对Content Size Fitter组件做一个介绍，一般是配合上面的三个布局组件进行使用

🏳️‍🌈Content Size Fitter 组件介绍

官方介绍：

  • The Content Size Fitter functions as a layout controller that controls the size of its own layout element. The size is determined by the minimum or preferred sizes provided by layout element components on the Game Object. Such l
了解本专栏 订阅专栏 解锁全文
呆呆敲代码的小Y
关注
专栏目录
订阅专栏
Unity零基础到进阶 ☀️| 【UI系统学习】UGUI布局元素 Layout Element 介绍 和 简单示例
努力前行，总会成为自己心中的那道光
07-12 7912
Unity 的Layout Element 布局元素的说明和实例介绍。
Unity UGUI的ContentSizeFitter（内容尺寸适应器）组件的介绍及使用
alianblank的博客
07-20 5081
ContentSizeFitter是Unity UGUI中的一个组件，用于自动调整UI元素的大小，以适应其内容的大小变化。它可以根据内容的大小自动调整UI元素的宽度和高度，确保内容不会被截断或溢出。
Unity：UnityUI界面设计与交互教程
kkchenjj的博客
07-22 1299
自定义UI控件是UnityUI界面设计中的高级技巧，允许开发者创建符合特定需求的用户界面元素。Unity提供了UGUI系统，通过继承或类，可以创建自定义的UI控件。继承Graphic类：创建一个自定义UI控件，首先需要继承Graphic类，这样可以利用Unity的渲染系统。重写方法：此方法用于定义控件的网格和纹理坐标，是自定义外观的关键。实现交互逻辑：通过继承Selectable类，可以添加交互逻辑，如响应鼠标点击、悬停等事件。
Unity3d Ugui 17 Content Size Fitter
HexianWHH的专栏
07-30 914
内容大小适配器，控制UI元素的大小。大小调整是围绕轴心进行的。 Horizontal Fit宽度 Unconstrained 不根据布局元素伸展宽度，可手动修改长宽的值。 Min Size 根据布局元素的最小宽度来伸展宽度。 Preferred Size 根据布局元素的偏好宽度来伸展宽度。Vertical Fit高度 Unconstrained 不根据布局元素伸展高度，可手动修改长宽的值。 Min Size 根据布局元素的最小高...
Unity Ugui 详解 Content Size Fitter 和 Horizontal Layout Group 的使用
游戏人生
01-22 2936
如果你希望 一个组件的宽高 可以被 里面的内容撑开 宽高自动改变大小 那么就用 Content Size Fitter 当你设置为PreferredSize的时候 会发现 你的width 或者 height 变成灰色的了 类似这样 他有三个值 Unconstrained：组件不根据布局元素调整 ，可手动修改长宽的值。 MinSize：根据布局元素的最小值来调整，不能手动修改长宽的值。 PreferredSize：根据布局元素的内容来调整，不能手动修改长宽的值。 简单举个例子 加深理解 下面的图 最外层容器
Unity的UGUI的Content Size Fitter组件使用示例
天富儿的博客
05-05 6921
UGUI的Content Size Fitter组件使用示例Content Size Fitter组件介绍示例文字后边固定位置加图片控制Scroll View(Scroll Rect组件)控件下Content的大小自适应窗口大小,将子物体设置为显示或者隐藏可以自己改变窗口大小，如技能，装备升级类窗口原文链接 Content Size Fitter组件介绍 Content Size Fitter组件...
Unity-背包系统-Conter Size Fitter的巧用
zhanxxiao的博客
02-29 552
（1）游戏中对话框大小不一但文字适应度高设计原理： 比较常用的就是在 Canvas下面创建一个 Image 图片。然后在图片的下方创建一个 Text 文字作为Image 的子物体，但是这样不够灵活，文字的大小始终无法自行进行控制，只能随着 Imnage 的大小添加文字。但是这里想要实现的功能是通过 文字大小来控制 Image 的大小，便可采用另外一种做法的话灵活巧妙的避开了这个 首先，依然是创建...
【Unity-UGUI组件拓展】| ContentSizeFitter 组件拓展，支持设置最大宽高值
最新发布
努力前行，总会成为自己心中的那道光
08-26 2744
关于ContentSizeFitter组件的使用，前面已经有文章介绍过，这里不再赘述： Unity零基础到进阶 ☀️| UGUI布局 之Content Size Fitter组件介绍 和 使用示例 在使用ContentSizeFitter组件时，会有一个使 文本或图片 配合布局组件进行自适应的功能，可以支持文本变多的同时拉伸组件，使得文本可以正常自适应显示。
【Unity-UGUI控件全面解析】| Layout自动布局组件详解
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
【Unity-UGUI控件全面解析】| ScrollView 滚动视图组件详解
努力前行，总会成为自己心中的那道光
05-17 2万+
ScrollView 是一个滚动显示内容的组件，当有大量内容需要显示时，就可以使用ScrollView来进行滚动显示，如正常浏览网页时的滚动显示内容等。 在Hierarchy视图中选择 Create -> UI -> ScrollView 新建一个ScrollView 滚动视图组件：
UGUI之Content Size Fitter组件
热门推荐
静风霁
11-29 2万+
UGUI之Content Size Fitter组件介绍
UGUI ContentSizeFitter 嵌套 适配
yhjsspz的专栏
09-27 2488
Unity不支持ContentSizeFitter的嵌套，如果使用了嵌套则会出现警告，并且有些时候没有效果。 但是实际应用时候肯定会碰到嵌套的情况，这怎么办呢？ 其实我们只需要在最外层加一个ContentSizeFitter，里面使用VertivalLayoutGroup和HorizontalLayoutGroup布局，并且勾上ChildControlsSize的Height或Width（根据实际情况，适配高就勾Height，适配宽就勾Width） 但是会碰到很坑爹的Image之类的组件，使用了Ch.
重写hierarchy面板，实现创建Text自动添加content size fitter组件
赖张殷-Eagle
04-01 2039
最近做项目的时候，发现，在创建UGUI的text的组件的时候，最好能够自动添加一个content size fitter。在百度和网友的帮助下，终于实现了这个功能。 首先上效果图：    代码如下： using UnityEngine; using UnityEditor; using System.Collections; using UnityEngine.UI;
Unity3D Content Size Fitter的坑
fanshusa的博客
03-18 2517
Content Size Fitter 如果设置了水平或垂直的约束 那么rect组件在Awake Start阶段 width或高的值为0 如图：设置了垂直方向上的约束 在awake start 时 height=0
UGUI源码解析（二十二）ContentSizeFitter
qq826364410的专栏
03-06 1083
ContentSizeFitter类 继承了UIBehaviour, ILayoutSelfController，继承ILayoutSelfController，需要重写SetLayoutHorizontal和SetLayoutVertical方法。 SetLayoutHorizontal方法 清空DrivenRectTransformTracker，调用HandleSelfFittingA...
解决Unity 各种LayoutGroup无法解决的 动态子成员位置不对 强制刷新布局问题
weixin_42767868的博客
06-15 6343
解决Unity 各种LayoutGroup无法解决的 动态子成员位置不对 强制刷新布局问题
Unity ui内容大小控制器(Content Size Fitter)
XueZhiXia_的博客
10-02 248
添加该组件后，inspector面板矩形变换里的宽度和高度，会受Content Size Fitter里高度和宽度的选择可能会变为只读。例如，现在有一个滚动视图，通过程序控制会增加content里子物体的个数。想要让content的宽度自动适应子物体个数的变化。通过附加Content Size Fitter组件，设置Horizontal Fit 为偏好尺寸。常用比如让附带有文本组件的矩形去自动适应文本的变化。运行之后，Content发生了相应变化去适应。可以用来使矩形自动适应ui元素内容。
Unity--自动版面（Layout Element）||Unity--自动版面（Content Size Fitter）
爱编程的鱼的博客
01-21 1239
如果要覆盖布局元素的最小，首选或灵活大小，可以通过向GameObject添加一个Layout Element组件来实现。启用width或height属性时，其旁边会出现一个值字段。使用此值字段输入宽度或高度的确切值。最小和首选尺寸以常规单位表示，而弹性尺寸以相对单位表示。Ignore Layout：（忽略布局）启用后，布局系统将忽略此布局元素Min Width：（最小宽度）此布局元素应具有的最小宽度。Min Height：（最小高度）此布局元素应具有的最小高度。
评论 66
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

呆呆敲代码的小Y

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值