带有文本和图标的电晕按钮？答案

【问题标题】：Corona button with text and icon?带有文本和图标的电晕按钮？
【发布时间】：2014-01-14 21:43:37
【问题描述】：

是否可以有一个带有标签文本和图标的 Corona 按钮？像这样的：

 ,===============,
 [   Action  •   ]
 `===============`

项目符号代表图标，Action 代表标签文本。

是否可以使用 Corona 小部件库构建这样的按钮？

【问题讨论】：

看看DMC Lib for Corona，与基本的电晕按钮相比，有一个类 dmc_buttons 有一些很好的增强。

标签： button text icons coronasdk

【解决方案1】：

我想你想这样做，例如，在一个矩形按钮上，我想要一个带有“NEXT”文本的箭头图像，看起来像“NEXT->”

有两种方法可以做到这一点：

创建带有 -> 的按钮背景图像，并将其用于“下一步”按钮。
如果您不想这样做，可以为多个按钮（带有和不带有 -> 的按钮）保留相同的背景图像，然后创建小部件按钮并定位它。在文本标签中为您希望 -> 图像所在的位置放置空格，然后计算按钮的位置并在其顶部添加一个新图像（不是按钮）。因为我知道按钮永远不会移动并且总是在同一个位置，所以这很容易。

【讨论】：

我想要更多地控制按钮，所以我最终只是将文本和图标（作为图像）覆盖在一个空白按钮的顶部。我接受这个答案，因为它最接近我的需要。

【解决方案2】：

要实现这一点，您需要自己编写代码。我个人喜欢用图像来制作按钮并向其添加事件侦听器，如下所示：

local function methodOnTap( event )
    print("Hey!! you tapped me!")
end

local buttonWithImage = display.newImage( "image.png")
buttonWithImage:addEventListener( "tap", methodOnTap )

这是一个关于如何用图像做按钮的简单说明。

【讨论】：

【解决方案3】：

如果您还想在按钮中使用文本，您可以使用一个类并使用图像和文本制作按钮！ :) 然后你调用这个函数并使用这个类；）

如图所示，你可以调用这个类，如果你的类名是 buttonC 那么它就是 buttonC:addEventListener("tap",methodOnTap)

【讨论】：