flex_Path类使用；

效果图：

<?xml version="1.0" encoding="utf-8"?>

<s:Application name="Graphic Example" ?? ??? ??? ??? xmlns:fx="http://ns.adobe.com/mxml/2009" ?? ??? ??? ??? xmlns:s="library://ns.adobe.com/flex/spark" ?? ??? ??? ??? xmlns:mx="library://ns.adobe.com/flex/mx" pageTitle="TheStudioOfCenyebao"> ?? ? ?? ?<s:Panel title="Graphic Example" verticalCenter="0" horizontalCenter="0" ?? ??? ??? ? width="480" height="320"> ?? ??? ? ?? ??? ?<s:Group left="10" top="10" right="10" bottom="10"> ?? ??? ??? ? ?? ??? ??? ?<!--1、矩形--> ?? ??? ??? ?<s:Graphic x="0" y="0"> ?? ??? ??? ??? ?<s:Path data="M 0 0 ?? ??? ??? ??? ??? ??? ?L 20 0 ?? ??? ??? ??? ??? ??? ?L 20 100 ?? ??? ??? ??? ??? ??? ?L 0 100 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ? ?? ??? ??? ??? ??? ?<!-- Define the border color. --> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="0x888888"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--2、十字架--> ?? ??? ??? ?<s:Graphic x="40" y="0"> ?? ??? ??? ??? ?<s:Path data="M 40 0 ?? ??? ??? ??? ??? ??? ?L 60 0 ?? ??? ??? ??? ??? ??? ?L 60 100 ?? ??? ??? ??? ??? ??? ?L 40 100 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ? ?? ??? ??? ??? ??? ?<!-- Define the border color of the arrow. --> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="0x888888"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ? ?? ??? ??? ??? ??? ?<!-- Define the fill for the arrow. --> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ??? ? ?? ??? ??? ??? ?<s:Path data="M 0 40 ?? ??? ??? ??? ??? ??? ?L 100 40 ?? ??? ??? ??? ??? ??? ?L 100 60 ?? ??? ??? ??? ??? ??? ?L 0 60 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ? ?? ??? ??? ??? ??? ?<!-- Define the border color of the arrow. --> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="0x888888"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ? ?? ??? ??? ??? ??? ?<!-- Define the fill for the arrow. --> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--3、X形--> ?? ??? ??? ?<s:Graphic x="160" y="0"> ?? ??? ??? ??? ?<s:Path data="M 4 0 ?? ??? ??? ??? ??? ??? ??? ?L 30 26 ?? ??? ??? ??? ??? ??? ??? ?L 26 30 ?? ??? ??? ??? ??? ??? ??? ?L 0 4 ?? ??? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="black"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="black"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ??? ? ?? ??? ??? ??? ?<s:Path data="M 26 0 ?? ??? ??? ??? ??? ??? ?L 30 4 ?? ??? ??? ??? ??? ??? ?L 4 30 ?? ??? ??? ??? ??? ??? ?L 0 26 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="black"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="black"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--4、X形--> ?? ??? ??? ?<s:Graphic x="200" y="0"> ?? ??? ??? ??? ?<s:Path data="M 4 0 ?? ??? ??? ??? ??? ??? ?L 15 11 ?? ??? ??? ??? ??? ??? ?L 26 0 ?? ??? ??? ??? ??? ??? ?L 30 4 ?? ??? ??? ??? ??? ??? ?L 19 15 ?? ??? ??? ??? ??? ??? ?L 30 26 ?? ??? ??? ??? ??? ??? ?L 26 30 ?? ??? ??? ??? ??? ??? ?L 15 19 ?? ??? ??? ??? ??? ??? ?L 4 30 ?? ??? ??? ??? ??? ??? ?L 0 24 ?? ??? ??? ??? ??? ??? ?L 11 15 ?? ??? ??? ??? ??? ??? ?L 0 4 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ?<!-- Define the border color. --> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="black"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--5、箭头--> ?? ??? ??? ?<s:Graphic x="240" y="0"> ?? ??? ??? ??? ?<s:Path data="M 15 0 ?? ??? ??? ??? ??? ??? ?L 30 15 ?? ??? ??? ??? ??? ??? ?L 20 15 ?? ??? ??? ??? ??? ??? ?L 20 30 ?? ??? ??? ??? ??? ??? ?L 10 30 ?? ??? ??? ??? ??? ??? ?L 10 15 ?? ??? ??? ??? ??? ??? ?L 0 15 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ?<!-- Define the border color. --> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="black"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--6、X小型--> ?? ??? ??? ?<s:Graphic x="280" y="0"> ?? ??? ??? ??? ?<s:Path left="4.5" top="5.5" right="4.5" bottom="5.5" data="M 0 0 ?? ??? ??? ??? ??? ??? ?L 10 10 ?? ??? ??? ??? ??? ??? ?M 10 0 ?? ??? ??? ??? ??? ??? ?L 0 10"> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="black" weight="2"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--7、箭头小型--> ?? ??? ??? ?<s:Graphic x="310" y="0"> ?? ??? ??? ??? ?<s:Path left="4.5" top="5.5" right="4.5" bottom="5.5" data="M 5 0 ?? ??? ??? ??? ??? ??? ?L 10 5 ?? ??? ??? ??? ??? ??? ?L 7 5 ?? ??? ??? ??? ??? ??? ?L 7 10 ?? ??? ??? ??? ??? ??? ?L 3 10 ?? ??? ??? ??? ??? ??? ?L 3 5 ?? ??? ??? ??? ??? ??? ?L 0 5 ?? ??? ??? ??? ??? ??? ?Z"> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="black"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--8、弯曲图形--> ?? ??? ??? ?<s:Graphic x="0" y="120"> ?? ??? ??? ??? ?<s:Path data="M 0 100 ?? ??? ??? ??? ??? ??? ?Q 100 0 200 100"> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="0x888888"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ??? ?<!--9、弯曲图形--> ?? ??? ??? ?<s:Graphic x="250" y="120"> ?? ??? ??? ??? ?<s:Path data="M 0 100 ?? ??? ??? ??? ??? ??? ?C 50 50 150 50 200 100 ?? ??? ??? ??? ??? ??? ?L 180 100 ?? ??? ??? ??? ??? ??? ?C 130 50 70 50 20 100 ?? ??? ??? ??? ??? ??? ?L 0 100"> ?? ??? ??? ??? ??? ?<s:stroke> ?? ??? ??? ??? ??? ??? ?<s:SolidColorStroke color="0x888888"/> ?? ??? ??? ??? ??? ?</s:stroke> ?? ??? ??? ??? ??? ?<s:fill> ?? ??? ??? ??? ??? ??? ?<s:LinearGradient rotation="90"> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0x000000" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ??? ?<s:GradientEntry color="0xFFFFFF" alpha="0.8"/> ?? ??? ??? ??? ??? ??? ?</s:LinearGradient> ?? ??? ??? ??? ??? ?</s:fill> ?? ??? ??? ??? ?</s:Path> ?? ??? ??? ?</s:Graphic> ?? ??? ??? ? ?? ??? ?</s:Group> ?? ?</s:Panel> </s:Application>