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

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

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

对于应用程序和面板组件，需要将layout属性设置为absolute。使用画布时，绝对是默认的。

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

Flex Documentation