android - Adobe Flex Mobile 4.6 - iPad 与 Android 或 BlackBerry 上的元素定位似乎不一致

Question

如果这是一个愚蠢的问题，请原谅我。我对移动开发有点陌生。

我正在尝试使用 Adob​​e Flex 4.6 为 iPad、Android 和 BlackBerry PlayBook 设备构建应用程序。

我刚刚构建了一个真正快速而肮脏的“Hello World!”应用程序开始。我在页面上放置了一个图像、一个按钮和一个文本框，使它们都居中。我将应用程序 DPI 设置为 160。

现在，当我在我的 PlayBook 上运行应用程序时，一切看起来都很好而且很棒。我打算从同事那里得到一台 iPad 进行测试，但我在另一位开发人员的 iPod Touch 上测试了它，该应用程序的扩展性一点也不好。图像和文本框的位置不对，文本框甚至在图像上方。

我运行了几次 Flash 模拟器来模拟 Galaxy Tab 10.1，元素看起来不错，但由于屏幕尺寸较大而偏离了中心。因此，该应用根本无法缩放。

我是不是漏掉了什么？

编辑:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark">
<s:Label x="323" y="365" width="377" height="40" fontSize="36" text=""     
    textAlign="center" verticalAlign="middle" id="label1" />
<s:TextInput id="textbox1" x="365" y="227"/>
<s:Button id="button" x="433" y="289" width="159" label="Button"
          click="button_clickHandler(event)"/>
</s:Application>

Answer 1

如果您希望您的应用程序在所有分辨率下都居中，则不必使用绝对坐标。您需要使用布局。例如:

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">

    <s:layout>
        <s:VerticalLayout verticalAlign="middle" horizontalAlign="center" />
    </s:layout>
    <s:Label width="377" height="40" fontSize="36" text=""     
             textAlign="center" verticalAlign="middle" id="label1" />
    <s:TextInput id="textbox1" />
    <s:Button id="button" width="159" label="Button"
              click="button_clickHandler(event)"/>
</s:Application>