`
bigt
  • 浏览: 45438 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

关于 Flex 边框绘制的一个细节

阅读更多

 

以上图片的对应代码:

<s:BorderContainer x="56" y="54" width="300" height="300">
    <s:borderStroke>
        <s:SolidColorStroke color="blue" alpha="1" weight="15" joints="miter" />
    </s:borderStroke>
    <s:Rect width="300" height="300" x="0" y="0">
        <s:stroke>
            <s:SolidColorStroke color="yellow" alpha="0.5" weight="15" joints="miter" />
        </s:stroke>
    </s:Rect>
</s:BorderContainer>

 

 

 

<s:BorderContainer x="578" y="54" width="330" height="330">
   <s:borderStroke>
      <s:SolidColorStroke color="blue" alpha="1" weight="15" joints="miter" />
      </s:borderStroke>
      <s:Rect width="300" height="300" x="0" y="0">
         <s:stroke>
            <s:SolidColorStroke color="yellow" alpha="0.5" weight="15" joints="miter" />
         </s:stroke>
      </s:Rect>
</s:BorderContainer>

 

 

结论:

Flex 中三种描边的方式:

  • 采用 flash.display.Graphics 直接绘制
  • 采用 mx.graphics.IStroke 设定笔触
  • 采用 spark.primitives 包直接指定几何图形

所使用的描边方式都是居中。而 bordercontainer 因为是容器,所以的描边方式是在内部。在绝对位置布局情况下,计算位置时需要注意这个细节.

分享到:
评论

相关推荐

    flex实现边框

    这段代码会先填充一个灰色背景,然后在内部绘制一条黑色的2像素宽的边框。 4. **组件和子元素**: 在`TitleWindow`内,你可以添加任何Flex组件作为子元素,如`Label`、`Button`等,以构建完整的用户界面。通过...

    flex 带矩形边框的GroupBox.

    6. **自定义组件**:如果你的需求非常特殊,可能需要创建自定义的GroupBox组件,扩展Flex的原生GroupBox类,并覆盖它的绘图方法来实现自己的边框绘制逻辑。 总结来说,创建一个带矩形边框的Flex GroupBox涉及到CSS...

    flex绘制仿word功能

    在Flex中实现仿Word功能,意味着要构建一个用户界面,它具有与Microsoft Word相似的特性,比如创建和编辑表格。这涉及到多个Flex编程概念和技术,包括组件使用、数据绑定、事件处理以及用户交互设计。 首先,我们要...

    flex 绘制流程图 算法是 dagre.js 提供 可以实现拖拽绘制流程图

    Dagre.js是一个专门用于绘制有向无环图(Directed Acyclic Graph,DAG)的JavaScript库。这个库主要针对的是那些需要将数据结构以图形方式展示的应用场景,如流程图、依赖图等。Dagre.js提供了一套强大的布局算法,...

    Flex详细文档.pdf

    - **Panel组件**: 提供了一个带有边框的容器,可以包含标题和其他组件。 - **TitleWindow组件**: 类似于Panel,但提供了更多的自定义选项,如关闭按钮等。 - **ViewStack组件**: 用于管理多个视图之间的切换,每个...

    10多个FLex 3 的源码(整理)

    Flex 3 是 Adobe 开发的一款用于构建富互联网应用程序(RIA)的框架,它基于 ActionScript 3 和 MXML,提供了一套...对于想要深入了解Flex 3或者准备进行Flex 3项目开发的人来说,这个压缩包是一个宝贵的参考资料库。

    Flex 放大镜效果

    1. **Sprite**:这是ActionScript中的一个基本图形类,可以用来绘制和处理图形。在放大镜效果中,Sprite常用于创建一个可移动的放大区域,显示图像的放大版本。 2. **BitmapData**:这个类用于处理位图数据。在放大...

    flex的生成工具套

    1. **Flex3StyleExplorer_V3.swf**:这是一个用于探索和测试Flex 3样式和皮肤的工具。在Flex 3中,样式系统允许开发者自定义组件的外观,包括颜色、字体、边框、阴影等。通过这个工具,开发者可以直观地看到不同样式...

    关于flex中chart的效果例子

    这是一个包含预编译的Flex组件库,其中包括了用于绘制图表的各种图形元素和动画效果。在Flex项目中,开发者可以通过导入这个库来使用预先定义好的图表组件,从而快速构建出美观的图表。 `catalog.xml`文件是Flex...

    flex圆形图表展示源码

    Flex是Adobe开发的一个开源框架,主要用于构建富互联网应用程序(RIA),它基于ActionScript编程语言和Flash Player或Adobe AIR运行时环境。在Flex中,我们可以使用MXML和ActionScript来创建用户界面和业务逻辑。 ...

    flex开发实例

    - **Panel组件**:一个具有标题和边框的容器,常用于封装一组相关的控件。 - **弹出窗口**:使用`PopupManager`类可以创建弹出窗口。 - **TitleWindow组件**:一个带有标题栏的窗口,可以移动和关闭。 - **ViewStack...

    Flex Chart+WebService

    标题中的“Flex Chart+WebService”指的是使用Adobe Flex技术来创建图表,并通过Web Service与服务器进行数据交互的一个示例项目。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它...

    flex Chart

    3. **图表系列(Series)**:每个图表由一个或多个系列组成,每个系列代表一类数据,可以有不同的颜色和样式。 4. **图表元素**:包括轴(Axis)、数据点(DataPoint)、标签(Label)等,可以自定义样式和位置,以...

    dtt.rar_flex_flex 图片

    综上所述,这个名为“dtt”的压缩包很可能包含了一个使用Adobe Flex开发的大头贴应用实例,其中包括了处理摄像头输入、合成图片以及展示结果的代码和可能的图形资源。对于想要学习Flex图像处理或开发类似应用的...

    flex五星评级代码

    "flex五星评级代码"这个主题,可能涉及到的是使用Flex技术来实现一个动态的五星评级组件。 Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、响应式的Web...

    flex4自定义组件皮肤

    - 例如,如果你有一个名为`MyButton.as`的自定义按钮,你可以在其中写入`skinClass="skins.MyButtonSkin"`来关联皮肤。 4. **处理不同状态** - Flex组件有多种状态,如`normal`, `disabled`, `hovered`等。在皮肤...

    flex 移动折线图

    1. 创建皮肤:为LineChart的边框创建一个可拖动的皮肤,这通常是一个Rect或Sprite实例,添加到Chart的布局容器中。 2. 添加事件监听器:在可拖动的皮肤上添加DragEvent监听器,当用户按下鼠标开始拖动时触发DRAG_...

    flex仪表盘示例代码

    在本示例中,"flex仪表盘示例代码"是使用Flex技术实现的一个可视化工具,用于展示各种数据指标,其设计风格具有吸引力,采用了漂亮的渐变半透明效果,增强了视觉体验。 仪表盘控件在数据可视化领域中扮演着重要角色...

    Flex的GraphicLayer上添加室内基站

    在Flex中,GraphicLayer是一个关键的组件,它允许开发者在地图上动态添加图形元素,如点、线、面等,非常适合展示地理位置相关的数据。 在“室内基站”的场景中,GraphicLayer被用来模拟和显示建筑物内部的无线信号...

Global site tag (gtag.js) - Google Analytics