Flex布局问题

Question

<mx:TextInput x="917" y="10" width="111"/>   

我在上面的flex代码中有很多声明：

我编写了以下代码，没有考虑它的外观 比如像800x600甚至1024x768这样的分辨率。

所以，现在我的UI的某些部分没有显示在机器上 以上提到的决议。

如何解决这个问题？

有没有办法以百分比形式指定x，y坐标？

Answer 1

要以百分比形式指定x / y坐标，请尝试以下操作：

<!-- x = 60% of parent width, width = 20% of parent width, etc -->
<mx:TextInput x="{width*0.60}" y="{height*0.10}" width="20%"/>

Answer 2

使用约束

<mx:TextInput left="10" top="10" width="111"/>

这将使文本从顶部输入10px，从左侧输入10px

Answer 3

您需要使用布局约束，但此功能仅限于文本输入的父容器。

例如，您只能对面板，画布或应用程序使用约束布局： （左，右，上或下）

对于Application和Panel组件，您需要将layout属性设置为absolute。 Canvas绝对是默认值。

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

Flex Documentation