`

Flex 4中组件背景设置(填充方式)group为例子

阅读更多
以下以Group为例子讲述如何在Flex 4中填充背景颜色、图片:

1、图片填充方式:
<s:Group x="0" y="0" height="100%" width="100%">
<s:Rect x="0" y="0" height="100%" width="100%">
<s:fill>
<s:BitmapFill source="@Embed('../imges/myBg.jpg')"/>
</s:fill>
</s:Rect>
</s:Group>

2、渐变色填充方式:

<s:Rect alpha="0.5" x="0" y="0" width="100%" height="100%">
<s:fill>
<s:LinearGradient rotation="250">
<s:GradientEntry color="0x222222" ratio="0"/>
<s:GradientEntry color="0xdddddd" ratio="1"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
分享到:
评论
1 楼 chengpengvb 2015-12-03  

相关推荐

    Flex4自定义组件开发.pdf

    在Flex4中,自定义组件的开发变得尤为重要,因为它允许开发者创建高度定制化的UI组件,以满足特定的应用需求。 #### 二、Spark组件架构剖析 Flex4采用了全新的Spark组件架构,与之前的Flex3(Halo组件架构)相比有...

    Flex各自定义组件事件通讯例子

    在Flex开发中,自定义组件和事件通讯是构建复杂应用程序的关键技术。本示例通过一个简单的用户登录场景,深入解析了如何实现组件间的有效通信。下面将详细解释Flex自定义组件、事件处理以及它们在实际应用中的作用。...

    flex4自定义组件皮肤

    在Flex4中,自定义组件皮肤是提升应用视觉效果和用户体验的重要手段。下面将详细介绍如何在Flex4中自定义组件皮肤。 1. **组件皮肤的基本概念** - 组件皮肤是Flex中改变组件外观的一种方式,通过定义不同的皮肤,...

    Flex4的组件信息

    详解Flex4的系统组件与基本组件。让你在应用的时候知道用什么.

    FLEX 背景图片设置

    在本文中,我们将深入探讨如何在FLEX应用程序中设置背景图片,这是一项非常实用的技巧,可以帮助你提升应用的视觉效果。FLEX是一种基于ActionScript 3(AS3)的开发框架,用于创建富互联网应用程序(RIA)。背景图片...

    Flex4中头部背景图片的Accordion

    本篇文章将基于提供的文件信息深入探讨如何在Flex4中实现一个拥有自定义头部背景图片的Accordion组件,并通过代码示例详细解释其实现过程。 #### 核心知识点一:Accordion组件概述 Accordion组件是一种常见的UI...

    flex中的组件重写例子

    在Flex开发中,组件重写是一项关键技能,它允许开发者根据特定需求定制标准组件,以实现更高效、更具个性化的用户界面。本文将深入探讨Flex组件重写的原因、注意事项、重写过程以及组件的内部执行流程,并通过示例...

    Flex3组件介绍包含flex3的所有组件介绍并有例子

    Flex3组件介绍,包含flex3的所有组件介绍并有例子

    JSP调用Flex4组件演示代码

    【JSP调用Flex4组件演示代码】是一个典型的Web应用程序开发示例,它结合了Java服务器页面(JSP)和Adobe Flex4技术,展示了这两者之间的交互。在现代Web开发中,这种混合技术允许开发者利用Flex4的强大富互联网应用...

    flex4Tree组件分层显示数据示例

    在Flex4中,Tree组件是一种强大的用户界面元素,用于展示层次结构的数据。它允许用户以图形化的方式浏览和操作多级目录或具有嵌套结构的信息。在这个“flex4Tree组件分层显示数据示例”中,我们将深入探讨如何在Flex...

    flex 高级自定义组件

    Flex中的高级自定义组件开发是构建复杂用户界面的关键技术,它允许开发者超越基本组件的限制,以满足特定的业务需求和视觉设计。在创建高级组件时,了解并掌握一些核心方法的重写至关重要,这些方法涉及到组件的生命...

    精讲Flex4组件开发(附源码)

    "精讲Flex4组件开发"的主题深入探讨了Flex4中的组件开发技术,特别是聚焦于Spark组件架构,这是Flex4中引入的一种新的组件模型,旨在提高性能和可扩展性。 Spark组件架构是Flex4中的核心特性之一,它与之前的MX组件...

    Flex4中使用组件添加柱状图、饼状图等图表

    根据提供的文件信息,本文将详细介绍如何在Flex4中利用组件添加柱状图、饼状图等图表,并通过示例代码具体展示实现过程。 ### 一、Flex4中的柱状图 #### 1.1 柱状图简介 在Flex4中,柱状图是一种非常常见的数据...

    FLEX4按钮状态切换背景

    这些图片可以按照上面的CSS样式方法应用于Flex4的Button组件,以实现按钮在不同状态下的背景切换效果。 总结: 在Flex4开发中,理解和利用按钮的状态切换是提升用户体验的关键。通过为每个状态定义独特的背景图像,...

    Flex中组件datagrid导出Excel

    本主题将深入探讨如何在Flex中实现组件DataGrid的数据导出功能,使其能够生成Excel文件供用户下载和处理。 DataGrid是Flex中常用的一个组件,它用于展示结构化数据,通常用于表格形式的展示。在Flex中,我们可以...

    Flex_4系统组件:图表

    标题中的“Flex_4系统组件:图表”指的是Adobe Flex 4框架中用于创建数据可视化的图表组件。这些组件是Flex SDK的一部分,允许开发者构建交互式的、动态的数据展示应用。Flex 4引入了全新的图形渲染引擎(称为Spark...

    Flex4分页组件源码

    这个“Flex4分页组件源码”提供了在Flex4环境中实现分页功能的源代码,这对于开发大型数据集的用户界面至关重要。分页允许用户逐步浏览大量数据,而无需一次性加载所有内容,提高了应用程序的性能和用户体验。 在...

    Adobe Flex Builder 3组件之间的传递参数

    在Adobe Flex Builder 3中,开发富互联网应用程序(RIA)时,经常需要在不同组件之间交换数据或参数。这是构建动态、交互式用户界面的关键环节。本教程将深入探讨Flex中组件之间的参数传递机制,帮助你更好地理解和...

    支持手动拖拽缩放flex组件的组件

    在给定的标题“支持手动拖拽缩放flex组件的组件”中,我们可以推断出这是一个专门针对Flex环境设计的组件,它允许用户通过手动拖拽和缩放操作来调整Flex应用中的组件大小。 描述中提到的“com.janisRadins.zip”很...

    Flex4 分页组件

    在Flex4中,分页组件是实现大量数据展示时非常重要的一个功能,它允许用户以较小的数据块浏览内容,提高应用性能和用户体验。 分页组件在Flex4中的实现主要依赖于`mx.controls.Pagination`类。这个类提供了分页控制...

Global site tag (gtag.js) - Google Analytics