- 浏览: 49118 次
- 性别:
- 来自: 大连
最新评论
-
zhangshoukai:
任何问题都应该从两个角度看,lz是个心态比较积极的人,希望大家 ...
[RIA]HTML5怎么就成了RIA“杀手”? -
xiangkun:
brightACE 写道在嵌入SWF的html里面加入如下的功 ...
[Flex]Flex编程注意之自动获取焦点、监听全局键盘事件 -
f1120:
2012就世界末日了,还想到2022
[RIA]HTML5怎么就成了RIA“杀手”? -
TonyLian:
2022年??
[RIA]HTML5怎么就成了RIA“杀手”? -
namespace:
关于网页里获得焦点,真是帮了大忙了。
[Flex]Flex编程注意之自动获取焦点、监听全局键盘事件
详细请看:http://www.k-zone.cn/zblog/post/flash-builder-gumbo-customer-sparkskin-4.html
通过《Flex SDK 4(Gumbo)更方便的自定义样式、自定义SparkSkin》这三篇文章,我们可以得到一个结论:Spark组件和Halo组件是可以共享、公用一套皮肤的。
本篇文章,让我们分析一下Flex SDK 4(Gumbo)里面的默认皮肤式样(主要是Spark组件和Halo组件)。
通过分析Flex SDK 4(Gumbo)默认的皮肤,有助于我们理解、学习如何使用SparkSkin、Skin等方式制作皮肤。
下图所示了全部的Flex SDK 4(Gumbo)CSS样式:
sdks\4.0.0\frameworks\themes目录下面的内容就是Flash Builder 4 新增的主题(theme)样式所在的位置。
包括:AeonGraphical、Halo、HaloClassic、Ice、Institutional、Smoke、Spark、Wireframe、Wooden等主题。
我们比较常用的是:Halo、HaloClassic、Spark这三种主题样式。
在\sdks\4.0.0\frameworks\projects如下的三个文件夹:
halo、haloclassic、sparkskins、wireframe这四个文件夹里面的内容是对应theme文件中四种样式的源代码。
在\sdks\4.0.0\frameworks\projects下面有一个叫做sparkskins的文件夹,它里面的内容做什么的呢?仔细看一下其中的路径:
sdks\4.0.0\frameworks\projects\sparkskins\src\mx\skins\spark
通过这个路径(mx\skins)就可以看出这个文件夹中的内容是关于Halo组件的皮肤文件。
sdks\4.0.0\frameworks\projects\sparkskins\src\mx\skins\spark包括如下的文件:
AccordionHeaderSkin.mxml、BorderSkin.mxml、ButtonBarFirstButtonSkin.mxml、ButtonBarLastButtonSkin.mxml、ButtonBarMiddleButtonSkin.mxml
.........
我们随便打开一个,例如ButtonSkin.mxml。
<?xml version="1.0" encoding="utf-8"?>
<!--
ADOBE SYSTEMS INCORPORATED
Copyright 2008 Adobe Systems Incorporated
All Rights Reserved.
NOTICE: Adobe permits you to use, modify, and distribute this file
in accordance with the terms of the license agreement accompanying it.
-->
<!--- The Spark skin class for the Halo Button component. -->
<local:SparkSkinForHalo xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:local="mx.skins.spark.*" minWidth="21" minHeight="19" alpha.disabled="0.5">
...............................................................................................................................................................
看着是不是很眼熟?“The Spark skin class for the Halo Button component”说明这是Spark Skin应用于Halo组件的皮肤文件。
不过有一个有意思的地方,我在sdks\4.0.0\里面没有找到关于这套组件相应的CSS文件,也就是当我们使用Flex SDK 4(Gumbo)里面的Halo组件时,并没用使用
sdks\4.0.0\frameworks\projects\sparkskins\src\mx\skins\spark里面的内容作为默认皮肤。
Flex SDK 4(Gumbo)里面的Halo组件默认使用了sdks\4.0.0\frameworks\projects\halo\src\mx\skins\halo下面的皮肤,也就是用传统方式制作的皮肤。
总结一下,比较重要的三套皮肤所在的位置:
Spark组件默认皮肤的位置:
sdks\4.0.0\frameworks\projects\flex4\src\spark\skins\default
Halo组件默认皮肤的位置:
sdks\4.0.0\frameworks\projects\halo\src\mx\skins\halo
Spark skin for Halo皮肤的位置:
sdks\4.0.0\frameworks\projects\sparkskins\src\mx\skins\spark
那么我们如何使用Spark skin for Halo皮肤呢?请看以下代码:
<fx:Style>
Button {
skin: ClassReference("mx.skins.spark.ButtonSkin");
}
</fx:Style>
<mx:Button label="我是halo组件" />
其中引入的位置:mx.skins.spark.ButtonSkin,而mx.skins.spark.*包里面的内容对应了sdks\4.0.0\frameworks\projects\sparkskins\src\mx\skins\spark。
以上就是关于Flex SDK 4(Gumbo)里面默认的一些皮肤,希望对大家有所帮助。
发表评论
-
Flash Player 10.1 and AIR 2.0 消息汇总
2009-11-18 09:03 1169详细请看:http://www.k-zone.cn/zblog ... -
Kenshin走进哈工程
2009-11-18 09:00 998详细请看:http://www.k-zone.cn/zblog ... -
Adobe Flex
2009-11-10 08:21 1095详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flash Builder Beta 2 and Flash Catalyst Public Beta 2 download
2009-10-09 10:48 1050详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flash Builder Beta 2 serial number(sn)
2009-10-09 10:47 1274详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Adobe BrowserLabe
2009-09-03 08:07 1066详细请看:http://www.k-zone.cn/zblog ... -
[Flex]构建基于Flex技术的Blog程序(一)
2009-09-01 08:08 1985详细请看:http://www.k-zone.cn/zbl ... -
[Flex]用编程的方式来写CSS - LESS的应用(一)
2009-08-07 11:17 1138详细请看:http://s.k-zone.cn/less1 ... -
[Flex]Flex SDK 4(Gumbo)浅析ASDoc - ASDoc MXML应用篇
2009-08-06 14:18 1412详细请看:http://s.k-zone.cn/asdoc3上 ... -
http://www.k-zone.cn/zblog/post/silvergreen.html
2009-07-31 15:31 1030详细请看:这是完全基于Flex SDK 4(Gumbo)基础上 ... -
[Flex]Flex SDK 4(Gumbo)浅析ASDoc - ASDoc Tags参数篇
2009-07-30 17:32 1228详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)浅析ASDoc - Flash Builder 4配置篇
2009-07-29 10:07 1081详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)自定义皮肤 - SilverGreen(Spark和Halo)预览版
2009-07-27 08:04 939详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)自定义皮肤 - SilverGreen(Spark和Halo)预览版
2009-07-27 08:02 1119详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)改善的Layout和Scroller(二)
2009-07-16 13:07 1076详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)改善的Layout和Scroller(一)
2009-07-15 18:12 1353详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)更方便的自定义样式、自定义SparkSkin(二)
2009-07-06 09:39 743详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flash Builder 4 编辑器配色方案 - 黑色系
2009-07-02 20:36 1786详细请看:http://www.k-zone.cn/zblog ... -
[Flex]Flex SDK 4(Gumbo)更方便的自定义样式、自定义SparkSkin(一)
2009-06-30 09:38 777在Flex SDK 4(Gumbo)新增加了一个包:spark ... -
[RIA]HTML5怎么就成了RIA“杀手”?
2009-06-25 13:27 1963详细请看:http://www.k-zone.cn/zbl ...
相关推荐
Flex gumbo(即FLEX CS4)语言参考。本参考包含了全部ActionScript使用方法。他还包含FLASH Player、AIR下的所有开发原理。
接下来的例子演示了Flex Gumbo中如何通过textJustify样式,设置TextBox文字对齐。
模块封装了谷歌的gumbo,操作方法大概是。取子节点数(句柄)。取子节点(句柄,索引)。以数组的方式来操作,比较简单。这种方式有个好处就是快,因为操作的就是数组,。但是大部分我们经常都是取网页里面的某些...
Gumbo中通过baseColor样式 设置FxHScrollBar背景颜色的实现代码。需要的朋友可以参考下。
【c语言】使用gumbo解析HTML 【c语言】使用gumbo解析HTML
Google 的一款用C语言实现的HTML5解析库,无需任何外部依赖。gumbo_parser
Flex 4 语言参考手册(en) 2009-06-24版本,应该是目前最新的
HTML5解析引擎 OCGumbo ,OCGumbo是一个Objective-C写的HTML5解析引擎,基于Google gumbo开源项...
谷歌开发的HTML5代码解析源码,纯C语言
接下来的例子演示了Flex Gumbo中如何通过smooth属性,设置BitmapGraphic对象平滑度。
gumbo-parser, 在纯中,一个HTML5解析库 Gumbo - 一个纯c HTML5解析器。 Gumbo是 HTML5解析算法的实现,它实现为一个纯库,没有外部依赖。 工具用于为其他工具和库( 如 linters 。验证器。模板语言和重构和分析工具)...
Gumbo是一个html解析库,本文对该库进行了详细的讲解。 目录: 1 Gumbo概述 2 Gumbo安装 3 示例 4 结构体 5 函数 6 自定义函数
C语言 HTML解析器 Gumbo 已编译好的Example,源文件请自行至Gumbo官网下载。本文件只支持linux系统。Windows请自行编译。
PARSER OF HTML DOM COMPLIANT AND EASY TO WRAP
Gumbo - 2D/3D 应用程序的模式和代码 支持具有 2D/3D 用户界面的富客户端应用程序的工具和概念的“集合”。扩展了“3D User Interfaces with Java 3D”一书中的代码,并包含来自 Meyer Sound 的 RCP 代码的慷慨贡献...
Gumbo是谷歌开源的一个纯C编写的HTML解析库。
lua-gumbo:移至https:gitlab.comcraigbarneslua-gumbo
Google Gumbo:C语言实现的HTML5解析库.pdf
p6-gumbo-解析器 这是尝试创建 Perl6 库以使用 gumbo-parser 来解析 HTML5。 在这一点上,它主要是 O(fun) 和不完整的。 这种不完整的部分原因是可用于在 MoarVM 上运行的 Perl6 程序的本机库工具不成熟。 无论如何...