Question

说我有这样的背景图片。

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

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

但是如何将按钮放在盒子里？由于它的可滚动性，我不知道盒子的确切x和y值。更不用说这些值将根据设备屏幕大小而改变。如何使按钮缩放以适应所有屏幕尺寸的盒子？

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

Answer 1

如果您的方框对象被调用box，请将按钮设置为box.x和box.y，如下所示：

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

Answer 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

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

2 个答案: