Unity UI子节点控制父节点的宽高

最新推荐文章于 2023-05-17 16:48:55 发布
最新推荐文章于 2023-05-17 16:48:55 发布
阅读量5.2k 收藏 6
点赞数 2
分类专栏： unity 文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SimpleTuo/article/details/123582669
版权

1. Unity UI子节点控制父节点的宽高 

做过很多次对话框，需要Text的宽高是不固定的，控制背景图随着文本的宽高变化而变化。

话不多话，直接上图：

图一： 背景图的相关组件

图二： 文本的相关组件

2. Text作为父节点控制子Image的宽高变化

图三  Text相关组件

 图四  Image 相关组件

 

3. Image作为子类，适配父Image的宽高，不至于变形

 以上是经常用到，但容易忘记的组件，特此记录！

Dave66666666
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity UI边缘流光特效插件
10-25
Unity UI边缘流光特效插件是一款专为提升用户界面（UI）视觉效果设计的工具，它包含了一系列丰富的UI特效，能够使游戏或应用的界面更加生动、吸引人。这款插件特别适合那些希望为自己的项目增添独特触感的开发者，...
解决：父级元素不能被子元素内容撑开的解决办法，父级元素没有高度的解决办法...
weixin_33853794的博客
01-14 2994
问题 父级元素不能被子元素内容撑开的解决办法，父级元素没有高度的解决办法。 今天在写网页时遇到如下图问题，解决问题后自己做个随笔，希望帮到更多的学前端的童鞋！ 问题图片 问题描述 最外层的父级元素不能自适应高度-不能随对象撑开没有高度 当在对象内的盒子使用了float后，导致对象本身不能被撑开自适应高度，这个是由于浮动产生原因。 解决方法 一、 在父元素里最底部加上一个cle...
Unity UI 父对象根据子对象进行适配
PMxiang的博客
08-20 4131
Unity UI 父对象根据子对象进行适配 引入 大家都知道我们用到Unity制作项目的时候会经常让UI子对象根据父对象适配，那么如果我们需要让父对象根据子对象适配该怎么做呢 Content Size Fitter组件 关于Content Size Fitter组件，它的作用就是让添加了该组件的对象，自动根据他的其他组件的程度适配，比如一个只有text的对象，添加了这个组件就可以动态根据其中的文本，来调节对象的长度 四级标题 五级标题 六级标题 ...
Unity3D UGUI自动扩展父控件高度
血月十九
10-17 3795
有的时候想要把背景的高度扩展成保函所有子控件的高度，unity自带控件可以实现这个，具体如下 具体如上图所示
Unity根据内容实现大小子自适应的列表窗口，资源分享
GoodCooking的博客
05-31 711
根据内容实现大小子自适应的列表窗口，思路，源代码
Unity3D的UGUI实现聊天背景长度自适应
Tel17610887670的博客
05-17 610
在游戏聊天框中，由于文字长度不同，导致聊天背景框的长度也会随之变化。为了实现背景长度的自适应，可以分为以下两步： 1，首先，对背景图片进行九宫格处理，防止拉伸的时候b
Unity UGUI自适应布局系统详解
菜鸟的学习历程
07-19 6974
前言 此文延续上篇文章Unity UGUI源码解析，来进行对应的关于UGUI布局这块的讲解，关于布局刷新这块逻辑请参考上文中Canvas渲染重绘流程，用样适用布局更新这块逻辑，由于组件都是功能向的脚本，所以此文主要说明布局组件的使用方法，不对代码有过多的深入，具体实现逻辑请查看源码。 UGUI布局组件详解 组件概览 让我们先看一下UGUI框架中在UI布局这方面有哪些脚本，再来进行一一讲解 可以看到所有带icon图片的脚本都是我们可以在对UI进行布局的时候进行使用的，这里核心的脚本组合是LayoutGro
Unity UI 转场动画shader
04-03
Unity UI 转场动画shader
Unity UI Samples（Unity的UI样例）
01-05
Unity UI Samples是Unity引擎提供的一套完整的用户界面（UI）示例集合，旨在帮助开发者深入理解和熟练运用Unity的UI系统。这个资源包包含了各种不同类型的UI元素和交互设计，覆盖了从基础到高级的各种功能，使得...
Unity-UIEffect UI特效资源
最新发布
04-16
- 在Unity中 UGUI 的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 - 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。 - 接下来...
Unity物体与UI连线插件
06-12
简单实现物体与UI连线功能
第四十九章 Unity UI适配器组件
konkon2012的博客
05-09 1591
内容大小适配器 Content Size Fitter 组件， 高比适配器 Aspect Ratio Fitter 组件
Unity中的自动布局(AutoLayout)
木头圈
09-29 3483
本文分享Unity中的自动布局(AutoLayout) 在大部分情况下, Unity提供的RectTransform已经足够应付我们日常遇到的需求, 我们一般通过手动修改RectTransform即可. 但是在有些情况下, 我们需要动态设置RectTransform, 特别是动态调整大小或者一些组合布局的需求. Unity给我们提供了满足这种需求的机制, 就是所谓自动布局. 自动布局的基本介绍 自动布局由两部分组成, 即布局元素(LayoutElements)和布局控制器(LayoutControllers
Unity基础：文本框、图片自适应（ContentSizeFitter、VerticalLayoutGroup等组件的使用）
Fay_Fey'S Blog
11-14 3942
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 8602
很久没有更新博客了，今天来更新一些ugui的动态滚动菜单栏，去年的时候要用动态加载每个页面的菜单栏的内容，那时候发现UGUI似乎没有直接的方法（其实自己没有仔细研究UGUI）于是自己绕了很大的圈子自己手动去根据加载来调整大小。 前阵子阅读UGUI的相关文档时候发现了UGUI带有一个组件： 这个组件可以帮我们自动拓展父物体的大小来使用Scrill  Rect组件。 这里注意一点使用的C
Unity的UGUI自动布局小功能组件制作及学习历程（1）
qq_43735653的博客
02-18 1243
根据需求从零开始学习，边学边总结，以小白的视角展示学习过程中的成过以及遇到的困难处理方式。
[UGUI]父物体跟随子物体尺寸变化大小
yhx956058885的博客
05-17 1702
父物体跟随子物体尺寸变化大小；根据文本框输入内容，自动调整背景尺寸
子组件的echarts自适应父组件的div高度，并随着div的高度变化自动适应
weixin_43258184的博客
04-07 2094
这是index.vue父组件的一段代码： 组件TrendLine是echarts的折线图。是子组件，trendLine.vue 在trendLine.vue文件中，图表是根据浏览器变化自适应的。代码是： 现在发现的问题是，并不会随着父组件中div高度大小自适应。 解决方法： 给echarts组件传一个height属性： 渲染echarts的根组件里定义好height。 props属性里声明height。 watch里监听height，变化的时候，重新渲染echarts。 initChart方法里
Unity UGUI AutoLayout
qq_31480839的博客
05-22 225
unity autolayout 总共有ContentSizeFitter LayoutElement HorizontalLayoutGroup VerticalLayoutGroup GridLayoutGroup AspectRatio ContentSizeFitter 是用来控制自身大小的，它有minimum和preferredSize和Unconstrained三个选项，子节点中如果有layoutItem就会来控制这个节点的大小。 比如我们有一个需求，一个文本后面有一个背景图，文字变多的时候背景
Unity UI画布下的子节点坐标加上父节点的偏移量
06-07
如果要将Unity UI画布下的子节点坐标加上父节点的偏移量，可以使用RectTransform.anchoredPosition属性和RectTransform.localPosition属性。RectTransform.anchoredPosition属性表示相对于父节点的偏移量，RectTransform.localPosition属性表示相对于父节点的本地坐标。 下面是一个使用RectTransform.anchoredPosition和RectTransform.localPosition属性的示例代码： ```csharp using UnityEngine; using UnityEngine.UI; public class Example : MonoBehaviour { public RectTransform parentRect; public RectTransform childRect; private void Update() { // 获取子节点的相对偏移量 Vector2 anchoredPos = childRect.anchoredPosition; // 将子节点相对偏移量加上父节点的本地坐标 Vector3 localPos = parentRect.localPosition + new Vector3(anchoredPos.x, anchoredPos.y, 0f); // 显示子节点相对于父节点的世界坐标 Debug.Log("World pos: " + parentRect.TransformPoint(localPos)); } } ``` 在这个示例中，我们首先获取了父节点和子节点的RectTransform组件parentRect和childRect。在Update方法中，我们获取子节点的相对偏移量，并将其与父节点的本地坐标相加得到子节点相对于父节点的本地坐标。最后，我们调用parentRect.TransformPoint方法将子节点相对于父节点的本地坐标转换为世界坐标，并将世界坐标的值输出到控制台上。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值