<?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"
viewSourceURL="srcview/index.html"
width="450" height="420">
<s:Line xFrom="20" yFrom="20" xTo="100" yTo="100">
<s:stroke>
<s:SolidColorStroke color="black"/>
</s:stroke>
</s:Line>
<s:Line xFrom="100" yFrom="20" xTo="20" yTo="100">
<s:stroke>
<s:SolidColorStroke color="gray" alpha=".6" weight="10"/>
</s:stroke>
</s:Line>
<s:Rect x="120" y="20" width="80" height="80">
<s:fill>
<s:SolidColor color="0"/>
</s:fill>
</s:Rect>
<s:Rect x="220" y="20" width="80" height="80">
<s:fill>
<s:SolidColor color="black" alpha=".5"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="black" weight="5"/>
</s:stroke>
</s:Rect>
<s:Rect x="320" y="20" width="80" height="80">
<s:fill>
<s:BitmapFill source="@Embed('images/SanFrancisco.jpg')"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="gray" weight="5"/>
</s:stroke>
</s:Rect>
<s:Rect x="20" y="120" width="80" height="80">
<s:fill>
<s:LinearGradient>
<s:GradientEntry color="black"/>
<s:GradientEntry color="white"/>
<s:GradientEntry color="gray"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:Rect x="120" y="120" width="80" height="80">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0xb0b0b0"/>
<s:GradientEntry color="0x404040"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:Rect x="220" y="120" width="80" height="80">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x808080"/>
<s:GradientEntry color="0xa0a0a0" ratio=".25"/>
<s:GradientEntry color="0x202020"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:Rect x="320" y="120" width="80" height="80">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x808080"/>
<s:GradientEntry color="0x202020" ratio=".1"/>
<s:GradientEntry color="0x404040" ratio=".75"/>
<s:GradientEntry color="0xa0a0a0"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:Ellipse x="20" y="220" width="80" height="80">
<s:fill>
<s:SolidColor color="gray"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke color="black"/>
</s:stroke>
</s:Ellipse>
<s:Ellipse x="120" y="220" width="80" height="80">
<s:fill>
<s:RadialGradient>
<s:GradientEntry color="black"/>
<s:GradientEntry color="white"/>
<s:GradientEntry color="gray"/>
</s:RadialGradient>
</s:fill>
</s:Ellipse>
<s:Ellipse x="220" y="220" width="80" height="80">
<s:fill>
<s:RadialGradient>
<s:GradientEntry color="0xf0f0f0"/>
<s:GradientEntry color="0x404040"/>
</s:RadialGradient>
</s:fill>
</s:Ellipse>
<s:Ellipse x="320" y="220" width="80" height="80">
<s:fill>
<s:RadialGradient rotation="-45" focalPointRatio=".5">
<s:GradientEntry color="0xf0f0f0"/>
<s:GradientEntry color="0x404040"/>
</s:RadialGradient>
</s:fill>
</s:Ellipse>
<s:Path x="20" y="320" data="L 80 80 V 0 L 0 80 V 0">
<s:stroke>
<s:SolidColorStroke color="black"/>
</s:stroke>
<s:fill>
<s:SolidColor color="gray"/>
</s:fill>
</s:Path>
</s:Application>