Заполнить родительский в Adobe Flex / MXML - PullRequest
Новая
       41

Заполнить родительский в Adobe Flex / MXML

2 голосов
/ 06 декабря 2011

Я пытаюсь реализовать макет в Adobe Flex 4.5 / MXML, где у меня есть несколько элементов управления в HBox, которые - в общем - используют все доступное горизонтальное пространство экрана. Некоторые используют относительное с (процент), некоторые абсолютную ширину (в пикселях), и один должен использовать все оставшееся пространство, например: 

+----------------------+-----------------------+------+
|         35%          |      fill parent      | 10px |
+----------------------+-----------------------+------+

Как мне добиться этого во Flex (есть ли что-то сопоставимое с Android layout_width="fillparent")?

Из-за того, что существуют элементы, которые имеют абсолютную ширину, я не могу легко рассчитать ширину наполнителя в процентах априори (поскольку она изменяется в зависимости от ширины экрана).

Установка ширины заполнителя на 100% также не работает, так как это уменьшит область 35% ниже 35%.

Редактировать: Применение предложения updateDisplayList из ответа www.Flextras.com, приведенного ниже, приводит к ошибке «Вызов возможно неопределенного метода updateDisplayList» в строке, отмеченной в приведенном ниже отрывке источника: 

<?xml version="1.0"?>
<mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009"
         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx"
         creationPolicy="auto"
         width="100%"
         verticalGap="0">
    [...]
    <fx:Script>
        <![CDATA[
            [...]
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
            super.updateDisplayList(unscaledWidth, unscaledHeight);
                ^^^^

            headerLinkBox1.width = unscaledWidth * 0.375;
            headerLinkBox2.width = unscaledWidth * 0.2;
            headerLinkBox3.width = unscaledWidth - headerLinkBox4.width - headerLinkBox5.width - headerLinkBox6.width;

            headerLinkBox1.x = 0;
            headerLinkBox2.x = headerLinkBox1.x + headerLinkBox2.width;
            headerLinkBox3.x = headerLinkBox2.x + headerLinkBox3.width;
            headerLinkBox4.x = headerLinkBox3.x + headerLinkBox4.width;
            headerLinkBox5.x = headerLinkBox4.x + headerLinkBox5.width;
            headerLinkBox6.x = headerLinkBox5.x + headerLinkBox6.width;
        }

        [...]

1 Ответ

2 голосов
/ 06 декабря 2011

Вы используете жизненный цикл Flex Component и пишете свой собственный код макета в updateDisplayList. Концептуально примерно так: 

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{
  super.updateDisplayList(unscaledWidth, unscaledHeight);
  // size the components
  comp1.width = unscaledWidth*.35
  comp2.width = unscaledWidth-10-comp1.width
  comp3.width = 10;
  // position the components
  comp1.x = 0;
  comp2.x = comp1.width;
  comp3.x = comp2.x + comp2.width;
}

Возможно, вы захотите установить высоту каждого компонента, возможно, используя метод getExplicitOrMeasuredHeight ().

...