Shared Fonts Manager


	._about


	demo[fla]


	.help(me)


	.faq(?)


	.feedback('post')


	.get()


	.links(_url)

translator: snow
www.7dev.net

[about language versions]

描述
创建库

步骤 1: 创建库MC并包含字体
步骤 2: 创建容器MC
步骤 3: 加载与测试
步骤 4: 测试并在站点上应用
步骤 5: 在Flash Player 7中使用

使用建议
Action Script 字典

方法和事件
方法

registerTextFormat

事件

onRegister

FAQ(常见问题)

描述

字体管理器设计的初衷是为了统一管理对共享库字体的操作,并最终制造了新的可能性.
它并非是把字体嵌入影片,而是使用 loadMovie命令把它们加载到场景中然后在主MC及加载进来的MC中使用它们.

外部库是两个SWF文件: 库文件和容器文件. 库文件的命名依赖于容器文件,形如: [container_file_name]+[_lib]+[.swf]. 例如,容器名叫 body.swf, 那么库文件就叫做body_lib.swf
库文件应该包含一个movieclip,该movieclip的linkage作如下设置:"export for runtime sharing " 参数必须被选中且 "URL" 必须给出 . 该MC必须包含一个名为embed fonts的文本框.
查看 creating shared libraries 和例子来进一步了解
下文将提到,外部的库能够通过调用FontManager的方法被加载进movieclip中并注册.

以这种方式来组织和使用库并不是唯一可能的方式, FontManager 只是一个共享库和其他movieclip之间的连接器,包括加载进来的movieclip.

可以这样使用字体:

主影片可以加载外部的SWF文件并使用它的共享字体库;
加载进来的movieclip可以使用其他同样是被加载进来的movieclip中的共享字体库;
主影片能够拥有自身的共享字体库并使用加载进来的movieclip中的共享字体库.

默认情况下,初始化时创建了一个单独的对象: fonts_mng. 它是一个全局对象,并通过使用ASSetPropFlags而隐藏了.
如果你需要查看 fonts_mng对象的内容,这样创建一个引用就够了:
_root.show_me = font_mng
若要查看变量列表,请使用Test Movie 模式.

使用 FontManager给予你下列新的可能:

在整个站点使用同样的库文件 使访客需要加载的数据最少.
库文件加载一次之后就不需要再加载了,而是直接从缓存中读取.
需要时才加载字体.
在HTML被解析时定义需要用到何种字体然后加载并使用是可能的.
本地化更容易 (国际性支持).
在本地化的过程中,更改文本框的属性并嵌入新字体通过十分耗时.通过使用SFM你能快速地建立库然后所有出现在舞台上的movieclip都使用了适当的字体.
可以通过相应的目录来分发包含本地化字体的数据和库文件,然后你可以"动态"本地化你的影片,实现这个,只需要指明本地化目录.
重新设计更方便.
可以通过替换共享库中的字体来更新所有使用了这些库的影片.
分离引擎(核心),数据和库.
现在完全分离是可能的.你可以创建一个smart clip,它将创建应用XML文件的场景, 只加载必要的元素.

		创建库

It is possible to create a font library using Font Library Creator Extension from Carlos Rovira.

注意:FontManager 主要是为flash Player 6设计的,因此所有的例子和教程都最好是6的格式.
但对Flash Player 7运用FontManager是可以的.
关于对flash 7版本的movieclips使用FontManager

步骤 1:创建库movieclip并包含字体

创建新的FLA文件并根据将要保存在此文件中的字体的名字和属性来对其命名. 文件名应该由下述部分组成:
[purpose identifier]+_+[font style identifier]+_lib.fla
例如: body_i_lib.fla,
body表示该字体用作一般用途, i 表示在库中该字体的样式是 italic.
如果你想用同样的字体但使用普通的字体样式,可以这样命名 body_p_lib.fla , 如果公司里的其他开发人员 创建了 body_b_lib.fla 或body_bi_lib.fla, 那么你当然希望这些库使用相同的字体,但样式是 bold 和bold-italic的.
不要把字体名用作库的文件名. 如果以后字体要被替换掉的时候,就会有许多麻烦.如果arial_lib.swf 库包含New Roman 字体, 然后在针对埃塞俄比亚和俄国进行本地化的时候,开发人员就会因为看到的结果而诧异.
下文将一直遵循这种命名约定,并且这种方式将使你能够方便地控制库,此外,也可以使其他人理解.
创建一个movieclip并对其命名, 推荐使用库的名字, 例如: body_i_mc. 在该movieclip上右击,选择Linkage,然后选中 Export for runtime sharing 项, 其他的Linkage属性的设置不怎么重要.
为SWF指定 URL. SWF的名字应该和发布后的文件名一致,例如: body_i_lib.swf (阅读下文关于设置绝对路径的部分)

