在 Unity3D 中更改按钮的边框颜色

Posted 2023-03-30

【中文标题】在 Unity3D 中更改按钮的边框颜色

【英文标题】：Change the border's color of a button in Unity3D

【发布时间】：2017-10-06 11:23:45

【问题描述】：

我从一个月开始就开始使用 Unity3D，我正在尝试做一个包含一个菜单的应用程序，该菜单由一个面板和几个按钮组成。此时，我正在尝试自定义菜单，更改面板和按钮的填充颜色，但直到现在我无法更改按钮的边框颜色。有什么方法可以自定义 UI 按钮的边框颜色？我会很感激你的帮助。 :)

【参考方案1】：

为按钮添加轮廓的最简单方法是使用Outline 组件 (doc)。

只需在按钮图像或文本所在的位置添加大纲组件即可。然后按照你喜欢的方式配置它:)

上面的结果是以下按钮：

【参考方案2】：

不，您不能只更改边框颜色。如果您使用默认按钮，请查看源图像。它基本上是一个带有黑色边框的灰色正方形。因此，当您更改图像的颜色时，黑色颜色仍然是黑色。 要根据需要自定义按钮，您需要创建嵌套的 UI 元素：

或使用您想要的颜色创建精灵并替换源图像

【参考方案3】：

我发现嵌套 UI 元素是执行此类操作的最简单方法。简单例子：

首先创建一个面板并更改比例，直到获得所需的按钮大小。这将是你的“边界”。

接下来创建另一个面板作为您刚刚创建的面板的子面板，并将比例更改为略小于您的第一个面板并更改颜色。

在面板的 Inspector 中，添加组件并输入 Button 并将其添加为组件。

最后，添加一个文本作为标签的子面板，就完成了。