夏日博客

A-A+

flash中在文本字段上设置网格实例

2015年09月17日 前端设计 暂无评论 阅读 10 views 次

flash在其文本字段上设置网格的实例，在flash中使用网格的实例还是较多的，但文本字段与网格的结合还真不是很多见，而我们下面我们利用的则是 as 的脚本，看一下如何在文本字段上设置网格。

创建一个新的 Flash 文档，并将其另存为 gridfittype.fla。

从"库"面板右上角的弹出菜单中选择"新建字型"。

从"字体"下拉菜单中选择"Arial"字体，并将字体大小设置为 10 磅。

在"名称"文本框键入字体名称 Arial-10 (embedded)，然后单击"确定"。

右键单击库中的字体元件，然后选择"链接"打开"链接属性"对话框。

将链接标识符设置为 Arial-10，然后选中"为 ActionScript 导出"和"在第一帧导出"复选框。

单击"确定"。

将下面的代码添加到主时间轴中的第 1 帧：

  1. var my_fmt:TextFormat = new TextFormat();  
  2. my_fmt.size = 10;  
  3. my_fmt.font = "Arial-10";  
  4. var h:Number = Math.floor(Stage.height / 3);  
  5. this.createTextField("none_txt", 10, 0, 0, Stage.width, h);  
  6. none_txt.antiAliasType = "advanced";  
  7. none_txt.embedFonts = true;  
  8. none_txt.gridFitType = "none";  
  9. none_txt.multiline = true;  
  10. none_txt.setNewTextFormat(my_fmt);  
  11. none_txt.text = "loading...";  
  12. none_txt.wordWrap = true;  
  13. this.createTextField("pixel_txt", 20, 0, h, Stage.width, h);  
  14. pixel_txt.antiAliasType = "advanced";  
  15. pixel_txt.embedFonts = true;  
  16. pixel_txt.gridFitType = "pixel";  
  17. pixel_txt.multiline = true;  
  18. pixel_txt.selectable = false;  
  19. pixel_txt.setNewTextFormat(my_fmt);  
  20. pixel_txt.text = "loading...";  
  21. pixel_txt.wordWrap = true;  
  22. this.createTextField("subpixel_txt", 30, 0, h*2, Stage.width, h);  
  23. subpixel_txt.antiAliasType = "advanced";  
  24. subpixel_txt.embedFonts = true;  
  25. subpixel_txt.gridFitType = "subpixel";  
  26. subpixel_txt.multiline = true;  
  27. subpixel_txt.setNewTextFormat(my_fmt);  
  28. subpixel_txt.text = "loading...";  
  29. subpixel_txt.wordWrap = true;  
  30. var lorem_lv:LoadVars = new LoadVars();  
  31. lorem_lv.onData = function(src:String):Void {  
  32.     if (src != undefined) {  
  33.         none_txt.text = "[antiAliasType=none]n" + src;  
  34.         pixel_txt.text = "[antiAliasType=pixel]n" + src;  
  35.         subpixel_txt.text = "[antiAliasType=subpixel]n" + src;  
  36.     } else {  
  37.         trace("unable to load text file");  
  38.     }  
  39. };  
  40. lorem_lv.load("/lorem.txt");  

上面的 ActionScript 代码可分为五个部分。

第一部分定义一个新的文本格式对象，该对象指定两个属性 size 和 font。font 属性是指当前文档库中的字体元件的链接标识符。

第二、第三、第四部分代码分别在舞台上创建一个新的动态文本字段并设置一些常见属性：antiAliasType（必须设置为 advanced）、embedFonts（设置为 true）、multiline 和 wordWrap。每部分代码还应用在前面部分代码中创建的文本格式对象，并将网格固定类型设置为正常、像素或子像素。

最后一部分代码，即第五部分代码创建一个 LoadVars 实例，该实例将外部文本文件的内容加载到用代码创建的各个文本字段中。

保存该文档，然后选择"控制">"测试影片"对该 SWF 文件进行测试。

标签：

给我留言