在该movieclip内部创建文本框;
向文本框插入文本.最好把库的名字,字体样式,语种包含进文本中,例如: body italic rus;
给文本框指定字体;
必须在movieclip内包含字体: Properties, Character..., All characters (或其他必要的字符集);

给文本框指定实例名 (必须),例如: body_i_txt;

在该movieclip中包含文本框的层上面再新建一层,添加如下的ActionScript:

if (font_mng.registerTextFormat("body_i", this.body_i_txt)) {
	this._parent.removeMovieClip();
}

保存文档为同名的FLA文件,并编译.

步骤 2: 创建容器 movieclip

创建新的FLA文件;
以相同的名字保存在同一个文件夹内,但不要包含_lib suffix, 例如: body_i.fla
对于 Flash MX: 关闭然后用"Open as a Library"打开包含文本框的FLA;
把包含文本框的movieclip从共享库拖放到新影片的舞台上;
发布文件.

现在库文件就准备好了.

步骤 3: 加载和测试共享库

创建新的FLA文件并保存在同一个文件夹内,照这样命名:TestBodyItalic.fla;

在任意一帧上添加FontManager初始化脚本,比较明智的做法是添加在影片开始处;
现在你可以加载字体并应用到任意的文本框.
你可以使用下面的脚本来测试,将其放在第一帧上的FontManager初始化脚本后面:

// FontManager initialization code goes here
  ........................
// Create the "receiver" movieclip and load library into it:
 _root.createEmptyMovieClip("temp_mc", 0).loadMovie("body_i.swf");
// Create the text filed and pipulate it with text:
_root.createTextField("test_txt", 1, 0, 0, 200, 200);
_root.test_txt.text = new Array(30).join("Hello world! ");
// Add the textfielda as a listener of FontManager events:
font_mng.addListener(_root.test_txt);
// set the event handler:
_root.test_txt.onRegister = function(success, name, mng) {
	if (!success) {
		return trace("registerError : "+name);
	}
	trace("name:\n\t"+name+"\nfont:\n\t"+mng[name].font);
	this.setTextFormat(mng[name]);
	this.wordWrap = this.embedFonts=true;
};
//_root.show_mng = font_mng

现在测试,文本框中有文本出现.

步骤 4: 测试并应用于站点

精确地规划好库文件的位置.应用于网站时,最理想和最好的方式是使用绝对路径或相对于网站根目录的路径.

注意:

WebSpeed Simulator

http://localhost/

因此,首先创建一个目录来存放库文件. 例子中库文件的路径被设定为/Libs/SharedFonts/. 你可以自行更改.

在站点的根目录下创建一个Libs目录,SharedFonts目录位于其中
打开body_i.fla
打开库,为Linkage属性对话框中的 URL参数指定一个值: /Libs/SharedFonts/body_i_lib.swf
编译,将有如下错误提示:
Error opening URL "file:///Libs/SharedFonts/body_i_lib.swf"
忽略这条消息;
复制body_i_lib.swf 和body_i.swf 到SharedFonts目录(切记使 body_i_lib文件保持原样,不要做任何改变);
打开先前创建的 TestBodyItalic.fla并替换
.loadMovie("body_i.swf")
为
.loadMovie("/Libs/SharedFonts/body_i.swf")
发布(Ctrl+F12)该文件,得到一个HTML文件.
复制该文件到站点内任意其他地方.
打开该页面,过一会儿,你就能看到文本框的内容格式改变了.

步骤 5: 应用于 Flash Player 7

将 FontManager应用于 Flash Plyer 7:

创建flash 6格式的SWF文件,切记包含 FontManager 初始化脚本;

将该文件放在站点中,需要时加载;

将FontManager 初始化脚本添加到共享的movieclip,并将该movieclip插入clips中

这就是应用于Flash Player 7唯一的不便之处: 当文件被加载时必须等待,不过由于其体积极小(约1K),所以不怎么麻烦.另外,对flash player 6 也推荐这样做.
功能上无其他差异.

		使用建议

在开发FontManager时我做了许多实验. FontManager第一个版本是一个组件. 在这些事实中,FontManager 的方法从8个减少到了1个, 事件从4个减少到了1个,还有两个被抛弃的属性,测试中我创建了50多个文件,由于有了实验的积累,我可以给你一些建议. 以后你会有自己的心得,但最好重视我的建议:

