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

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

 

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

 

第一步:建立TitleWidown的Skin

  Flex 4中组件背景设置(外观平皮肤方式)TitleWidown为例子_第1张图片

Flex 4中组件背景设置(外观平皮肤方式)TitleWidown为例子_第2张图片 

建立好后。

 

第二步:找到代码 

 

 替换成

 

Flex 4中组件背景设置(外观平皮肤方式)TitleWidown为例子_第3张图片

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

 

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

 

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

 

 

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

 

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

 

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

 

第三部:使用皮肤

 

 

就这样使用很简单把。

 

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

 

 

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

 

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

 

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

你可能感兴趣的:(Flex)