Правильное использование свойства maxwidth панели кнопок - PullRequest
Новая
       32

Правильное использование свойства maxwidth панели кнопок

1 голос
/ 01 февраля 2012

меня зовут Эмилио, и я новый участник этого форума.

Я попробовал следующий фрагмент кода, чтобы "проверить" свойство "maxwidth" элемента управления spark button, изменяющего размер его контейнера.

Если вы попытаетесь выполнить этот код, попробуйте следующий сценарий:

  1. уменьшите ширину окна браузера, чтобы сделать ее меньше суммы ширины кнопки.
  2. добавить еще одну метку на панель кнопок, нажав на кнопку сверху
  3. увеличить окно браузера.

Почему свойство "maxwidth" не позволяет отображать кнопки правильно? 

<?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" 
                 xmlns:mx="library://ns.adobe.com/flex/mx" 
                 creationComplete="bar_initializeHandler()" 
                 width="100%"
                 >


  <fx:Script>
        <![CDATA[
              import mx.collections.ArrayList;
              import mx.core.UIComponent;
              import mx.events.ResizeEvent;

              [Bindable]
              private var lista:ArrayList = new ArrayList();

              protected function bar_initializeHandler():void
              {
                    lista.addItem("stringa 1");
                    lista.addItem("stringa 2");
                    lista.addItem("stringa 3");
                    lista.addItem("stringa 4");
                    lista.addItem("stringa 5");
                    lista.addItem("stringa 6");
                    lista.addItem("stringa 7");
                    lista.addItem("stringa 8");
                    lista.addItem("stringa 9");
                    lista.addItem("stringa 10");
              }

              protected function vgroup1_resizeHandler(event:ResizeEvent):void
              {
                    var _width:Number = (event.target as UIComponent).width;
                    if(_width > 0)
                       bar.maxWidth = _width;
              }


              protected function button1_clickHandler(event:MouseEvent):void
              {
                    lista.addItem("parola");
              }
        ]]>
  </fx:Script>





  <s:VGroup id="layoutContainer" top="80" width="100%" paddingLeft="20" gap="0" left="0" right="0"  resize="vgroup1_resizeHandler(event)" >

        <s:ButtonBar id="bar"  dataProvider="{lista}" />

  </s:VGroup>


  <s:Button x="156" y="24" label="Button" click="button1_clickHandler(event)"/>
</s:Application>
...