当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > FLASH MX2004体验一:在用CSS格式化Flash文本

Flash动画制作
把FLASH动画的源文件轻松找出来
Flash MX常用快捷键一览
我的世界杯:滚动足球动画制作
Flash绘制06年德国世界杯标志
鼠标控制MC播放
AS 对象篇
AS 语法篇
AS入门教程
Adobe Flash CS3蓄势待发
解决动态文本的特效显示与文件大小之间的矛盾
在Flash中调用电影剪辑
三步打造超炫Flash按钮
从Flash中导出透明背景的GIF动画
用flash8.0打造图标[简单教程]
攻防结合!谈Flash的破解与加密大战
Flash制作碧海蓝天海鸥飞片头动画
Flash初学者入门常见问题大总结
AS代码2.0:针对Flash Player 7
网页中嵌入Flash的方法讨论
小小快捷键改变Flash界面 减少误操作

Flash动画制作 中的 FLASH MX2004体验一:在用CSS格式化Flash文本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 57 ::
收藏到网摘: n/a

    MX2004一个新的功能就是能加载外部的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 = "

许魏 -- 一天

清晨到夜晚 世界不停的旋转 寒冬已走远 春天带来无尽温暖
我站在这里 静静感觉和你 走过的岁月 阵阵清风 掠过我的身体 它将我唤醒 静观着所有的悲喜 都熔近灿烂夕阳里
我感觉自己的身体 像风般轻盈 总有一种感觉 像灿烂的光芒
它一直隐藏在我的心底 不经意的绽放 总有一种感觉 走过了亿万年
只因为这湛蓝色的梦想 我们经过这里 当夕阳散尽 灿烂星空又升起 曾经的岁月
化作一幕幕的场景 我站在这里 静静感觉和你 走过的艰难 才发觉这是一个逍遥之旅
最终要告别 静观这所有的悲喜 都熔进灿烂星空里 感觉这一刻和千年
本没有分别 一天就好像是 这短暂的一生 一生它只是无尽的路上 短暂的一天
我要为你歌唱 在每一个地方 从来就没有什么能阻挡 永远自由的你
";
// 加载外部CSS文件并判断是否加载成功myCss.load(cssURL);
myCss.onLoad = function(suc) {
    if (suc) {
        // 如果加载成功,设置文本框内容并应用加载进来的CSS
        myText.styleSheet = myCss;
        myText.text = textStr;
    }
};

    上面这段AS我就不再解释,里面的注释写的很清楚,需要说明的是定义文本字符串的时候用到了两个HTML标签:

,作用就是为Flash文本定义CSS,这就是我为什么前面提到需要一点HTML知识的原因。OK,保存Flash到externalCSS.css文件的目录,Ctrl+Enter,是不是文本效果和CSS文件中定义的一样?呵呵,这么简单。

    效果预览:

    你也可以使用TextField.StyleSheet class 这个类的setStyle()方法创建CSS,还是以上面为例:

<