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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

path类的使用

  • 2016-10-09 16:56
  • 30.22MB
  • 下载

Android基础之Path类的使用

Android基础之Path类的使用我们知道Android中Canvas类对象可以进行绘制事物,里面有一个方法为canvas.drawPath方法,这个方法就是用来绘制我们的自定义Path对象。Pat...
  • Mr_dsw
  • Mr_dsw
  • 2015-10-06 15:00
  • 6706

使用android.graphics.Path类自绘制PopupWindow背景

PopupWindow简介PopupWindow是悬浮在当前activity上的一个容器,用它可以展示任意的内容。 PopupWindow跟位置有关的API有下面几个: showAsDropDown...

Android基础之Path类的使用

Android基础之Path类的使用 我们知道Android中Canvas类对象可以进行绘制事物,里面有一个方法为canvas.drawPath方法,这个方法就是用来绘制我们的自定义Path对象...

Android画图Path类的使用

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

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

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

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

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

初学Android,图形图像之使用Path类(二十六)

From: http://blog.csdn.net/lee576/article/details/7865121 Path类可以预先在View上将N个点连成一条"路径",然后调用Canvas的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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