搜学在线有限公司PSHJGO
  • 体验Flash MX(6):文本区的属性和方法

      我们天的努力现在成了热身训练,从今天此时起,我们才真正用到传说中的FlashMX,而今后的日子里,我想它会越来越精彩。拿到了Flash MX的正式版以后(47377KB),其实最主要的感觉就是Action面板的快捷键换掉了,当我习惯性按下F2的时候,结果出现了Output面板,当然我们可以从Window菜单找回Action面板的位置(F9,好像不太方便)。

      关于Flash MX的文本区的应用昨天我们已经开始了*次的亲密接触,今天我们来深入了解一些文本区的属性和方法,并通过TextFormat对象来装修文本的样式。

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

      // make box

       = function(x, y, l) {
       (x, y+l);
       (x+l, y+l);
       (x+l, y);
       (x, y);
      };  // prepare scroll template

      createEmptyMovieClip("scrollUp",2);
      with (scrollUp) {
       lineStyle(1,0x,50);
       moveTo(550,200);
       beginFill(0x,20);
       makeBox(550,200,30);
       endfill();
      }  // make scroll

      duplicateMovieClip(scrollUp, "scrolldown", 3);
      -=60;
      // handler method

      =function(){--};
      =function(){++};
      // prepare text

      createTextField("txt",1,300,10,100,200);
      with (txt) {
       type="input";
       textcolor=0x;
       variable="tempcache";
       border=wordwrap=1;
       restrict="^demons";
      }  // custom method

      =function(){
       trace("Ready for loading rice");
       =""
      };
      =function(){
       trace("Gocha...");
       (200,"::::~")
      };

       = function (count,food) {
       if (count) {
         +=food;
        (--count,food);
       }
       return;
      };  // start

      (200,".");
      (200,".");
      (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(());trace(());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缩进;
      }

      =0x //颜色;
      =true;
      ="DnVsystem";
      =0;
      (tf);

    (图2)

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

      原文件:

      注: