Flash MX 2004 体验之旅 (1)

2016-03-18 17:02 0 1 收藏

下面,图老师小编带您去了解一下Flash MX 2004 体验之旅 (1),生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - FLASH 】

    MX2004一个新的功能就是能加载外部的CSS文件并使之应用到Flash文本, 现在有一个新的类 (类?因为新的ActionScript2是基于类的脚本语言):TextField.StyleSheet class,就是这个类的几个方法使我们能象给HTML定义CSS一样来格式化Flash文本,比如字体大小,颜色,位置等等。以后我们要改变Flash文本的样式就只要修改外部的CSS文件而不必再到FLA文件中修改了。
    在开始之前需要确定你安装了FlashMX2004并懂点HTML的知识,这应该基本上都做得到吧,OK~预备……开始~
首先新建一个CSS文件,你可以用DWMX2004也可以用文本编辑工具:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)
.textTitl图老师e {
    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”:

(本文来源于图老师网站,更多请访问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;
    }
};

       

[1] 200806/15243_2.html'>[2] 200806/15243_2.html'>下一页

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

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

200806/15243.html'>上一页  200806/15243.html'>[1] [2] 

来源:https://www.tulaoshi.com/n/20160318/1891336.html

延伸阅读
标签: flash教程
11.现在要来制作图片的拖曳与在最上层的显示功能了。选中Photograph1元件,打开行为面板,点击“+”号,在弹出菜单中选择Moveclip→Start Draging Movieclip。 12.在弹出的Start Draging Movieclip对话框中选择Photograph1元件后点击OK按钮(图3)。这样我们设置好了使用鼠标拖曳图形的功能。 13.再次选中Photograph1元件,...
标签: FLASH flash教程
The Tree Component组件允许你显示一个树状结构的导航,而且可以是图形化的。其实你已经很了解它了,因为它和我们经常使用的资源管理器是十分相似的。 1. 创建一个400*200大小的新的FLASH文件,使用下列的图示做为参照进行布局。 540)this.width=540"> 2. 创建两个新分层,从上到下分别将新层命名为:action,tree component,tex...
标签: FLASH flash教程
我们用制作课件时,经常要插入大体积的视频文件,直接在Flash中完成。导入视频文件的时间很长,.fla源文件体积也增大许多。很多朋友只好采用分解的办法,先将视频转为动画,再用命令来加载视频动画,效果也不是非常好。如果Flash能像等制作软件那样能直接加载外部视频文件该多好! 现在Flash MX Professional 2004可以对外部的视频...
标签: flash教程
第一章 认识Flash 第二节 Flash的工作环境(1)      1.     初识Flash MX 2004 运行Flash MX 2004,首先映入我们眼帘的是操作的“开始”页面。页面中列出了一些常用的任务,左边是打开最近用过的项目,中间是创建各种类型的新项目、右边是从模板创建各种动画文件。 单击【创建新项目】下的【Flash...
标签: flash教程
行为功能概述 Flash内置的Actionscript语言功能强大,可以实现很多复杂的交互式特效,但如果你并不是一个专业的程序人员,想必会对那一大堆的命令与属性头疼不已,而FlashMX 2004也充分考虑到了非专业程序工作人员在使用越来越强大、复杂的AS时可能出现的困惑,“行为”(Behaviors)面板应运而生了。说起“行为”,网页设计师们都不...

经验教程

520

收藏

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