9.2.重写默认的应用程序样式

9.2.1.问题
你希望修改主Application 容器所被指派的默认样式.
9.2.2.解决办法
将主程序的styleName 属性设置为plain.
9.2.3.讨论
Application 容器是Flex 程序的根容器,并且描述了Flash 播放器的绘图区域。

它含有定义其样式和外观的默认属性。例如, Application 标记含有分别设置为8 和6 像素的horizontalGap 值与verticalGap 值(子控件间的水平与垂直距离)。

你有时可能希望重新设置Application 的所有默认属性。要达到这一目的, 你必须将styleName 属性设置为plain:
+展开
-XML
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
styleName="plain">

</mx:Application>

通过将属性设置为plain,默认生成以下内容:
? 所有的补白设置为0。
? 背景色设置为#FFFFFF。
? 背景图象被去除
? 所有子控件均靠左对齐。

Plain 样式可以在框架中的defaults.css 文件内找到。想要了解它们的属性值最初是如何设置的,看下Flex 框架中默认样式表单的.plain 样式选择器:
+展开
-CSS
.plain
{
backgroundColor: #FFFFFF;
backgroundImage: "";
horizontalAlign: "left";
paddingBottom: 0;
paddingLeft: 0;
paddingRight: 0;
paddingTop: 0;
}

类选择器能允许你将同一样式应用于不同类型的组件,同样可以使你在同一类型的组见中应用不同的样式。

Flex 同样支持设置类型选择器。如下例子在<mx:Style>标签中为程序声明了类型选择器,并且给程序所应用的样式同将styleName 属性置为plain 一致:
+展开
-XML
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Style>
Application {
backgroundColor: #ffffff;
backgroundImage: '';
paddingLeft: 0;
paddingRight: 0;
paddingTop: 0;
paddingBottom: 0;
horizontalAling: 'left';
}

</mx:Style>
</mx:Application>

加支付宝好友偷能量挖...


评论(0)网络
阅读(83)喜欢(0)flash/flex/fcs/AIR