Unity Image 和 Text 水平居中的处理

一、图片在左

图片在左.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