
常用软件类: |
|杀毒安全 | |联络聊天 | |网络软件 | |多媒体类 | |系统工具 | |图形图像 | |系统工具 | |应用软件 | |行业软件 |
开发设计类: |
|动画制作 | |图像处理 | |3D设计 | |操作系统 | |站长学院 | |网络相关 | |WEB设计 | |数据库类 | |程序开发 |
加班,加班,加班……疯掉,边加班,边找点时间写啊写,停一会儿写一会儿,还真有些另类的兴奋……可是写到中途的时候,忽然想起今天是Macromedia真正发布Flash MX的日子,于是……这篇文章的上一个版本便进入了垃圾箱。
(中间广告-)Flash MX正式版今日发布)
Ok,我们前5天的努力现在成了热身训练,从今天此时起,我们才真正用到传说中的FlashMX,而今后的日子里,我想它会越来越精彩。拿到了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
";