不要在工程中包含FontManager 初始化脚本. 最好的方式是创建一个包含此脚本的SWF文件,并作为模块来加载它.更好的办法是创建包含初始代化脚本的共享movieclip并将其置入工程中.
这样在需要更改域名的时候,你就可以轻松地更改初始化脚本而不会头痛了.

不要在你的影片中使用SWF库文件的名字. 如果你创建了类似于下面的XML文件来描述库的话,你的系统会具备更大的灵活性,例如:

<fontlibrary version="1.0" author="Ivan Dembicki" >
  <style name="body" font="Artemius TT" lang="rus" >
    <plain      id="body_p"  url="/fontLibrary/rus/body_p.swf"  />
    <bold       id="body_b"  url="/fontLibrary/rus/body_b.swf"  />
    <italic     id="body_i"  url="/fontLibrary/rus/body_i.swf"  />
    <italicbold id="body_bi" url="/fontLibrary/rus/body_bi.swf" />
  </style>
  <style name="header" font="ArtemiusBlack TT" lang="rus" >
    <plain      id="header_p"  url="/fontLibrary/rus/header_p.swf"  />
    <bold       id="header_b"  url="/fontLibrary/rus/header_b.swf"  />
    <italic     id="header_i"  url="/fontLibrary/rus/header_i.swf"  />
    <italicbold id="header_bi" url="/fontLibrary/rus/header_bi.swf" />
  </style>
</fontlibrary>

注意ID 节点和样式名称的一致性.这样使用ID,可以很容易得到库的容器文件的URL.本地化,从local版到internet版的转换也更容易了.
还有个好处就是使得可视化地检查字样和样式的一致性成为可能.
当然,你可以在XML文件中以自己更喜欢的方式来描述.这只是个例子.

像例子中那样注册库,然后就可以删除它了.

做本地测试时使用本地路径,对于internet则使用绝对路径.

不要创建自己的FontManager实例, 虽然这能够通过如下的代码实现:
my_font_mng = new font_mng.constructor()
我假定有必要知道这些,但不要轻易这样做.

action script 词典

Actions

registerTextFormat -在FontManager中注册TextFormat对象 FontManager;
addListener, removeListener, _listeners - FontManager是一个 broadcaster 并因此拥有一个broadcaster的方法和属性.:
onRegister - event fired on the registration loaded or internal library.

font_mng.registerTextFormat()

可用性

Flash Player 6.

用法

font_mng.registerTextFormat( instanceName, textField )

参数

instanceName - string, 指定TextFormat 对象的名字
textField - 共享库中包含的文本框.

Returns

Boolean. 返回 false, 如果文本框未包含嵌入字体或TextFormat对象无实例名 其他情况返回true.

描述

方法.用于产生TextFormat对象. 包含文本框例子的共享movieclip完成时可以被删除S
FontManager中的TextFormat对象可以基于任意的共享movieclip内的且包含嵌入字体的文本框例子而创建.
共享movieclip中的文本框的检测被委托给开发人员.

在初始化即将完成时,FontManager通过初始化参数广播一个 onRegister 事件.

Example

使用共享movieclip中的库:

// if shared movieclip is not needed anymore, it can be removed:
if (font_mng.registerTextFormat("body_i", this.body_i_txt)) {
	this._parent.removeMovieClip();
}

// if there's no need of removing the shared movieclip:
font_mng.registerTextFormat("body_i", this.body_i_txt)

库被置于场景中:

font_mng.registerTextFormat("body_i", this.any_mc.shared_mc.body_i_txt)

.onRegister()

可用性

Flash Player 6.

用法

listenerObject.onRegister = function (success, name, instance_mng, textField ) {
// your statements here
}

参数

success - Boolean, 调用registerTextFormat 时如果没有传递TextFormat对象名或文本框中没有内嵌字体,返回 false否则返回true.
name - string, FontManager 中创建的TextFormat对象的名字
instance_mng - FontManager 实例;
textField - 文本框.

Returns

Nothing

描述

事件.发生于FontManager内TextFormat对象注册结束前.
由于FontManager 是一个 broadcaster,因此其拥有 broadcaster的全部方法和属性.

例子

// This text field will be formatted using the 
// any TextFormat object during its registration in the font_mng:
_root.createTextField("test_txt", 1, 0, 0, 200, 200);
_root.test_txt.text = new Array(30).join("Hello world! ");
font_mng.addListener(_root.test_txt);
// set an event handler for the text field:
_root.test_txt.onRegister = function(success, name, mng) {
	if (!success) {
		return trace("registerError : "+name);
	}
	trace("name:\n\t"+name+"\nfont:\n\t"+mng[name].font);
	this.setTextFormat(mng[name], this);
	this.wordWrap = this.embedFonts=true;
};
//_root.show_mng = font_mng