这篇博客探讨了在Unity的UGUI系统中，Aspect Ratio Fitter组件与Image组件的宽高比保持功能。尽管Image自身有Preserve Aspect属性，但在某些场景下，如保持UI控件相对于背景图片位置不变，需要结合Aspect Ratio Fitter来维持Rect Transform的宽高比。通过实例解释了为何在特定情况下，Aspect Ratio Fitter是必要的，并阐述了Preserve Aspect属性的作用。
UGUI 里面 Aspect Ratio Fitter 的作用是保持一个 UI 控件的宽高比。然而 Image 自身就有一个 Preserve Aspect 属性用于保持自己的宽高比。因此起初我就想 Image 是不是就用不上 Aspect Ratio Fitter 了，或者说 Image 自身的 Perserve Aspect 的属性是不是多余的。后来发现并不完全是。
前段时间遇到一种情况必须要使用 Aspect Ratio Fitter 。
在下图中，Bubble、Text 和 Text (1) 是文字冒泡的 UI 控件。为了让文字冒泡的位置始终对准背景图片中的人物头顶，我给文字冒泡的各个控件设置了锚点。
Bubble 即冒泡框相对其父节点 Image（背景图片）设置了锚点，目的是不管 Image 大小如何变化，都要让冒泡框对准背景图片里面人物的头顶。
如果只是依靠 Image 的 Preserve Aspect 属性，那么文字冒泡是无法在 Image 大小改变的时候时刻对准背景图片里的人头的：
这是因为 Preserve Aspect 虽然能保持图片的宽高比，但却并不能保持 Image 的 Rect Transform 的宽高比。然而锚点却是基
最低0.47元/天 解锁文章
扫一扫
97
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
