Flash MX 2004 体验之旅

2016-01-29 14:30 1 1 收藏

Flash MX 2004 体验之旅,Flash MX 2004 体验之旅

【 tulaoshi.com - Flash 】

    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组件到场景,

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

    并给组件命名为“myText”:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

 

    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;
    }
};

       

[next]

上面这段AS我就不再解释,里面的注释写的很清楚,需要说明的是定义文本

字符串的时候用到了两个HTML标签:p〉和〈s

来源:https://www.tulaoshi.com/n/20160129/1493480.html

延伸阅读
标签: Web开发
Dreamweaver204 除了可以插入 Flash SWF 動畫、Flash 文字和 Flash 按鈕以外,這次又新增加了一個叫做 Flash Element 的好東東,讓 Dreamweaver2004與 Flash 的整合又更進一步了! Flash Element 相當於是 "活的" Flash 動畫,當你將它插入到網頁裡面之後,會有一些參數讓你自行設定,如此一來網頁便擁有了這個 Flash Element 所提供的互動性...
标签: flash教程
MX 2004的高保真导入特性支持导入Adobe公司的文档,并能精确保持源文件的矢量图形表示。 Flash MX 2004可以导入任何版本的EPS文件,1.4或更早版本的PDF文件(注:PDF版本号与Adobe Acrobat版本号不同,Adobe Acrobat是制作PDF文件的产品,而PDF是一种文件格式), 6.0及更高版本的矢量图形文件。 当你在Flash中导入Illustra...
标签: flash教程
flash mx 2004新功能--项目管理--其实他的工作原理基本与dw的相同,如果使用过dw的应该很易上手。 file-new-flash project 建立一个项目文件,里面记录了这个项目里包含了什么文件(fla,as等等...)右鍵-add file就可以加入文件了。 不过这时还不能实现版本管理功能,我们先要设置file-Edit Sites-new 此处 local root:是你本机的工作目...
标签: flash教程
CSS属性:text-align ActionScript属性:textAlign 值:left,center和right CSS属性:font-size ActionScript属性:fontSize 值:实际被使用的只有数字部分,单位(px,pt)不会被解析,也就是说12pt和12px是相等的 CSS属性:text-decoration ActionScript属性:textDecoration 值:none和underline CSS属性:margin-left ActionScript属性:margin...
标签: flash教程
CSS属性:text-align ActionScript属性:textAlign 值:left,center和right CSS属性:font-size ActionScript属性:fontSize 值:实际被使用的只有数字部分,单位(px,pt)不会被解析,也就是说12pt和12px是相等的 CSS属性:text-decoration ActionScript属性:textDecoration 值:none和underline CSS属性:margin-left&nb...

经验教程

716

收藏

73

精华推荐

Flash MX 2004新功能:行为3

Flash MX 2004新功能:行为3

李逍遥的LIFE

体验DW MX 2004 CSS新功能

体验DW MX 2004 CSS新功能

我真的是有点醉

Flash MX 2004新功能:行为4

Flash MX 2004新功能:行为4

sky天天2222

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部