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>
阅读更多
个人分类: Flex
想对作者说点什么? 我来说一句

flex图表渐变效果示例

zhongweijian zhongweijian

2009-12-31 15:12:00

阅读数:1468

渐变效果选择

测试地址:

Candy_home Candy_home

2014-07-17 17:13:16

阅读数:378

java jpcap_API

2008年12月15日 546KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