[新闻资讯] 借助Ruby为Flex自动编译字体

xingyeqishi

我之所以提出这个方法是因为我最近的项目需要将100种字体编译进SWF文件中。仅仅靠手动的话我会发疯的。因此我编写了一个ruby脚本和shell脚本自动完成这项任务

步骤1：配置
我使用的目录结构如下：

1. convert.rb (the ruby script)
   
2. compile.sh (the shell script)
   
3. fonts/ (a directory for font files - .ttf and .otf)
   
4. as/ (a directory for the generated ActionScript)
   
5. swfs/ (a directory for the compiled swf files)

复制代码

步骤2：准备字体
一切都是自动的其实是一个善意的谎言。因为（据我所知）你并不能检查一个字体文件是否是常规、加粗、斜体或加粗斜体（Flex可以理解的风格和样式），你必须遵循命名惯例以便Ruby脚本可以解析。你将会使用字体名字创建一个ActionScript类名，因此必须是一个合法的名字。
以下就是使用Arial字体的例子

1. Arial.ttf (regular fontWeight and normal fontStyle)
   
2. Arial_Italic.ttf (regular fontWeight and italic fontStyle)
   
3. Arial_Bold.ttf (bold fontWeight and normal fontStyle)
   
4. Arial_BoldItalic.ttf (bold fontWeight and italic fontStyle)

复制代码

步骤3：Ruby脚本

1. require 'find'
   
2. 
   
3. # delete any previous as
   
4. Find.find( 'as' ) do | as |
   
5.   if File.extname( as ) == ".as"
   
6.     File.unlink as
   
7.   end
   
8. end
   
9. 
   
10. # generate new as
    
11. Find.find( 'fonts' ) do | font |
    
12.   if File.file?( font )
    
13.     # extension name
    
14.     ext = File.extname( font )
    
15.     # is font
    
16.     if ext == ".ttf" || ext == ".otf"
    
17.       # file name
    
18.       full_name = File.basename( font )
    
19.       name = File.basename( font, ext )
    
20.       # font weight and style
    
21.       font_weight = ""
    
22.       font_style = ""
    
23.       if full_name.include? "_Bold" + ext
    
24.         font_weight = "fontWeight='bold',"
    
25.       end
    
26.       if full_name.include? "_Italic" + ext
    
27.         font_style = "fontStyle='italic',"
    
28.       end
    
29.       if full_name.include? "_BoldItalic" + ext
    
30.         font_weight = "fontWeight='bold',"
    
31.         font_style = "fontStyle='italic',"
    
32.       end
    
33.       # generate as
    
34.       f = File.new("as/#{name}.as",  "w+")
    
35.       f.write "package
    
36.       {
    
37.         import flash.display.Sprite;
    
38. 
    
39.         public class #{name} extends Sprite
    
40.         {
    
41.           [Embed(source='../fonts/#{full_name}', fontName='#{name}', #{font_weight} #{font_style} unicodeRange='U+0000-U+00FF,U+2100-U+214F')]
    
42.           public var Font:Class;
    
43.         }
    
44.       }"
    
45.       # some helpful output
    
46.       print ',"', "#{name}", '"'
    
47.     end
    
48.   end
    
49. end

复制代码

在TextMate中你可以打开脚本按Command-R键运行它。或者借助'ruby convert.rb'命令行运行。一旦脚本被运行就会在'as'目录下生成一个即将被编译的ActionScript文件。

步骤4：Shell脚本

1. echo "<h2>Fonts Custom Compile</h2>";
   
2. echo "<code> Started @ `date "+%H:%M:%S"`</code><br />";
   
3. 
   
4. for i in `cd as/; ls *.as`; do
   
5.   swf=`echo $i |  awk -F. '{print $1}'`
   
6.   swf="$swf.swf"
   
7.   "/Applications/Adobe Flex Builder 3/sdks/3.3.0.4589/bin/mxmlc" -file-specs="as/$i" -o="swfs/$swf" -managers="flash.fonts.AFEFontManager" 2>&1;
   
8. done

复制代码

需要为脚本指定Flex SDK 位置。我的是"/Applications/Adobe Flex Builder 3/sdks/3.3.0.4589/bin/mxmlc"。-managers="flash.fonts.AFEFontManager是其中暗含的技巧，没有它90%的字体都可以编译，但剩下的就没这么幸运了，所以我们需要添加这个参数。

TextMate中按Command-R运行脚本，每种字体的编译大约需要5秒钟，我的超过100中字体大约需要10分钟。

SWF文件被编译并将在运行时加载到Flex程序中。为100多种字体创建ActionScript本来需要很多天才能完成，但是借助少量的脚本只需要不到一个小时。

laofu

好贴，顶了

usidelip

what's out