9.4.修改初始样式属性

9.4.1.问题
你想修改一个组件实例的初始样式属性。
9.4.2.解决办法
利用组件的属性或者子标记嵌入地为指定的样式属性赋值。
9.4.3.讨论
你可以在组件声明的子标记内嵌入地为样式属性赋值。其它方法定义的样式属性均会重新改变程序中本地或外部已经定义的值。考虑下面的例子:
+展开
-XML
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">

<mx:Style>
Label {
font-family: 'Arial';
font-size: 20px;
font-weight: 'bold';
color: #FFFFFF;
}

</mx:Style>
<mx:Label text="Hello Flex!color="#336699" />
<mx:Text text="Hello Flex!fontStyle="italic">
<mx:fontFamily>Verdana</mx:fontFamily>
</mx:Text>
</mx:Application>

这里在主程序中本地声明了一个类型选择器,并且指派了显示项中Label 实例的样式属性。

本质上讲, <mx:Script> 标记中声明的类型选择器会重写Flex 框架内defaults.css 文件定义的默认样式, 组件元素又会通过嵌入或者子标记重写那些相应的属性。

Label 组件设置的字体颜色不同于类型选择器为标签实例指定的颜色。Text 组件继承类型选择器中声明的所有样式因为Text 是Label 的子类。同样地,为标签定义的字体效果也应用于Text 组件。Text 实例对类型选择器中未定义的fontStyle 属性进行赋值并在子标记中重写fontFamily 属性;如此,它将值由Arial 字体变换为Verdana.

利用嵌入和子标记赋值的方法重写样式是在编译时改变各类组件外观模样的有效方法,这些组件共享类型选择器或类选择器中定义的属性所确定的公共样式。

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


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