`
lipbb
  • 浏览: 68505 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex4使用背景图片

阅读更多
flex3的时候,Container是有backgroundImage样式的,直接设置即可。
但在flex4,你发现会告诉你这个样式只在halo主题下才能用,如果不是halo主题,会报错。

放弃使用Canvas吧,使用替代容器BorderContainer。

可以使用backgroundImage指定图片,同时backgroundImageFillMode指定图片的填充方式,其默认值为scale,可用值包括clip(不改变图片)repeat(重复)scale(拉伸)。这个使用比较简单,就不举例了。

另外,可以使用backgroundFill来指定背景,可以使用实现IFill接口的类作为参数,常见IFill的实现类有BitmapFill(图片), LinearGradient(线性渐变), RadialGradient(发射形渐变), SolidColor(单颜色)。下面示例是图片作为背景,其中fillMode与backgroundImageFillMode是一样的。


	<s:BorderContainer width="400" height="300">
		<s:backgroundFill>
			<s:BitmapFill source="@Embed('/test.png')" fillMode="repeat"/>
		</s:backgroundFill>
	</s:BorderContainer>
分享到:
评论
2 楼 zhong_pro 2011-11-30  
顶!
  flex4的背景图变得比flex3更为复杂了些。
1 楼 dgj198787dgj 2011-11-25  
mark!!

相关推荐

    FLEX 背景图片设置

    在本文中,我们将深入探讨如何在...总结,设置FLEX背景图片涉及MXML组件或ActionScript代码的使用,通过嵌入图片资源并调整其尺寸和对齐方式来实现。理解这些技巧将帮助你更好地定制FLEX应用的视觉呈现,提升用户体验。

    Flex4中头部背景图片的Accordion

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

    flex视频添加背景图片

    本教程将详细讲解如何为Flex VideoDisplay组件添加背景图片,以及如何利用Flex播放器的加载事件和方法进行有效控制。 首先,我们要明白在Flex中添加背景图片的基本步骤。这通常涉及到使用 mx.graphics.ImageSource ...

    FLEX4按钮状态切换背景

    提供的“FLEX4按钮状态切换背景”压缩包很可能包含了一系列不同状态的背景图片(如`up.png`, `over.png`, `down.png`, `disabled.png`)。这些图片可以按照上面的CSS样式方法应用于Flex4的Button组件,以实现按钮在...

    flex 图片缩放

    例如,如果一个16:9比例的图片被放入一个4:3的Image组件中,图像将按比例缩放,使得宽度适应4,高度为3的比列,结果会在上下两侧留下空白。 然而,有时候我们需要强制图像拉伸以适应特定的宽高比,这通常发生在希望...

    Flex3 背景图片SWC 类

    用这个包,你可以很快的给Flex3 VBox等添加上背景图片

    flex 图片浏览,flex图片滚动效果

    在Flex中,我们可以使用各种组件来创建图片浏览和滚动效果。主要涉及以下知识点: 1. **UI组件**:Flex的核心是它的组件库,其中包括`Image`组件,用于显示单张图片。在图片浏览应用中,可能还需要`Canvas`或`...

    flex控制桌面背景

    在本话题中,我们关注的是如何使用Flex来控制桌面背景。Flex不仅能够用来开发Web应用,还可以通过特定技术与桌面环境进行交互,获取和设置桌面背景信息。 首先,`Preloader.as` 是一个常见的Flex组件,它负责在应用...

    flex剪裁图片demo

    可以设置剪裁框的背景颜色为半透明,以便看到图片。剪裁框的大小应与图片相同,以便可以完全覆盖图片。 ```css .cropper { position: relative; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: ...

    flex 背景图片重复的组件库

    flex 背景图片重复的组件库 类似HTML的CSS样式表中的背景重复

    Flex 4 进度条的皮肤

    Flex 4是一个强大的富互联网应用程序(RIA)开发框架,由Adobe公司推出,它允许开发者创建交互性强、用户体验优秀的Web应用程序。在Flex 4中,皮肤是界面组件外观的关键元素,可以自定义以满足特定设计需求。进度条...

    在flex的dataGrid控件中显示图片的实践

    本文将深入探讨如何在DataGrid中显示图片,特别是在与Spring、Hibernate和Struts等框架集成的背景下,如何处理二进制数据并将其在Flex前端呈现。 首先,让我们了解Flex的基本概念。Flex是一个基于ActionScript和...

    Flex模仿HTML的CSS样式表中的背景重复

    用于模仿HTML的CSS样式表中的背景重复显示功能

    Flex4视频教程_03-03使用Image组件.rar

    本教程聚焦于“使用Image组件”,这是一部分关于如何在Flex4应用中集成和操作图像的重要内容。在Flex4中,Image组件允许开发者轻松地展示静态图像和动态加载网络上的图片资源。 1. **Image组件介绍**: - Image...

    flex加载大图片等待特效

    在使用Flex布局进行Web开发时,我们经常遇到加载大图片的问题。大图片由于其体积大,加载时间可能会很长,导致用户界面出现明显的延迟,影响用户体验。"flex加载大图片等待特效"这一主题就是针对这个问题提出的一种...

    flex中给图片或任意组件着色的方法

    4. **使用9-slice scaling**:对于需要保持角部不变形的图片,如按钮或图标,可以使用9-slice scaling技术。在创建自定义组件时,确保正确设置`nineSliceProperties`,然后在`updateDisplayList()`中应用颜色过滤器...

    flex图片水纹效果

    例如,使用`blendMode = BlendMode.LAYER`或`BlendMode.MULTIPLY`可以使水纹与背景图片更好地融合。 6. **透明度变化**:通过调整水纹的透明度(`alpha`属性),可以增加或减少其可见度,从而模拟波纹扩散或消散的...

    Flex 登录界面 开发经验分享

    在该博客中,作者提供了一段ActionScript代码,用于实现在Flex应用中使用循环背景图片的功能。这种方法涉及到在CSS文件中定义图片路径以及在ActionScript中编写逻辑来处理背景图片的循环显示。 **示例ActionScript...

    flex弹性布局+图片遮罩层作业

    在本项目中,“flex弹性布局+图片遮罩层作业”主要涵盖了两个重要的前端网页开发技术:Flex布局和图片遮罩层。接下来,我们将详细探讨这两个技术,并结合项目描述,了解如何将它们应用于实际的网页设计中。 首先,...

    用Flex4编写的闹钟+电子钟+计时器,绝对能用

    7. **内置图片**:项目中提到“内部自带图片”,这可能是指为界面添加了图标或者背景图片,提升应用的视觉效果。在Flex4中,可以使用BitmapAsset或者Image组件来加载和显示图片资源。 8. **100%可运行**:这意味着...

Global site tag (gtag.js) - Google Analytics