首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网络技术 > 网络基础 >

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

2012-07-15 
自定义AIR mobile应用的样式或皮肤环境:Adobe Flash Builder 4.5.1 + Flex SDK4.5.1 + AIR SDK 2.7?参考资

自定义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

?

?

待续。。。

?

?

热点排行