Flash CS3 课堂练习 更改文本属性
- 格式:doc
- 大小:610.87 KB
- 文档页数:5
flash里如何改变动态文本颜色和字号?//只需要改变这个vTxt变量的字符串即可自动创建文字var vTxt:String = "雪儿,生日快乐!";//for循环生成动态文本框处理//长度根据vTxt变量自动处理for (i=0; i<vTxt.length; i++) {//创建空白影片剪辑createEmptyMovieClip("myMouse"+i,this.getNextHighestDepth());//创建文本框this["myMouse"+i].createTextField("myTxt",this["myMouse"+i].getNextHighestDepth(), 0, 0, 40, 40);//id记号this["myMouse"+i].id = i;//设置样式字号大小:15var myformat:TextFormat = new TextFormat();myformat.size = 15;//设置文本内容//随机颜色this["myMouse"+i].myTxt.text = vTxt.substr(i, 1);this["myMouse"+i].myTxt.textColor = Math.floor(Math.random()*0xFF0000);this["myMouse"+i].myTxt.setTextFormat(myformat);//初始化根影片剪辑座标if (i != 0) {this["myMouse"+i].onEnterFrame = function() {this._x += (_root["myMouse"+(this.id-1)]._x+20-this._x)*0.5;this._y += (_root["myMouse"+(this.id-1)]._y-this._y)*0.5;};} else {this["myMouse"+i].onEnterFrame = function() {//trace(this._name);this._x += (_root._xmouse-this._x+15)*0.5;this._y += (_root._ymouse-this._y+15)*0.5;};}}//myMouse0.startDrag(true, 0, 0, Stage.width, Stage.height);。
12.复选题:如图所示,对于单独改变文字的属性,请问下列哪些说法是错误的?答案1:能够单独改变的文字属性包括颜色、字体、字号等答案2:行距只对全文段落统一设置,无法单独应用于某几行答案3:能够单独改变的文字属性包括粗体、斜体等答案4:要单独设置某个或某些文字,可使用文本工具单击要选的文字13.复选题:如图所示,使用了垂直文字功能,以下关于垂直文字的描述哪些是错误的?答案1:可以直接通过设置输入垂直文字,但不能把水平文字转换为垂直文字答案2:可以把水平文字转换为垂直文字,但不能直接通过设置输入垂直文字答案3:可以直接通过设置输入垂直文字,也可以把水平文字转换为垂直文字答案4:以上说法都不对14.单选题:如图所示,要为文本分别添加一个链接()和一个EMAIL链接(xuexin@),在“URL链接”文本框中该如何书写?答案1:链接,EMAIL链接xuexin@答案2:链接,EMAIL链接mailto:xuexin@答案3:链接,EMAIL链接mailto:xuexin@ 答案4:链接,EMAIL链接emailto:xuexin@ 正确答案:315.单选题:如图所示,印章中的环绕文字在Flash中实现的步骤是(____)。
答案1:绘制一条环形路径,输入文字,使用“附加到路径”命令完成环绕文字答案2:输入任意单个文字,调中心点到圆心,使用复制并应用变形功能拷贝一圈,然后再用实际文字替换。
答案3:绘制一条环形路径,使用文本工具在路径上单击,然后输入文字自动围绕路径排列答案4:输入文字段落,按Ctrl+B分离为单个字符,然后使用任意变形工具逐一调整角度16.单选题:在工具箱的颜色控件区,不可以直接调整颜色的哪些属性?答案1:恢复为黑白色答案2:交换笔触和填充颜色答案3:调整颜色的Alpha值答案4:设置笔触或填充为无色17.单选题:如图所示,将左部颜色属性复制到右部,我们需要使用的工具是(____)。
答案1:颜料桶工具答案2:滴管工具答案3:墨水瓶工具答案4:填充变形工具。
Flashas3.0动态文本(基础+实例+属性简介)as3中建立文本使用var my_txt = new TextField();示例var my_fmt = new TextFormat();my_fmt.color = 0xFF0000;my_fmt.underline = true;var my_txt = new TextField();my_txt.defaultTextFormat = my_fmt;my_txt.x = 100;my_txt.y = 100;my_txt.height = 300;my_txt.width = 300;my_txt.text="This is my first test field object text.";addChild(my_txt);TextField常用属性:var my_txt = new TextField();//常用属性my_txt.defaultTextFormat = my_fmt;my_txt.type = TextFieldType.INPUT;my_txt.x = stage.stageWidth / 2 -50;my_txt.y = stage.stageHeight / 2-50;my_txt.height = 300;my_txt.width = 300;my_txt.background = true;my_txt.backgroundColor = 0xf5f5f5;my_txt.border = true;my_txt.borderColor = 0x0000ff;my_txt.autoSize = TextFieldAutoSize.LEFT;//密码my_txt.displayAsPassword = true;my_txt.multiline = true;my_txt.wordWrap = true;my_txt.scaleX = 0.5;my_txt.scaleY = 1.5;my_txt.selectable = true;my_txt.textColor = 0x000000;my_txt.visible = true;var a = new Object();a.fontStyle = "italic";var style = new StyleSheet();style.setStyle(".a",a);my_txt.styleSheet = style;my_txt.htmlT ext = "123 123123123"//my_txt.text="This is my first test field object text.";import flash.filters.BlurFilter;var txt_blur = new BlurFilter(0, 0, 0);my_txt.filters = [txt_blur];my_txt.alpha =0.5; //动态文本透明度配合滤镜使用才有效TextFormat对象设置:var my_fmt = new TextFormat();//常用样式my_fmt.align = "center";my_fmt.blockIndent = 50; //区块缩进my_fmt.bold = true;my_fmt.bullet = true;my_fmt.color = 0xff0000;my_fmt.font = "黑体";my_fmt.indent = 50; //首字缩进my_fmt.italic = true;my_fmt.kerning = true; //字距调整my_fmt.leading = 2; //行距my_fmt.letterSpacing = 10; //字间距my_fmt.leftMargin = 10;my_fmt.rightMargin = 10;my_fmt.size = 20;my_fmt.underline = true;my_fmt.target = "blank"文本字段_详细属性:accessibilityProperties : AccessibilityProperties 此显示对象的当前辅助功能选项。
Flash CS3 设置文本属性在创建文本时,用户可以对文本的属性进行设置。
在文本的【属性】面板中可以设置字体、文字大小、文本颜色、对齐方式等参数。
当创建新文本时,其属性由当前【属性】面板中的参数决定。
在创建好文本后,还可以对文本进行修改。
在Flash 中可以通过两种方法修改文本的属性。
一种是通过【属性】面板对文字进行修改,另一种是使用菜单中的命令来设置文本的属性,如图2-59所示。
图2-59 静态文本的【属性】面板使用【属性】面板修改文本的字体、文字大小、文字颜色、字符间距等操作十分方便。
首先单击【文本工具】,然后选择要修改的文本,接着再单击【字体】或【文字大小】选项,在弹出的下拉列表中进行设置。
如果在下拉列表中没有找到合适的选项,还可以直接输入需要的尺寸和数值,如图2-60所示。
文本类 字体 字体大小字体颜色居中对齐URL 链接图2-60 输入文本属性面板如果创建的是动态文本,如图2-61所示。
除了与静态文本【属性】面板相同的部分外,还可以为文本设置变量名称,单击【字符】按钮,还可以选择能够嵌入字体轮廓的字符等。
图2-61 动态文本【属性】面板如果在制作动画时,适当地调整文字的颜色,可以使制作的动画更加引人注目。
用户可以是直接在【属性】面板的【文本(填充)颜色】中进行选择,从而设置文字的颜色。
另一种是选择【窗口】|【设计面板】︱【样本】命令,在打开的【样本】面板中进行设置,如图2-62所示。
线条类型 可选文本 编辑字符选项 字体呈现方法自动调整字距输入变量 设置参数填充文本颜色图2-62 填充文本颜色在编辑动画时,为了使文本与动画能够很好地融合在一起,使文字在动画中可以更加整洁、美观,需要对文本的格式进行调整。
在调整之前,首先要选中该文本,然后单击【属性】面板中的【格式】按钮,这时将弹出如图2-63所示的对话框。
格式选项对话框图2-63 格式选项对话框在【格式选项】对话框中分别设置文本的缩进为30、行为8、左边距为30、右边距为30,其原图和效果如图2-64所示。
Flash CS3 入门渐变文字在Flash中可以制作出多彩的渐变文字。
可以是对文字执行整体色彩渐变,也可以对文本各个部分执行色彩渐变,从而使文字与背景色彩协调。
本案例主要运用【文本工具】输入文字,使用【分离】命令将文字分离,结合【颜料桶工具】和【颜色】面板对文字进行渐变填充。
最后使用【渐变变形工具】和【选择工具】对文字进行调整,最终效果如图22-1所示。
图22-1 渐变文字练习要点●文本工具●颜料桶工具●分离命令●颜色面板●渐变变形工具●选择工具练习过程1.准备素材图片在创建之前,首先确定文档中的内容。
然后添加与之相关的素材图片。
创建一个580×400像素的文档,按下快捷键Ctrl+O,打开配套光盘的素材图片,设置图片大小与文档大小一致,如图22-2所示。
图22-2 打开并设置素材图片2.分离文字如果要对文字进行编辑,需要将其转换为矢量对象。
在Flash中,用户可以通过【分离】命令来实现文字的矢量化。
选择【文本工具】在文档中输入文“凤舞”,设置其大小以及类型,如图22-3所示。
图22-3 输入文字执行【修改】︱【分离】命令(快捷键Ctrl+B),将文字拆分为单个的文字,再次执行该命令将单个文字分离,将素材图片拖到文档外面,如图22-4所示。
图22-4 将文字分离在文本上面右击鼠标,选择【分离】3.渐变填充文字在工具箱下方可以选择填充颜色的类型,比如纯色填充、渐变填充等。
然后运用【颜料桶工具】可以对对象进行不同类型的颜色填充。
使用【选择工具】选中“凤”字,在工具箱下方选择渐变填充,使用【颜料桶工具】进行填充。
打开【颜色】面板,设置色标颜色,如图22-5所示。
图22-5 渐变填充文字选择【渐变变形工具】单击“凤”在,调整渐变的方向以及范围,效果如图22-6所示。
图22-6 调整渐变使用上面相同的方法对舞字进行渐变填充,如图22-7所示。
最后调整文字大小以及位置,添加背景图片。
图22-7 对舞字进行渐变填充。
Flash CS3 入门 设置文档属性本例为设置文档属性。
Flash 主要运用在应用在片头动画、产品展示、多媒体光盘、网络交互式游戏、Flash 网站、专业贺卡与卡通动画以及教学课件的开发。
不同类型的动画会根据所应用的范围设置不同的尺寸,因此在制作Flash 动画之前设置文档的属性是尤为重要的。
本例就针对文档属性对话框进行详细的讲解。
练习要点● 设置文档大小● 设置帧频数量● 设置背景颜色● 设置默认值练习过程(1)第一次打开Flash 文档,首先需要根据所制作动画的类型,对文档大小进行修改。
比如制作一个片头动画,设置文档大小为800×700像素。
按下快捷键Ctrl +J ,打开【文档属性】对话框,在【尺寸】文本框中设置大小,如图2-1所示。
图2-1 设置文档大小在× (2)单击【背景颜色】选项后面的色块,打开调色板,选择适当的背景颜色,如图2-2所示。
图2-2 设置背景色设置单击选择若要在【(3)在【文档属性】对话框中单击【标尺单位】文本框下三角,在弹出的下拉菜单中,用户可以设置标尺单位,如图2-3所示。
要将舞台大小设置为最大的可用打印区域,可以在【文档属性】对话框框中启用【打印机】单选按钮。
按钮。
当再次创建新文档时,文档大小以及背景颜色都为上次设置内容,如图2-4所示。
图2-4 设置默认值要指定【帧频】数量,在【帧频】文本框中输入每秒显示的动画帧的数值即可。
对于大多数计算机显示的动画,特别是网站中播放的动画, (5)当用户在舞台上使用绘图工具创建图形后,再次打开【属性】面板,用户可以看到激活的【内容】单选按钮,启用该按钮后,文档大小会自动设置与图形大小一致,如图选择单击激活该单选按钮2-5所示。
单击图2-5 启用内容单选按钮。
文本框与字符二. 文本框的属性上一节我们介绍了创建文本框,文本框创建后我们通过其属性和方法可以对文本框进行操作,本节将介绍文本框的属性设置属性:antiAliasType:用于此TextField实例的消除锯齿类型。
它有两个值:"normal":应用常规文本消除锯齿。
"advanced":应用高级消除锯齿将增加文本的可读性。
(此功能从Flash Player 8 起可用)。
高级消除锯齿可以高品质地呈现小尺寸的字体。
它最适合具有大量小字号文本的应用程序。
建议不要对大于48 磅的字体使用高级消除锯齿。
设置本属将使用消除锯齿的文本,它将使文本字段有更好的更清晰的显示效果,但所产生的swf文件较大。
使用设备字体是指使用用户计算机上已安装的字体,它产生的swf文件最小,而将此属性设为:"advanced"时,产生的swf文件最大。
如果制作有大量文本字的swf文件时,要控制文件的大小,请考量此项如何设置更好。
例:this. createTextField("mytext_txt",1,100,100,200,50);mytext_txt.text = "这是消除锯齿的文本";mytext_txt.antiAliasType = "advanced"this. createTextField("mytext1_txt",2,100,200,200,50);mytext1_txt.text = "这是没有消除锯齿的文本";测试影片,两个文本效果差不多哈autoSize:文本的自动大小缩放和对齐方式,可设为以下几个值:"none"或false:不自动缩放."left"或true,左边固定向右边缩放."right",右边固定向左边缩放."center",中间固定向两边缩放Background:指定文本字段是否具有背景填充。
Flash CS3 课堂练习 更改文本属性
本实例主要通过UI 组件制作一个更改文本属性的程序,通过颜色组件对文本进行颜色替换,通过按钮组件对文本的大小进行控制,如图8-54所示。
通过本例的学习,读者可以了解UI 组件中Button 、ColorPicker 、TextArea3个组件的使用方法和它们之间如何进行关联。
图8-54 更改文本属性
操作步骤
(1)新建文件,按快捷键Ctrl+R 打开【导入】对话框,导入背景素材,在【属性】面板设置素材大小和坐标。
【文档大小】要按照背景素材大小设置,如图8-55所示。
图8-55 导入背景素材
(2)锁定“图层1”新建“图层2”,选择“图层2”打开【组件】面板,分别将Button 、ColorPicker 、TextArea3个组件拖入舞台中,如图8-56所示,参数设置如表8-6所示。
设置图
片坐标
图8-56 导入组件
表8-6 【组件】面板参数设置
(3)选择TextArea 组件,打开【参数】面板,在htmlText 中粘贴要显示的文本,这里的文本支持HTML 语言格式,如图8-57所示。
图8-57 添加显示文本内容
车,回车以后的文本无法显示。
表示段落或以使用添加显示的
文本内容
(4)新建“图层3”,选择第一帧按F9打开【动作】面板,输入如下代码,因为Flash CS3组件中所输入的中文太小,所以通过脚本将文字变大,如图8-58所示。
var aTf:TextFormat = new TextFormat(); //创建样式aTf
aTf.size = 12; //设置文字大小为12
aTa.setStyle("textFormat", aTf); //实例名为aTa的组件读取样式
import fl.events.ColorPickerEvent; //事件对象类型
//单击实例名称为aCp组件,调用函数changeHandler
aCp.addEventListener(ColorPickerEvent.CHANGE, changeHandler);
//使TextArea组件的样式和ColorPicker组件相关联
function changeHandler(event:ColorPickerEvent):void {
aTf.color = event.target.selectedColor;
aTa.setStyle("textFormat", aTf);
}
图8-58 使TextArea和ColorPicker关联
(5)不要有任何操作,还是在第1帧上接着上面的代码往下写,这段代码是让“放大”和“缩小”按钮对TextArea组件内的文字进行放大和缩小的控制,完成后按快捷键Ctrl+Enter测试程序,如图8-59所示。
var bTf:TextFormat = new TextFormat(); //创建样式bTf
bTf.size = 12; //设置文字大小为12
zoomIn.setStyle("textFormat", bTf); //实例名为zoomIn的组件读取样式
zoomOut.setStyle("textFormat", bTf); //实例名为zoomOut的组件读取样式
//定义变量i并为其赋值为12
var i:int = 12;
//单击实例名称为zoomIn组件,调用函数zoomInAction
zoomIn.addEventListener(MouseEvent.CLICK, zoomInAction);
//让i递增,从而使文字放大
function zoomInAction(event:MouseEvent):void
{
aTf.size = i++;
图8-59 单击“放大”按钮放大文字
aTa.setStyle("textFormat", aTf);
}
//单击实例名称为zoomOut 组件,调用函数zoomOutAction zoomOut.addEventListener(MouseEvent.CLICK, zoomOutAction); //让i 递减,从而使文字缩小
function zoomOutAction(event:MouseEvent):void
{
aTf.size = i--;
aTa.setStyle("textFormat", aTf);
}
再创建样式果都使用样式上的文字也会随着放大或缩小。