css - Flex 4.6 CSS vgroup "gap"被忽略

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 过来的时候忽略这个呢？

感谢您的任何提示。

库，马库斯

Answer 1

因为 gap是 VGroup 类的“属性”，而不是样式。此属性只是 VerticalLayout#gap 的包装器属性(property)。

如果您使用FlashBuilder，您可以在建议列表中看到两者之间的区别。属性表示为绿色圆圈。样式显示为蓝色的“俄罗斯方 block ”形状。

edit Left 也是一个属性，但它仍然被应用。这是因为在 Flex SDK 的旧版本中，baseline、top、bottom、left、right、horizo​​ntalCenter 和 verticalCenter 作为样式实现。所以您仍然可以像这样使用它们的原因是向后兼容性。