将按钮或文本放在可滚动背景图像的确切位置答案

【问题标题】：Putting a button or text on an exact place of a scrollable background image将按钮或文本放在可滚动背景图像的确切位置
【发布时间】：2014-02-23 11:18:23
【问题描述】：

假设我有这样的背景图片。

http://i.imgur.com/rRCtzyl.png

我想在白框内放置一个按钮或文本。当图像根据设备屏幕尺寸缩放时，我的文本或按钮必须完全缩放并适合框。图像不适合垂直屏幕，因此它是可滚动的。我知道如果我想让它们一起滚动，我需要将它们放在一个组中。

但是如何将按钮放置在框内？由于它是可滚动的，我不知道该框的确切 x 和 y 值。更不用说这些值会根据设备屏幕大小而变化。以及如何使按钮缩放以适合所有屏幕尺寸的框？

这张图片只是一个例子。当然，如果我自己以编程方式绘制框，我不会有问题。我会知道把按钮放在哪里。假设我不知道盒子的坐标和大小，因为我没有 d

【问题讨论】：

标签： android ios lua coronasdk

【解决方案1】：

如果您的盒子对象名为box，请将按钮设置为box.x 和box.y，如下所示：

object1.x = box.x
object1.y = box.y

【讨论】：

我不知道 box.x 和 box.y 是什么。我没画。它带有背景图片。
哦，我的错，我没有意识到那是一张真正的照片。好吧，如果它是背景，只需在 photoshop 中测量框距左边缘多少像素，然后将对象设置为电晕中的 x 和 y。

【解决方案2】：

如果您将按钮和图像放在同一组中并滚动组，则滚动方面应该无关紧要。然后您需要做的就是将按钮相对于图像定位一次，其余的将由电晕处理。

重要的是屏幕分辨率。解决此问题的一种方法是以全分辨率查看图像并计算框所在的 x 和 y 像素。例如，

image: 200 x 300 pixels
box top left: 100, 100 (pixels from top left of image)
box width height: 20, 60

然后您使用比率：按钮框的左上角为 0.5，图像大小为 0.3333；按钮框宽度为图像大小的 0.1 和高度 0.2。然后，当您启动应用程序时，您会根据实际分辨率计算图像缩放因子，并将其应用于框坐标：

device 300 x 400: 
    image will be scaled 1.5x in width, 1.333x in height
    so button box should be at (200*1.5*0.5, 300*1.333*0.333) 
    with width 20*1.5 and height 60*1.333

【讨论】：