Flex 4.6 CSS VGroup «пробел» игнорируется

Question

<?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"  
      > 
    <fx:Style>  
     @namespace s "library://ns.adobe.com/flex/spark"; 
     @namespace mx "library://ns.adobe.com/flex/mx"; 
     s|VGroup { 
      gap: 150; 
      left: 30; 
     } 
    </fx:Style> 
    <s:VGroup> 
     <s:Label text="text1" /> 
     <s:Label text="text1" /> 
    </s:VGroup> 
</s:Application> 

VGroup составляет 30 пикселей слева, как и предполагалось (это мое доказательство того, что используется стиль) Но она игнорирует данный пробел. Когда я пишу 'gap = "150"' непосредственно в VGroup-Element, он работает. Так почему же это игнорируется при переходе на css?

благодарит вас за любые намеки.

у.е., Markus

Answer 1

Поскольку gap является 'собственностью' класса VGroup, а не стиль. Это свойство является лишь оберткой для свойства VerticalLayout#gap.

Если вы используете FlashBuilder, вы можете увидеть разницу между ними в списке предложений. Свойство представлено как зеленый круг. Стиль показан как синяя форма блока «Тетрис».

РедактироватьLeft также является собственностью, но при этом применяется. Причина этого в том, что в старых версиях Flex SDK baseline, top, bottom, left, right, horizontalCenter и verticalCenter, где реализованы стили. Поэтому причина, по которой вы все равно можете использовать их как таковую, - это обратная совместимость.