Flash MX 新的闪烁世界（第六天） -pc6资讯

您的位置：首页 → 网页设计 → Flash → Flash MX 新的闪烁世界（第六天）

Flash MX 新的闪烁世界（第六天） 时间：2004/11/7 2:22:00来源：本站整理作者：蓝点我要评论(0)

Flash MX的正式版（47377KB最主要的感觉就是Action面板的快捷键换掉了，当我习惯性按下F2的时候，结果出现了Output面板，当然我们可以从Window菜单找回Action面板的位置（F9，好像不太方便）。

　　Flash MX的文本区的应用我们昨天已经第一次亲密接触了，今天我们再续前缘（言），深入了解一些文本区的属性和方法，并通过TextFormat对象来装修文本的样式。

　　在昨天的大米试验中，虽然经测试还是有一些矛盾存在，不过这个方向是对的，我们继续给它添砖加瓦：

// make box

Movieclip.prototype.makeBox = function(x, y, l) {

this.lineto(x, y+l);

this.lineto(x+l, y+l);

this.lineto(x+l, y);

this.lineto(x, y);

};

// prepare scroll template

createEmptyMovieClip("scrollUp",2);

with (scrollUp) {

lineStyle(1,0x999999,50);

moveTo(550,200);

beginFill(0x345678,20);

makeBox(550,200,30);

endfill();

}

// make scroll

duplicateMovieClip(scrollUp, "scrolldown", 3);

scrollUp._y-=60;

// handler method

scrollUp.onPress=function(){txt.scroll--};

scrollDown.onPress=function(){txt.scroll++};

// prepare text

createTextField("txt",1,300,10,100,200);

with (txt) {

type="input";

textcolor=0x333333;

variable="tempcache";

border=wordwrap=1;

restrict="^demons";

}

// custom method

txt.onSetFocus=function(){trace("Ready for loading rice");txt.text=""};

txt.onkillFocus=function(){trace("Gocha...");txt.putRice(200,"::::~")};

txt.putRice = function (count,food) { if (count) {txt.text +=food;arguments.callee(--count,food);}return;};

// start

txt.putRice(200,".");

txt.putRice(200,".");

txt.putRice(200,".");

　　其实我用到的一些部分代码基本都是这些天我们所接触的，尤其是MakeBox和我改进后的putRice装米器（经改进现在已经可以装载任何粮食

这个例子直接的说明了很多对象的用法，例如在Flash MX中可以用ActionScript动态新建的Button对象，是我们给予onPress后的副作用（当移动上去会出现手，既是已经变成了Button对象）；而其实基本上很多在Flash MX的对象都会有部分或全部MovieClip对象的proto继承。TextField也是其中之一，如果在TextField不为Input的时候，我们也可以设置_alpha、_rotation等MovieClip属性，这就很好的沿用了Movieclip的特性。

　　对于textField中的restrict和variable属性，这些其实都不算是新的属性，在以前的版本，我们都可以通过面板来对他们进行控制，而此次我们只是简化了对其操作的方法，restrict是十分好用的，其基本功能是限制字符串的输入，不过也有别的用途，例如我们上面的例子restrict=”^english” 设定了只可以输入字符，但遇到用户输入english其中之一的时候就会把它们大写，既是uppercase；控制输入范围是用“-”连接两个范围界限字符，但如果你要输入^或者\这样的字符的时候，你需要做的只是加入\在他们的前面（\^ 和\\）；变量variable则同样是以前的变量属性，指定了一个变量和该text内容相关联。

　　textField的事件主要有4种：onsetfocus/onkillfocus、onchanged、onscroller。前两种处理焦点的激活和丢失事件，onchanged响应文本内容的变化事件，onscroller则响应滚动条拉动的事件。

　　最后程序正常运行，当你开始的时候，看到一个仓库里面有很多米（真的很多，600斤），但却不知道其数量多少，你不得不拉动你的滚动闸来看看这个仓库里面到底有多少米，而米实在是不好区分数量了，这时，你一气之下买掉了所有的大米，换成了平等价值的玉米，这时再次拉动闸门，玉米的排放位置清晰可见。（如图1）

（图1，完全手动写出来的感觉还是不够感性……）

textField经常会和Selection对象连用，经常用用到的组合将是这样：

onmouseup=function(){trace(Selection.getBeginIndex());trace(Selection.getEndIndex());txt.replaceSel(" ")}

　　getBeginIndex获取鼠标开始选择的文本的开始端，getEndIndex则获取鼠标放开那一刹那的末端，这时，如果用textField的replaceSel修改文本为空，即为删除文本

TextFormat

　　TextFormat对象可以直接的形容成为TextField的CSS，通过对象的形势存放文本区所使用的样式。

　　我们通过一个例子来说明常用的属性：

tf=new TextFormat();

with (tf) {

align="right" //排列方向;

indent=20 //段缩进;

italic=bold=1 //斜体加粗;

size=20 //大小;

font="arial" //字体;

leading=2 //行间距;

underline=1 //下线;

leftmargin=4 //左间距;

rightmargin=7 //右间距;

tabstops=10 //table缩进;

}

tf.color=0x234567 //颜色;

txt.html=true;

txt.htmltext="

DnVsystem

";

txt.selectable=0;

txt.setNewTextFormat(tf);

（图2）

通常在使用textformat的时候我们可能会使用动态文本，而动态文本经常会有一些html的元素读入，这时，我们需要使得html属性不为假，并从htmltext给定内容；在textformat中以上基本都会经常使用，而对于文本区的selectable属性则是针对防止copy做出的对策之一；过程和html一样，当样式定完后，通过setNewTextFormat给予/应用extField对象新的样式。（如图2）

源文件：点击下载

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。