积少成多Flash(9) - Flex 3.0 布局控件, 样式(css), 皮肤(skin)

核心提示： 3、皮肤的使用customButton.cssButton.customButton{}{/**//**如果要在运行时加载skin需要将其编译为swf（在.css文件中单击右键，选择CompileCSStoSWF）*自定义皮肤：在Flash中要选择为ActionScript导出，积少成多Flas

3、皮肤的使用

customButton.css

Button.customButton
{}{
　　　　/**//*
　　　　　*　如果要在运行时加载　skin　需要将其编译为　swf（在　.css　文件中单击右键，选择　Compile　CSS　to　SWF）
　　　　　*　自定义皮肤：在　Flash　中要选择为　ActionScript　导出，在　Flash　中编辑皮肤时，要启用9切片(放大/缩小时边缘不会变形，也就是说边缘不随放大/缩小而变化)
　　　　　*　此处指定的　style/skin.swf　为在　Flash　中编辑的皮肤
　　　　　*/
　　　　upSkin:　Embed(source="style/skin.swf",　symbol="Button_upSkin");
}

Skin.mxml

<?xml　version="1.0"　encoding="utf-8"?>
<mx:Panel　xmlns:mx="http://www.adobe.com/2006/mxml"　layout="absolute"　width="400"　height="300"
　　　　title="Skin　的应用">
　　　　
　　　　<mx:Script>　
　　　　　　　　<![CDATA[
　　　　　　　　
　　　　　　　　　　　　//　应用自定义皮肤
　　　　　　　　　　　　private　function　changeSkin():void
　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　StyleManager.loadStyleDeclarations("style/customButton.swf");
　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　btn.styleName　=　"customButton"
　　　　　　　　　　　　}
　　　　　　　　　　　　
　　　　　　　　]]>
　　　　</mx:Script>
　　　　
　　　　<mx:Style　source="style/customButton.css"　/>
　　　　
　　　　<mx:Button　id="btn"　label="换皮"　click="changeSkin();"　/>
　　　　
</mx:Panel>

4、ToolTip 的样式的控制

style.css

ToolTip　
{}{
　　　　fontSize:　12;
　　　　fontStyle:　"italic";
　　　　color:　#000000;
　　　　backgroundColor:　#FCEA1E;
}

ToolTipDemo.mxml

<?xml　version="1.0"　encoding="utf-8"?>
<mx:Panel　xmlns:mx="http://www.adobe.com/2006/mxml"　layout="absolute"　width="400"　height="300"
　　　　title="ToolTip　的　Demo">
　　　　　　　　　　　
　　　　<mx:Style　source="style.css"　/>
　　　　　
　　　　<mx:TextInput　toolTip="我是　TookTip"　x="10"　y="10"/>
　　　　
</mx:Panel>

OK

本文源代码下载地址: http://flashview.ddvip.com/2009_11/Flash.rar