flex_Path类使用;

原创 2012年03月30日 14:56:08

效果图:


<?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封闭图形的意义

Later...后续补上

Flex学习笔记:AS绘制圆角矩形

前一大段时间写的一个用AS绘制圆角矩形的函数, 代码很简单, 希望有人用得上.先创建一个空MC(怎么创建就随你了), 然后调用这个函数就OK了下面示例是在坐标 5,6 的位置创建一个圆角半径10, 宽...

path类的使用

  • 2016年10月09日 16:56
  • 30.22MB
  • 下载

设计工具类 使用Axure设计Path2.0

  • 2014年12月30日 10:34
  • 794KB
  • 下载

使用Java7的Files工具类和Path接口来访问文件

在日期的java版本中,都是通过File类来访问文件,但是File类的操作有限,不能利用特定文件系统的特性,性能也不高。在访问出错时,很多都是直接返回false,并没有给出异常信息。因此Java7新增...
  • qasrc6
  • qasrc6
  • 2016年04月29日 14:57
  • 1249

Android画图Path类的使用

package com.javaeye.android.my; import android.app.Activity; import android.os...

Android,图形图像之使用Path类

转载自:http://blog.csdn.net/lee576/article/details/7865121 Path类可以预先在View上将N个点连成一条"路径"...

Android中Path类的使用

Path类是绘图里的一个常用类之一,会按照指定的路径绘制图形,如果将画笔的Style设定为Stroke,则会看到由一条条线组成图形。然而这些图形 看上去往往很单调,而且有的时候我们也需要绘制虚线,或者...

Android之图形图像之使用Path类总结

Path类可以预先在View上将N个点连成一条"路径",然后调用Canvas的drawPath(path,paint)即可沿着路径绘制图形 Android还为路径绘制提供了PathEffect来...

Android基础之Path类的使用

Android基础之Path类的使用 我们知道Android中Canvas类对象可以进行绘制事物,里面有一个方法为canvas.drawPath方法,这个方法就是用来绘制我们的自定义Path对象...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_Path类使用;
举报原因:
原因补充:

(最多只允许输入30个字)