Unity3d新UI：如何设置按钮的可交互区域大于附加图像？

Question

我需要它，因为image很小，并且很难在移动设备上触摸它。所以我需要有更大的可交互区域，但image应该保持较小。

Answer 1

我认为制作这种按钮最合适的方式是这样的：

1. 创建一个新按钮，删除默认子文本。
2. 根据需要设置按钮的Width和Height。
3. 将Vertical Layout Group 组件添加到按钮。
4. 将Padding的{​​{1}}设置为hitzone和visuals之间的理想差异。
5. 删除默认的Vertical Layout Group 组件。将默认Image组件的alpha设置为零。
6. 将您的图像作为Button的孩子。
7. 修复色彩：将子Image拖动（或以其他方式设置）为Image的{​​{1}} 字段。

Answer 2

您需要对其进行设置，使图像位于按钮对象内。像这样：

通过这种方式，您可以根据需要选择按钮，图像可以是任意大小。如果您不需要按钮背景图像，只需在按钮对象的图像组件中使颜色透明。

Answer 3

一种令人惊讶的更好方法（就易用性和性能而言）是添加文本子元素，即使您已经拥有一个子元素。将文本留空，并根据需要调整其大小。它不添加任何Alpha。