32、Flex 应用界面优化：CSS 与皮肤定制全攻略

Flex 应用界面优化：CSS 与皮肤定制全攻略

一、创建图形元素

1.1 创建带边框的矩形

在 Flex 应用中，可以创建一个带边框的矩形，代码如下：

<s:Rect x="100" y="100" width="500" height="300" radiusX="25" radiusY="25">
    <s:stroke>
        <s:SolidColorStroke color="#161DD3" weight="4" />
    </s:stroke>
</s:Rect>

这个矩形与之前步骤中的矩形大小相同，但只有边框属性，没有填充。将这个带边框的矩形添加到现有矩形之上，可以覆盖两条线的末端。

1.2 添加圆形

可以添加一个圆形来覆盖矩形的左上角，代码如下：

<s:Ellipse x="75" y="75" width="75" height="75">
    <s:fill>
        <s:SolidColor color="#E9E2CC" />
    </s:fill>
</s:Ellipse>

这个圆形与两条线的颜色相同。

1.3 更改应用背景颜色

通过在 Application 标签中添加