关闭

flex_Path类使用;

1934人阅读 评论(0) 收藏 举报

效果图:


<?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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:244829次
    • 积分:3703
    • 等级:
    • 排名:第8773名
    • 原创:127篇
    • 转载:13篇
    • 译文:0篇
    • 评论:52条
    最新评论