更改Unity3D中按钮的边框颜色
Change the border's color of a button in Unity3D
我从一个月开始就开始使用 Unity3D,我正在尝试做一个包含菜单的应用程序,该菜单由一个面板和几个按钮组成。此时此刻,我正在尝试自定义菜单,更改面板和按钮的填充颜色,但直到现在我还无法更改按钮的边框颜色。有什么方法可以自定义 UI 按钮的边框颜色?我将不胜感激你的帮助。 :)
不,您不能只更改边框颜色。如果您使用默认按钮,请查看 源图像。它基本上是一个带有黑色边框的灰色方块。所以当你改变图像的颜色时,黑色仍然是黑色。
要根据需要自定义按钮,您需要创建嵌套的 UI 元素:
或者用你想要的颜色创建精灵并替换源图像
我发现嵌套 UI 元素是执行此类操作的最简单方法。简单示例:
首先创建一个面板并更改比例,直到获得所需的按钮大小。这将是您的 "borders".
接下来创建另一个面板作为您刚刚制作的面板的子面板,并将比例更改为略小于您的第一个面板并更改颜色。
在面板的检查器中,添加组件并输入 Button 并将其添加为组件。
最后,添加一个文本作为标签面板的子项,就大功告成了。
向按钮添加轮廓的最简单方法是使用 Outline
组件 (doc)。
只需在按钮图像或文本所在的位置添加大纲组件即可。然后按照你喜欢的方式配置它:)
以上结果产生以下按钮:
我从一个月开始就开始使用 Unity3D,我正在尝试做一个包含菜单的应用程序,该菜单由一个面板和几个按钮组成。此时此刻,我正在尝试自定义菜单,更改面板和按钮的填充颜色,但直到现在我还无法更改按钮的边框颜色。有什么方法可以自定义 UI 按钮的边框颜色?我将不胜感激你的帮助。 :)
不,您不能只更改边框颜色。如果您使用默认按钮,请查看 源图像。它基本上是一个带有黑色边框的灰色方块。所以当你改变图像的颜色时,黑色仍然是黑色。
要根据需要自定义按钮,您需要创建嵌套的 UI 元素:
或者用你想要的颜色创建精灵并替换源图像
我发现嵌套 UI 元素是执行此类操作的最简单方法。简单示例:
首先创建一个面板并更改比例,直到获得所需的按钮大小。这将是您的 "borders".
接下来创建另一个面板作为您刚刚制作的面板的子面板,并将比例更改为略小于您的第一个面板并更改颜色。
在面板的检查器中,添加组件并输入 Button 并将其添加为组件。
最后,添加一个文本作为标签面板的子项,就大功告成了。
向按钮添加轮廓的最简单方法是使用 Outline
组件 (doc)。
只需在按钮图像或文本所在的位置添加大纲组件即可。然后按照你喜欢的方式配置它:)
以上结果产生以下按钮: