`

flex4中 BitmapFill 的使用

    博客分类:
  • flex
 
阅读更多
BitmapFill 动态加载图片
private function getBorderBackground(url:String):void
{
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.CO MPLETE, handleLoadComplete);
loader.load( new URLRequest(url) );
}

private function handleLoadComplete( evt:Event ):void
{
var bmp:Bitmap = ( evt.target as LoaderInfo ).content as Bitmap;
bgImage.source = bmp;
}


<s:Rect>
<s:fill>
<s:BitmapFill id="bgImage" fillMode="{BitmapFillMode.REPEAT}" rotation="-45" />
</s:fill>
</s:Rect>


Flex 4中如何通过BitmapFill和LinearGradient,给Panel设置bitmap填充背景色
<s:Panel id="pnl"

title="Spark Panel title"

width="320" height="240"

horizontalCenter="0" verticalCenter="0">

<s:Rect width="100%" height="100%">

<s:fill>

<s:BitmapFill source="@Embed('assets/pattern_140.gif')" />

</s:fill>

</s:Rect>

<s:Rect width="100%" height="100%">

<s:fill>

<s:LinearGradient rotation="{rotationSlider.value}">

<s:GradientEntry color="white"

alpha="0.0"

ratio="0.0" />

<s:GradientEntry color="#F0EBD2"

alpha="1.0"

ratio="{ratioSlider.value}" />

</s:LinearGradient>

</s:fill>

</s:Rect>

<s:TextArea id="textArea"

verticalScrollPolicy="on"

left="20" right="20"

top="20" bottom="20">

<s:text>The quick brown fox jumps over the lazy dog.</s:text>

</s:TextArea>

</s:Panel>
分享到:
评论

相关推荐

    Flex4中头部背景图片的Accordion

    ### Flex4中头部背景图片的Accordion知识点解析 在Flex4框架中,开发人员经常需要创建具有高度定制化外观的应用程序组件。本篇文章将基于提供的文件信息深入探讨如何在Flex4中实现一个拥有自定义头部背景图片的...

    Flex中背景平铺的做法

    要在Flex 3中使用这个自定义类,我们需要在CSS样式表中指定相应的样式。例如: ```as sample: (ʽед).sample { backgroundImage: Embed(source="assets/bg.gif"); border-skin: ClassReference(...

    Flex 仿Vista 系统样式

    在描述中提到的“测试代码”可能是用来展示如何在实际应用中使用这些样式的。这些代码可能包含了如何加载样式表、如何应用样式到组件以及如何创建自定义组件的例子。通过运行这些测试代码,开发者可以直观地看到...

    flex api 3.6 带样式修改的标绘

    在Flex中,我们可以使用DisplayObject类的子类,如Shape、Sprite或BitmapData等,来创建和操纵图形。对于地图标绘,我们可能用到Graphics类,它提供了画线、填充形状、绘制文本等多种方法。例如,`beginFill()`用于...

    关于Degrafa's Fills简介

    `sign05.mxml` 文件是这个示例的核心,它展示了如何在Flex项目中引入和使用 Degrafa 库。在Flex项目中,通常我们需要先将 Degrafa 库的SWC文件添加到项目的类路径中,以便可以访问其中的类和函数。接着,在MXML文件...

    flex中如何用图像给按钮做皮肤

    本文将详细讲解如何使用图像来为Flex中的按钮组件创建皮肤,以实现个性化的设计效果。 首先,我们需要了解Flex中皮肤的基本概念。在Flex中,每个可视组件都可以拥有一个或多个皮肤,皮肤是组件外观的表示,它可以是...

    皮肤制作文档

    根据提供的文档内容,我们可以推断出这是一篇关于皮肤制作的教程文档,主要涉及Adobe Flex框架中的皮肤(Skin)设计与实现。以下是对该文档所包含的重要知识点进行详细解析: ### 1. 皮肤(Skin)简介 在Adobe ...

Global site tag (gtag.js) - Google Analytics