自定义AIR mobile应用的样式或皮肤

环境：

Adobe Flash Builder 4.5.1 + Flex SDK4.5.1 + AIR SDK 2.7

?

参考资料：

Flex移动皮肤－第一部分：增强的皮肤功能基础? （英文原文）

Flex移动skin 第2部分：处理不同的像素密度

Flex移动skin 第3部分: 多平台开发

A custom-skinned mobile Flex application

Tutorial: Styling the ActionBar

iOS Theme for Flex Mobile Projects Proof of Concept

iOS TitleWindow Skin

?

mobile项目的默认主题为Mobile，该主题相关的源文件位于：Adobe Flash Builder 4.5\sdks\4.5.1\frameworks\projects\mobiletheme\

mobile skin的特点：

1. 一般为AS（性能优于mxml）实现；

2. 引用的背景等一般为fxg文件；

3. 通常需要针对160、240、320dpi分别设置大小、边距等。

?

1. Button

1) 默认skin：spark.skins.mobile.ButtonSkin

2) 自定义需求：使用背景图片

a) 方法1：

在构造函数里设置 upBorderSkin, downBorderSkin 的值（可以是图片、也可以是fxg）即可（layoutGap, layoutCornerEllipseSize, measuredDefaultHeight 等属性也在构造函数中设置，如需修改，为其赋新值即可）。

b) 方法2：

override getBorderClassForCurrentState 方法：

c) css 里设置 backgroundImage。
3) 常用样式属性：skinClass 
?
?
待续。。。
?
?