Unity Image 和 Text 水平居中的处理
2023-04-16 本文已影响0人
好大一棵树6
一、图片在左
图片在左.gif
1、创建一个这样的层级结构
image.png
BgImage：白色背景
Text：文字
Icon：钻石 Icon
2、设置
1）、获取 Icon 的宽度，我这里是width = 40
image.png
2）
- 设置Text 的 PosX ：width/2 = 20（为 Icon 宽度的一半）
- 添加组件 ContentSizeFitter 并设置 Horizontal Fit 为 Preferred Size
- 添加组件 Horizontal Layout Group，设置Pading->Left :width = -40 （Icon 的宽度）；
设置Child Alignment：Middle Left
image.png
二、图片在右
图片在右.gif
和 图片在做的类似处理
image.png
