Flash MX 2004 体验之旅

    flashmx2004一个新的功效即是能加载外部的css文献并使之运用到flash文本， 此刻有一个新的类 （类？由于新的actionscript2是鉴于类的剧本谈话）：textfield.stylesheet class，即是这个类的几个本领使咱们能象给html设置css一律来方法化flash文本，比方字体巨细，脸色，场所之类。此后咱们要变换flash文本的款式就只有窜改外部的css文献而不用再到fla文献中窜改了。    在发端之前须要决定你安置了flashmx2004并懂点html的常识，这该当基础上都做获得吧，ok~计划……发端~开始兴建一个css文献，你不妨用dwmx2004也不妨用其余文本编纂东西：

.texttitle {    font-family: verdana, arial, helvetica, sans-serif;    font-size: 12px;    font-weight: bold;    color: #993300;    text-align: center;}.textcontent {    font-family: arial, helvetica, sans-serif;    font-size: 12px;    color: #000000;}

    生存文献并定名为externalcss.css    接着兴建一个flash文书档案，从components面板里拖（或双击）一个textarea组件加入景，

    并给组件定名为“mytext”：

    textarea组件的高和宽按照你文本的几何来决定，并保证其html参数为true:

    接下来就要写as了，选中在功夫线第一帧，按赶快键“f9”，弹出action面板：

// 兴建款式表东西var mycss = new textfield.stylesheet();// css文献场所var cssurl = "externalcss.css";// 设置文本框组件的实质，这个随你.var textstr:string = "〈p class='texttitle'〉许魏 -- 一天〈/p〉

〈span class='textcontent'〉凌晨到晚上 寰球不停的回旋 严冬已走远 春天带来无穷和缓 我站在这边 静静发觉和你 流过的功夫 阵阵雄风 掠过我的身材 它将我叫醒 静观着一切的悲喜 都熔近绚烂落日里 我发觉本人的身材 像风般轻捷 总有一种发觉 像绚烂的光彩 它从来湮没在我的心地 不经意的开放 总有一种发觉 流过了亿万年 只由于这蔚蓝色的理想 咱们过程这边 当落日散尽 绚烂夜空又升起 已经的功夫 化作一幕幕的场景 我站在这边 静静发觉和你 流过的繁重 才察觉这是一个清闲之旅 最后要分别 静观这一切的悲喜 都熔进绚烂夜空里 发觉这一刻和千年 本没有辨别 一天就犹如是 这短促的终身 终身它不过无穷的路上 短促的一天 我要为你赞美 在每一个场合 历来就没有什么能遏制 长久自在的你〈/span〉";// 加载外部css文献并确定能否加载胜利mycss.load(cssurl);mycss.onload = function(suc) {    if (suc) {        // 即使加载胜利，树立文本框实质并运用加载进入的css        mytext.stylesheet = mycss;        mytext.text = textstr;    }};

上头这段as我就不复证明，内里的解释写的很领会，须要证明的是设置文本

字符串的功夫用到了两个html标签：p〉和〈span〉，效率即是为flash文

本设置css，这即是我干什么前方提到须要一点html常识的因为。ok，生存

flash到externalcss.css文献的目次，ctrl+enter，是否文本功效和

css文献中设置的一律？呵呵，这么大略。

你也不妨运用textfield.stylesheet class 这个类的setstyle()本领

创造css，仍旧以上头为例：

var mycss= new textfield.stylesheet();mycss.setstyle("texttitle", {font-family:'verdana, arial, helvetica, sans-serif',    font-size:'12px',    font-weight:'bold',    color:'#993300', text-align:'center'});mycss.setstyle("textcontent", {font-family:'arial, helvetica, sans-serif',    font-size:'12px', color:'#000000'} );var textstr:string = "〈p class='texttitle'〉许魏 -- 一天〈/p〉〈span class='textcontent'〉凌晨到晚上 寰球不停的回旋 严冬已走远 春天带来无穷和缓 我站在这边 静静发觉和你 流过的功夫 阵阵雄风 掠过我的身材 它将我叫醒 静观着一切的悲喜 都熔近绚烂落日里 我发觉本人的身材 像风般轻捷 总有一种发觉 像绚烂的光彩 它从来湮没在我的心地 不经意的开放 总有一种发觉 流过了亿万年 只由于这蔚蓝色的理想 咱们过程这边 当落日散尽 绚烂夜空又升起 已经的功夫 化作一幕幕的场景 我站在这边 静静发觉和你 流过的繁重 才察觉这是一个清闲之旅 最后要分别 静观这一切的悲喜 都熔进绚烂夜空里 发觉这一刻和千年 本没有辨别 一天就犹如是 这短促的终身 终身它不过无穷的路上 短促的一天 我要为你赞美 在每一个场合 历来就没有什么能遏制 长久自在的你〈/span〉";mytext.stylesheet = mycss;mytext.text = textstr; 这段代码和上头加载外部css文献的功效是一律的。

附图：[flash扶助的css1.0属性值]

flashmx2004自带的组件比mx美丽了很多, 但有功夫为了让组件的表面和所有页面包车型的士款式相一致,

必需从新变换组件的表面, 比方组件标签的字体和脸色, 组件的后台脸色之类. 这个flashmx自己

是做不到的. 变换组件表面有三种本领: use the styles api(运用款式api), apply a theme

(运用一个主提名), 和modify or replace a component's skins(窜改或替代组皮肤). 这边

提防证明第一种本领, use the styles api(application programming interface). 咱们

不妨运用styles api 供给的属性和本领( setstyle()和getstyle())来变换组件的脸色和文本

方法.个中运用styles又有四种本领:1．set styles on a component instance. (对一个组件范例树立款式) 2．use the _global style declaration that sets styles for all components in a

document. (运用全部款式证明对文书档案的一切组件树立款式) 3．create custom style declarations and apply them to specific component instances. (创造自设置款式证明并运用到指定的组件范例) 4．create default class style declarations.(为组件类型创造款式证明)

下面临每一种本领举行详解.set styles on a component instance (对一个组件范例树立款式).

从components面板拖个button 组件加入景(也不妨用其它组件)，并定名为”mybtn”:

赶快键”f9”翻开action面板，在功夫线上写action:

mybtn.setstyle("themecolor", "0x00ccff");mybtn.setstyle("fontfamily", "verdana");mybtn.setstyle("fontsize", "10");mybtn.setstyle("fontweight", "bold");mybtn.setstyle("color", "0x990000"); ctrl+enter 预览功效，组件款式是否变换了？底下是默许的款式和方才自设置款式的功效比较图：

use the _global style declaration that sets styles for all components in a document.

(运用全部款式证明对文书档案的一切组件树立款式)

flashmx2004的_global东西的style属性不妨做到这一点： 从components面板拖n 个组件加入景，这边我用的是button，checkbox和radiobutton 三个组件，也不要给组件定名，径直在功夫线上写action:

_global.style.setstyle("themecolor", "0x00ccff");_global.style.setstyle("fontfamily", "verdana");_global.style.setstyle("fontsize", "10");_global.style.setstyle("fontweight", "bold");_global.style.setstyle("color", "0x990000");

 预览功效.底下是这三个组件的前后功效比较图： 这种本领使得场景里的一切组件的表面维持普遍. create custom style declarations and apply them to specific component instances. (创造自设置款式证明并运用到指定的组件范例)

当咱们把组件拖加入景里便不妨运用cssstyledeclaration 东西创造一个款式证明来变换指定组件的表面。 仍旧从components面板拖button，checkbox和radiobutton三个组件加入景并辨别定名为

compa, compb, compc. 在功夫线上写action:

//创造一个cssstyledeclaration东西范例var styleobj = new mx.styles.cssstyledeclaration;//树立stylename属性styleobj.stylename = "newstyle";//将款式放到全部款式列表_global.styles.newstyle = styleobj;//树立款式属性styleobj.fontfamily = "verdana";styleobj.fontsize = "10";styleobj.fontweight = "bold";styleobj.color = "0x990000";styleobj.setstyle("themecolor", "0x00ccff");//对组件树立款式compa.setstyle("stylename", "newstyle");compb.setstyle("stylename", "newstyle");compc.setstyle("stylename", "newstyle");

下图为三个组件运用款式后的功效: create default class style declarations.(为组件类型创造款式证明)

这种本领为场景内某一典型的组件设置款式，只对此类型灵验。先写action:

//为button典型的组件设置款式var btn = _global.styles.button=new mx.styles.cssstyledeclaration();btn.fontfamily = "verdana";btn.fontsize = "12";btn.fontweight = "bold";btn.color = "0x000000";//为checkbox典型的组件设置款式var cb = _global.styles.checkbox=new mx.styles.cssstyledeclaration();cb.fontfamily = "tahoma";cb.fontsize = "12";cb.fontweight = "bold";cb.color = "0x990000";//为radiobutton典型的组件设置款式var rb = _global.styles.radiobutton=new mx.styles.cssstyledeclaration();rb.fontfamily = "arial";rb.fontsize = "12";rb.fontweight = "bold";rb.color = "0x003399"; 而后辨别拖3个(个数按照须要而定)button组件，checkbox组件，radiobutton组件加入景。预览功效如次图：

用styles api 设置组件表面的四种本领引见结束，呵呵，是否很象用css设置html表单东西的款式？

[注：之上例子只对flash v2 component灵验]

经过学袭用css方法化flash文本和用款式证明变换组件表面，大师大概发觉到mm正在用flash制造一个

和html一律的平台，呵呵，刮目相待~!