当前位置:编程问答 > Flash >

体验Flash MX(6):文本区的属性和方法

问题:我们前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,完全手动写出来的感觉还是不够感性……)


作者:Demon.S出处:DnVsystem 责任编辑: [ 2002-03-20 14:16 ]
关于Flash MX的文本区的应用昨天我们已经开始了第一次的亲密接触,今天我们来深入了解一些文本区的属性和方法,并通过TextFormat对象来装修文本的样式。

  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)

  原文件:http://www.dnvs.net/tutorial/flash_mx/day6.fla

  注:

  虽然说Flash MX的属性有很多,甚至让人眼花缭乱,难以记住的感觉,但是每个属性都和其英文有直接相关的含义,所以如果看完这些还不明白,你大可翻阅金山词霸。

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,