`
youhao
  • 浏览: 26834 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

使用Flex4画图形:圆、矩形、线(转)

    博客分类:
  • Flex
 
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
    </fx:Declarations>
     
    <!-- 画一个椭圆或圆 -->
    <s:Ellipse width="120" height="100" x="52" y="115">
        <s:fill>
            <s:SolidColor color="#ff0000" />
        </s:fill>
    </s:Ellipse>
     
    <!-- 画一个红色的椭圆或圆,描黑色的边 -->
    <s:Ellipse width="120" height="100" x="48" y="224">
        <s:fill>
            <s:SolidColor color="#ff0000" />
        </s:fill>
        <s:stroke> 
            <s:SolidColorStroke color="0x000000" weight="2"/> 
        </s:stroke>
    </s:Ellipse>
     
    <!-- 画一个空心的椭圆或圆,有黑色的边 -->
    <s:Ellipse width="120" height="100" x="208" y="111">
        <s:stroke> 
            <s:SolidColorStroke color="0x000000" weight="1"/> 
        </s:stroke>
    </s:Ellipse>
     
    <!-- 画一个长方形或正方形 -->
    <s:Rect width="100" height="80" x="432" y="134">
        <s:fill>
            <s:SolidColor color="#ff0000" />
        </s:fill> 
    </s:Rect>
     
    <!-- 画一个红色的直线 -->
    <s:Line width="238" x="200" y="80" >
        <s:stroke> 
            <s:SolidColorStroke color="0xff0000" weight="2"/> 
        </s:stroke> 
    </s:Line>
     
    <!-- 画一个颜色渐变的直线 -->
    <s:Line width="238" x="200" y="100" >
        <s:stroke>
            <s:LinearGradientStroke weight="2">
                <s:GradientEntry color="#ff0000"/>
                <s:GradientEntry color="#ffff00"/>
            </s:LinearGradientStroke>
        </s:stroke>
    </s:Line>
     
</s:Application>

 

转自:www.cnblogs.com/modou/articles/1900751.html

分享到:
评论

相关推荐

    flex绘制的3d柱状体图形

    1. **图形渲染**:Flex使用矢量图形进行渲染,这使得图形在放大时仍能保持清晰。在3D柱状图中,每个柱子都是由多个矩形形状组合而成,通过调整它们的位置、大小和颜色来模拟3D效果。 2. **MXML与ActionScript**:...

    flex画web流程(增加了删除线,选择线条,本地保持等功能)

    2. **图形用户界面**(GUI)设计:使用Flex组件库创建可拖拽、可编辑的流程图元素,如矩形(代表工作步骤)、线条(表示流程连接)等。 3. **事件处理**:实现用户与界面的交互,如点击、拖动、选择等事件的监听和...

    flex源码 可以扭动的3D矩形

    标题中的“flex源码 可以扭动的3D矩形”指的是使用Adobe Flex技术实现的一个3D图形项目,这个项目特别之处在于它允许用户交互地扭曲和转动3D矩形,创造出动态的视觉效果。Flex是基于ActionScript 3.0的开源框架,...

    flex 区域,鼠标画矩形选择组件

    本话题将深入探讨如何在Flex应用中实现一个功能,即“鼠标画矩形选择组件”。通过这个组件,用户可以使用鼠标在界面上自由绘制矩形区域,从而进行特定的选择或操作。 首先,我们需要理解Flex中的基本绘图机制。Flex...

    flex实现边框

    在Flex 4(也称为Spark)中,边框和标题的实现方式略有不同,更多地依赖于皮肤和图形元件。在Spark容器中,你可以使用`BorderContainer`和`TitleWindow`的Spark变体来实现类似的功能。 总之,使用Flex实现边框和...

    flex封装实现画布功能

    来公司第一个考核demo,用actionScrpt封装一个组件,根据提供的属性画出矩形的长、宽、背景颜色等。 //定义属性 private var _zx:Number=20;//图形左上方x轴的值 private var _zy:Number=20;//图形左上方Y轴的...

    Flex_4_Fun

    ### Flex_4_Fun:深入理解Flex图形与皮肤技术 #### 一、引言 《Flex_4_Fun》是一本专注于Flex 4框架中图形和皮肤技术的专业书籍,作者Chet Haase曾是Adobe Systems的计算机科学家,在Flex 4发布期间作为核心团队...

    flex制作的旋转色块验证特效

    4. **动画实现**:Flex提供了强大的动画支持,如Tween类和Animate类,可以用来实现图形的旋转效果。开发者需要根据需求设定旋转的角度、速度以及动画的起始和结束状态。 5. **事件处理**:为了响应用户的输入,需要...

    Flex实例 自绘图形按钮

    总结来说,"Flex实例 自绘图形按钮"是一个关于如何在Flex环境中使用ActionScript自定义按钮外观的教程或代码示例。通过学习这个实例,开发者可以了解到如何利用Flex的皮肤机制和ActionScript绘图功能来创建独特且...

    如何使用flex 开发拓扑图

    在Flex中,可以使用mx.graphics这一部分的API来绘制基本图形,如线条、矩形、圆形等。然而,对于复杂的拓扑图,推荐使用第三方库,如Zig Zag Graph或Raphaël库。这些库提供了丰富的图形元素和交互功能,使得创建...

    flex生成pdf全套

    4. **绘制图形**:AlivePDF提供了绘制直线、矩形、椭圆等基本形状的功能。通过`drawLine()`, `drawRect()`, `drawEllipse()`等方法,可以创建自定义图形。 5. **设置页面样式**:可以控制线条的颜色、宽度,以及...

    Flex Canvas 精灵演示

    Flex Canvas 精灵演示是基于Adobe Flex技术创建的一个互动展示,主要展示了如何在Canvas组件中使用精灵(Sprite)进行动态图形的制作和动画效果的实现。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架...

    flex3做的流程图

    2. **创建图形对象**:使用 Degrafa 的Shape类创建流程图的基本元素,如矩形(Rectangle)代表工作步骤,椭圆(Ellipse)表示决策点,线条(Line)用作连接线。 3. **定义图形样式**:可以设置形状的颜色、填充、...

    Flex实现画线(可拖拽、带箭头、可变色)

    在Flex中实现画线,我们可以利用Flex提供的Graphics API。Graphics API允许开发者在舞台上绘制基本形状,如线条、曲线和矩形。我们首先创建一个自定义的UIComponent子类,这个子类将会是我们的画线组件。在AS中,...

    Flex 剪切放大旋转

    这个压缩包中的“Flex 剪切放大旋转”项目,显然涉及到使用Flex技术来实现图片处理功能,包括上传图片、裁剪、放大和旋转。下面我们将详细探讨这些知识点。 1. **Flex框架**: Flex提供了MXML和ActionScript两种...

    FLEX各种形状绘图例子

    根据提供的文件信息,我们可以深入探讨 FLEX 中图形绘制的相关知识点,包括如何利用 ActionScript 进行基本图形的绘制。此文档适用于初学者了解并掌握在 FLEX 中如何使用 ActionScript 绘制各种形状。 ### 一、FLEX...

    flex_Actionscript3

    - **导入**:使用`import`语句引入其他包中的类。 - **构造函数**:定义类实例时执行的特殊方法。 - **继承**:子类可以从父类继承属性和方法。 - **Movielip/Sprite子类**:`MovieClip`和`Sprite`是常用的子类,...

    flex 拓扑绘图

    2. **Flex图形组件** 在Flex中,可以利用各种图形组件如Canvas、Graphics类以及Sprite和Shape等来创建自定义图形。例如,Canvas作为绘图区域,可以容纳并管理多个显示对象;Graphics类提供了绘制线条、曲线、形状的...

    Flex 放大镜效果

    5. **Graphics API**:使用Graphics API,可以在舞台上绘制各种形状,如矩形、圆形等。在放大镜效果中,我们可以用它来画出放大镜的边框。 6. **Blending Modes**:为了创建更逼真的放大效果,可能还需要使用混合...

    Flash弹性矩形代码

    4. 时间轴控制:使用`enterFrame`事件或` Tween`类来实现动画效果。 5. 动力学和物理模拟:弹性矩形的实现可能涉及力、速度和加速度的概念,以模拟矩形的弹跳和变形。 6. 图形绘制:了解如何使用Graphics API绘制...

Global site tag (gtag.js) - Google Analytics