Question

我的名字是Emilio，我是这个论坛的新成员。

我尝试了以下代码来“测试”火花按钮控件调整其容器大小的“maxwidth”属性。

如果您尝试执行此代码，请尝试以下方案：

减少浏览器窗口宽度，使其小于按钮宽度的总和。
在按钮栏上添加另一个标签，点击顶部的按钮
放大浏览器窗口。

为什么“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>

Buttonbar maxwidth属性正确使用

0 个答案: