为什么使用 s:Line 而不是 mx:HRule？

Question

使用 mx:HRule 或 mx:VRule 时，Flash Builder 建议改用 s:Line。 为什么我要写这样的东西：

<s:Line xFrom="0" xTo="245" yFrom="0" yTo="1"/>

而不是

<mx:Hrule width="100%" />

如何获得相对大小？ （百分比）

Answer 1

因为 mx 组件正在被淘汰，取而代之的是更好的、可换肤的 Spark 组件。为什么不能对 Line 使用 width=100% ？顺便说一句，该线段不会显示任何内容，因为您没有笔画集。这就是我认为你想要的：

<s:Line width="100%">
   <s:stroke>
      <s:SolidColorStroke color="#000000" weight="1" caps="square"/>
   </s:stroke>
</s:Line>

如果你真的只想让它只是一个标签，你总是可以创建一个新组件，将其命名为 HRule 并为其设置默认样式。

Answer 2

好吧，你不会想写那样的东西......

我可能会写得更像这样......

<s:Line width="100%">
            <s:stroke>
                <s:SolidColorStroke caps="none" color="#AF0000" joints="miter" miterLimit="4"
                                    weight="2"/>
            </s:stroke>
            <s:filters>
                <s:BevelFilter angle="45.0" blurX="1" blurY="1" distance="1"
                               highlightAlpha="1.0" highlightColor="#FFFFFF" knockout="false"
                               quality="2" shadowAlpha="1.0" shadowColor="#000000" strength="1"
                               type="inner"/>
            </s:filters>
</s:Line>

但这真的取决于你。任何火花形状基元都可以使用相对定位和大小调整来编写。

编辑

贾克斯比我先一步:)

Answer 3

我在使用 S:Line 元素时遇到了一个错误，它没有 100% 填充我的皮肤内部。
我将其替换为 S:SkinableContainer 元素，如下所示：

<s:SkinnableContainer backgroundColor="Lime" width="100%" height="10"/>

我发现这对我来说是一个很好的解决方案，并且它还节省了代码中的空间，就像您提到的那样。