`
WonLen
  • 浏览: 51132 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

[Flex]Flex SDK 4(Gumbo)自定义皮肤 - SilverGreen(Spark和Halo)预览版

    博客分类:
  • Flex
阅读更多

详细请看:http://www.k-zone.cn/zblog/post/silvergreen-prview.html
这是完全基于Flex SDK 4(Gumbo)基础上开发的一套皮肤,我命名为:SilverGreen

SilverGreen的特色:
1、基于Flex SDK 4(Gumbo)开发,即全部皮肤是继承于SparkSkin
2、共有两套皮肤:即Spark组件和Halo组件。
3、Halo组件的皮肤也全部都是基于SparkSkin开发而来,而没有使用Flex SDK 3.x时代的方式。
4、SilverGreen全套皮套完全由代码生成,没有使用任何一种位图文件。
5、由于使用浅色系作为皮肤的主打颜色,因此比较适合一些正式场合的Flex应用。(比较适合商用)
6、开源。

关于开源的解释:
1、本篇文章只是预览版,也就是希望喜欢这套皮肤的朋友多多提提意见,因为我本人不是美工,因此或许有诸多问题。因此源代码和最终版本会在稍后发布。
2、我只打算开源Spark组件的皮肤,由于Halo组件在Flex SDK 4(Gumbo)下面开发没有Spark组件方面,因此我认为Halo组件还有诸多问题,因此没有打算开源。

Spark包括如下组件:
Panel、Button、TextInput、CheckBox、RadioButton、ToggleButton、VScrollBar、HScrollBar、HSlider、VSlider、List、DropDownList、ButtonBar、NumericStepper、Spinner
SilverGreen - Spark组件预览地址http://bit.ly/MTSPu
Spark组件的截图:


Halo包括如下组件:
MenuBar、PopUpButton、LinkButton、Accordion、ProgressBar、TabBar、TabNavigator、ColorPicker、DateChooser、DateField、List、
DataGrid、Alert、Tree、LinkBar、HorizontalList、TileList、PopUpMenuButton、TitleWindow
SilverGreen - Halo组件预览地址:http://bit.ly/3GXhMc
Halo组件的截图:


最后,预览版测试时间截止到2009年7月30日,2009年7月31日我会准时发布SilverGreen正式版(包括Spark组件的源代码)

分享到:
评论
2 楼 WonLen 2009-07-27  
peacock 写道
Flex基本上都是以灰色调为主,像Mac一样

不是的。Flex默认颜色是浅色系的,但是目前比较主流的Flex Application都是以深色调为主,你可以去http://scalenine.com/上看一下。:)
1 楼 peacock 2009-07-27  
Flex基本上都是以灰色调为主,像Mac一样

相关推荐

    gumbo-parser-0.10.1_Parser_

    首先,我们要理解gumbo-parser的核心功能。Gumbo解析器设计的目标是实现对HTML5规范的严格遵循,确保解析结果与浏览器的行为一致。它能处理不完整或不规范的HTML标记,具备容错能力,同时保持对标准的忠实性。Gumbo...

    e语言-gumbo-parser-0.10.1 网页解析引擎 vc封装,易语言调用例子完整

    《易语言调用Gumbo-Parser-0.10.1网页解析引擎的全面解析》 在编程领域,解析HTML文档是一项重要的任务,它能够帮助我们理解和操作网页内容。Gumbo-Parser是一款开源的HTML5解析器,由C语言编写,能够将HTML文档...

    FLEX4的皮肤skin

    SparkSkin是Flex 4(Gumbo)引入的主要皮肤类,位于`spark.skins`包下。它是一个Group类型的容器,这意味着你可以直接添加图形元素和子组件来构建皮肤。SparkSkin是所有Spark可视组件外观的基础,涵盖了mx.spark包中...

    flex-sdk-4.5.0.20967.zip

    1. **Spark组件模型**:Flex 4引入了Spark组件模型,提供了一套全新的组件设计和实现,强调了外观和行为的分离,增强了组件的可定制性。 2. **Gumbo CSS3样式支持**:引入了更强大的样式系统,支持类似于CSS3的属性...

    Flex 4的十大变化

    Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多关键变化以提升RIA(Rich Internet Applications)的开发效率和用户体验。以下是Flex 4中的十大变化的详细说明: 1. **Adobe Catalyst集成**...

    Flex3与flex4的区别

    Flex4,其代号为Gumbo,是在Flex3的基础上进行了重大升级,旨在改进用户体验和开发效率。下面将详细探讨Flex4与Flex3在组件架构、布局管理、状态使用、效果实现以及迁移过程中的关键差异。 ### 组件和外观架构 ...

    Flex4皮肤资料

    在Flex SDK 4 (Gumbo)中,自定义一个Button的样式可以通过继承SparkSkin或Skin并添加特定内容来实现。下面是一段具体的示例代码: ```xml xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx=...

    Flex4 经典帮助文档

    Flex4引入了ActionScript4的一些概念,虽然最终发布的Flex SDK仍然基于ActionScript3,但AS3的类库和语法得到了扩展,支持了元数据、强类型和更丰富的错误处理机制。这使得代码更易于维护和调试,也提高了开发效率。...

    Flex4_Tutorials中文版

    1. **Flex 4概述**:Flex 4引入了全新的Spark组件模型,与之前的 Halo 组件相比,Spark组件更加轻量级,可定制性更强,设计时支持皮肤和样式分离,极大地提高了UI设计的灵活性。此外,Flex 4还引入了ActionScript ...

    (十八)Flex4_自定义ActionScript组件

    标题中的"(十八)Flex4_自定义ActionScript组件"表明我们即将探讨的是关于Flex4框架中如何创建和使用自定义的ActionScript组件。Flex是一个基于Adobe Flash Player或Adobe AIR运行时的开源框架,用于构建富互联网应用...

    flex 4 in action (英文版)

    4. **Graphical and Animation System**:Flex 4 引入了全新的图形和动画引擎——Graphical Layout System (Gumbo) 和Timeline-based Animation。这个系统允许开发者创建复杂的动态效果和交互,提升了RIA的用户体验...

    Using_Flex_4.rar

    3. **Spark组件架构**:Flex 4引入了全新的Spark组件架构,相较于Flex 3的 Halo 组件,Spark组件更注重设计模式和组件重用。Spark组件支持自定义样式和主题,提供了更好的性能和更丰富的用户界面。 4. **Gumbo架构*...

    [Flash Builder 4 and Flex 4 Bible] Flex 4 宝典 配套代码

    Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多新特性,提高了开发人员构建富互联网应用程序(RIAs)的效率。Flash Builder 4是用于开发Flex和ActionScript应用的主要集成开发环境(IDE),...

    Flash.Builder.4.&.Flex.4 Flex4

    《Flash.Builder.4.&.Flex.4 Flex4》是一本专为学习Adobe Flash Builder 4和Flex 4技术而编写的指南。这本书如同一场及时雨,为开发者提供了深入理解和掌握这两项技术的宝贵资源。Flash Builder 4是Adobe公司推出的...

    Flex 4 语言参考手册(英文)(2009-06-24 CHM版)

    1. **Spark组件模型**:与Flex 3中的 Halo 组件不同,Flex 4引入了Spark组件模型,它基于CSS样式和MXML组件设计,提供了更高级别的定制性和视觉表现力。 2. **ActionScript 3.0强化**:Flex 4基于ActionScript 3.0...

    Flex4Cookbook

    1. **Spark组件体系**:Flex 4引入Spark组件代替了原来的 Halo 组件,这些组件设计更为灵活,允许开发者自定义样式和行为。书中会详细介绍如何使用和定制Spark组件,如Button、Label、Canvas等。 2. **MXML与...

    Flex4权威指南源代码

    4. **Gumbo**:Flex 4的早期代号,它引入了新的皮肤层(Skinning)和样式(Styling)机制,使得开发者可以更自由地定制组件外观,而无需深入到组件内部代码。 5. **Flex Builder**:Adobe的IDE,为Flex 4开发提供了...

    flexlib - 2.5 - flex4,flexlib-.2.4.zip

    在2.5和2.4这两个版本中,它继续为Flex 4框架提供支持,Flex 4是Adobe Flex SDK的一个重大更新,引入了全新的图形渲染引擎(Gumbo)和ActionScript 3.0的改进。 Flexlib 2.5针对Flex 4的特性进行了优化,可能包括对...

    Flex各种超酷实例代码大全

    例如,`s|Button`和`mx|Button`分别对应于Spark和Halo组件库中的按钮。 5. **示例代码**:在示例中,我们创建了一个包含Spark按钮、Halo按钮、以及两个文本输入框的`VGroup`布局容器。每个控件都被赋予了特定的样式...

Global site tag (gtag.js) - Google Analytics