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时会被忽略呢？

谢谢您的任何提示。

cu，Markus

Answer 1

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

如果您使用FlashBuilder，您可以在建议列表中看到两者之间的差异。属性表示为绿色圆圈。一种风格显示为蓝色的“俄罗斯方块”形状。

修改 Left也是一个属性，但它仍然可以应用。这样做的原因是，在早期版本的Flex SDK baseline，top，bottom，left，right，horizontalCenter和{ {1}}实现为样式。因此，您仍然可以使用它们的原因是向后兼容性。

Flex 4.6 CSS vgroup“gap”被忽略

1 个答案: