flex4中皮肤的几种颜色填充效果

一、背景线性渐变填充

<s:Rect id=”fill” left=”0″ right=”0″ top=”0″ bottom=”0″ radiusX=”3″>
<s:fill>
<s:LinearGradient rotation=”90″>
<s:GradientEntry color=”0xa72e2e”
color.over=”0xb01521″
alpha=”1″ />
<s:GradientEntry color=”0x3c0808″
color.over=”0x000000″
alpha=”1″ />
</s:LinearGradient>
</s:fill>
</s:Rect>

二、背景线性渐变+浮雕效果

<s:Rect id=”fill” left=”0″ right=”0″ top=”0″ bottom=”0″ radiusX=”3″>
<s:fill>
<s:LinearGradient rotation=”90″>
<s:GradientEntry color=”0xa72e2e”
color.over=”0xb01521″
alpha=”1″ />
<s:GradientEntry color=”0x3c0808″
color.over=”0x000000″
alpha=”1″ />
</s:LinearGradient>
</s:fill>
<s:filters>
<s:BevelFilter strength=”1″ blurX=”1″ blurY=”1″
angle=”45″
distance=”1″
highlightAlpha=”0.75″
highlightColor=”0xFFFFFF”
shadowAlpha=”0.75″
shadowColor=”0x000000″
type=”inner”/>
</s:filters>
</s:Rect>

三、背景颜色径向渐变

<s:Rect id=”backgroundRect” left=”0″ right=”0″ top=”0″ bottom=”0″  >
<s:fill>
<s:RadialGradient>
<s:GradientEntry color=”0x083406″
alpha=”1″
ratio=”0″ />
<s:GradientEntry color=”0x020d02″
alpha=”1″
ratio=”1″ />
</s:RadialGradient>
</s:fill>
</s:Rect>

四、图层高光效果

<s:Rect id=”highlight” left=”9″ right=”9″ top=”9″ bottom=”9″ radiusX=”0″>
<s:fill>
<s:LinearGradient rotation=”90″>
<s:GradientEntry color=”0xFFFFFF”
ratio=”0.0″
alpha=”0.15″ />
<s:GradientEntry color=”0xFFFFFF”
ratio=”0.48″
alpha=”0.10″ />
<s:GradientEntry color=”0xFFFFFF”
ratio=”0.48001″
alpha=”0″ />
</s:LinearGradient>
</s:fill>
</s:Rect>

五、边框渐变效果并且右正片叠加效果

<s:Rect id=”hldownstroke1″ left=”0″ right=”0″ top=”0″ bottom=”0″ radiusX=”3″ blendMode=”hardlight”>
<s:stroke>
<s:LinearGradientStroke rotation=”90″ weight=”1″>
<s:GradientEntry color=”0x000000″ alpha=”0.25″ ratio=”0″ />
<s:GradientEntry color=”0xffffff” alpha=”0.45″ ratio=”1″ />
</s:LinearGradientStroke>
</s:stroke>
</s:Rect>