在视频游戏中绘制可换肤“按钮”的最佳方法是什么？

Question

我正在寻找有关如何在游戏应用程序中绘制可换肤“按钮”的想法。如果我使用固定的精灵非矢量图像作为按钮背景，那么我无法轻松调整按钮的大小。如果我编写代码来绘制一个可调整大小的按钮（就像绘制了Windows按钮一样），那么程序员必须参与其中 - 这会使皮肤变得困难。另一个选择是将按钮分成9个较小的图像（3x3）并将它们全部拉伸 - 有点像圆角是用HTML完成的。

还有另一种“更容易”的方式吗？什么是最好的方法？

Answer 1

如果您真的想要实现这一点，那么使用纹理坐标的方法就是这样。就像你用HTML制作带有桌子的HTML的可伸缩按钮/面板设计一样，你只需定义角落的UV坐标，顶部可伸展区域，底部可伸展区域，侧面可伸展区域，然后是中间。

有关在XNA引擎中实现此示例（尽管它是一个封闭的源引擎），请参阅： http://www.flatredball.com/frb/docs/index.php?title=SpriteFrame_Tutorial

Answer 2

是。我正在编辑。对于XNA来说，它是类似XAML的语言（或类似OpenLaszlo，如果你愿意）。所以按钮可以由编辑器调整大小。按钮也可以通过样式表调整大小。

我猜你是对的，按钮在真实设计中的尺寸可能都相同。但即使在窗口的应用程序中，您有时也需要更宽的按钮来容纳文本。

Answer 3

着色器应该可以。您可能不得不进行纹理元素查找，但它会减少复杂UI中三角形的数量。