柔性繪製物體的不同漸變顏色

Question

我想要一個具有三種不同顏色的矩形。我使用了像fill和gradiententry這樣的火花組件，但是不能像這樣並排獲得三種顏色。

比率爲0.2 0.8 0.2的黑紅黑。我只能得到兩種顏色但沒有這個比例。此外，我想在矩形上的純色，而不是漸變。

<s:Rect id="rectangle1" height="100" width="300"> 
    <s:fill> 
     <s:LinearGradient> 
      <s:GradientEntry color="black" ratio="0.5" alpha="1"/> 
      <s:GradientEntry color="red" ratio="0.5" alpha="1"/> 
    </s:LinearGradient> 
    </s:fill> 
</s:Rect> 

Answer 1

你不是說你想要3個矩形嗎？你想要一個漸變，但是你說你想要純色（沒有漸變）。

您的意思是這樣的？

<?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" 
       xmlns:mx="library://ns.adobe.com/flex/mx" 
       minWidth="955" 
       minHeight="600"> 

    <s:Rect id="rectangle1" 
      height="15" 
      width="300"> 
     <s:fill> 
      <s:SolidColor color="0x0" /> 
     </s:fill> 
    </s:Rect> 

    <s:Rect id="rectangle2" 
      top="15" 
      height="70" 
      width="300"> 
     <s:fill> 
      <s:SolidColor color="0xff0000" /> 
     </s:fill> 
    </s:Rect> 

    <s:Rect id="rectangle3" 
      top="85" 
      height="15" 
      width="300"> 
     <s:fill> 
      <s:SolidColor color="0x0" /> 
     </s:fill> 
    </s:Rect> 

</s:Application> 

否則，你可以種實現你的目標是這樣的：

<?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" 
       xmlns:mx="library://ns.adobe.com/flex/mx" 
       minWidth="955" 
       minHeight="600"> 

    <s:Rect id="rectangle1" 
      height="100" 
      width="300"> 
     <s:fill> 
      <s:LinearGradient rotation="90"> 
       <s:GradientEntry color="0x0" ratio="0" /> 
       <s:GradientEntry color="0x0" ratio=".2" /> 
       <s:GradientEntry color="0xff0000" ratio=".2" /> 
       <s:GradientEntry color="0xff0000" ratio=".8" /> 
       <s:GradientEntry color="0x0" ratio=".8" /> 
      </s:LinearGradient> 
     </s:fill> 
    </s:Rect> 

</s:Application>