`

Flex 4中组件背景设置(外观平皮肤方式)TitleWidown为例子

阅读更多

今天早上突然发现项目没有背景图片,不好看,所以就拿Flex3写的Style来设置背景图片可是发现不行,最后在网上找了老半天然后加上自己的理解终于解决了问题,和大家分享一下。 

 

1.加入我们改写TitleWidown背景图片

 

第一步:建立TitleWidown的Skin

  

 

建立好后。

 

第二步:找到代码 

 

 替换成

 

而image/bg.jpg就是我们要加载的背景图片。

 

 我把<solidcolor id="backgroundFill" color="#FFFFFF"></solidcolor>这个注释掉了。

 

然后程序会报错误 然后继续找到这个 继续注释掉 

 

 

 因为我们上面注释掉了backgroundFill的对象所以出错了。

 

我的皮肤是建立在skin.TitleWindowSkin.mxml

 

然后背景图片皮肤制作完了。

 

第三部:使用皮肤

 

 

就这样使用很简单把。

 

也可以在Application中使用,但是有问题,听我慢慢道来, 

 

 

 上面这样也可以实现背景图片。

 

使用之后他会把Application窗体改写成TitleWidown样式的还带了个关闭按钮,建议大家一个组件一个改写类最好。

 

呵呵。 看看Application使用TitileWidown皮肤后的效果吧。

分享到:
评论

相关推荐

    flex4自定义组件皮肤

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

    Flex4自定义组件开发.pdf

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

    Flex4 自定义组件皮肤小结

    以压缩包中的`pureMVC_Simple`为例,PureMVC是一个轻量级的框架,它并不直接涉及Flex4的皮肤机制,但我们可以将其与Flex4的自定义组件皮肤结合起来,创建一个具有PureMVC风格的用户界面。例如,我们可以通过自定义...

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

    4. 皮肤支持:如果需要,可以为组件定义皮肤,使其具有更丰富的视觉效果。 5. 注册组件:在MXML文件中使用标签注册自定义组件,并在主界面中使用组件名&gt;进行引用。 二、事件通讯 事件通讯是Flex组件间交互的主要...

    FLEX4的皮肤skin

    本文将深入探讨FLEX4中的皮肤系统,特别是SparkSkin类,并通过实例展示如何创建和应用自定义皮肤。 1. SparkSkin的介绍: SparkSkin是Flex 4(Gumbo)引入的主要皮肤类,位于`spark.skins`包下。它是一个Group类型...

    Flex4中头部背景图片的Accordion

    通过以上分析可以看出,在Flex4中实现一个具有自定义头部背景图片的Accordion组件,需要对`headerStyleName`属性和自定义皮肤类有深入的理解。开发者可以根据实际需求调整皮肤类中的样式定义,以达到预期的设计效果...

    flex中的组件重写例子

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

    Flex_4组件:自定义外观

    Flex CSS简介 Flex 使用MXML设置样式 Flex 使用ActionScript设置样式 Flex 样式的继承与叠加 Flex 主题的使用 Flex 自定义皮肤 Flex 应用皮肤

    flex4 皮肤

    在Flex4中,皮肤(Skin)是一个重要的概念,它允许开发者自定义组件的外观和交互体验,以满足不同应用的视觉设计需求。 Flex4 的皮肤系统是一个基于MXML和CSS的可扩展框架,允许开发者分离界面的视觉表现与功能逻辑...

    Flex4的组件信息

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

    flex 高级自定义组件

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

    Flex 4 进度条的皮肤

    - 在皮肤文件中,定义皮肤组件的基本结构。进度条皮肤通常包含两个主要部分:轨道(track)和滑块(slider),分别表示进度条的背景和填充部分。 - 使用`&lt;s:Rect&gt;`、`&lt;s:Path&gt;`或其他图形元素来定义轨道和滑块的...

    FLEX 背景图片设置

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

    JSP调用Flex4组件演示代码

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

    Flex4开发的自定义输入框皮肤组件,代图标

    本主题将深入探讨如何在Flex4的Spark主题下开发一个带有图标的自定义输入框皮肤组件,并实现圆角效果。首先,我们要理解Flex4的基本架构和Spark组件模型。 Flex4引入了全新的组件架构,主要由两个组件集构成: Halo...

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

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

    FLEX 平移,缩放例子

    FFLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子LEX 平移,缩放例子

    flex4Tree组件分层显示数据示例

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

    Flex4分页组件源码

    5. **样式和皮肤**:Flex4提供强大的皮肤ning机制,允许开发者自定义组件外观。分页组件可能需要不同的皮肤状态,比如按钮的鼠标悬停效果或选中状态。 6. **性能优化**:在处理大量数据时,分页组件应尽可能减少...

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

    6. **外观(Skin)和外观状态(Skin States)**:在Flex中,组件的外观可以改变,这些变化可以通过外观状态控制。在不同的外观状态下,组件可以显示不同的参数或数据。 7. **服务调用结果**:如果你使用了远程服务...

Global site tag (gtag.js) - Google Analytics