使用 jsfl 发布flash IDE 插件

Flash 有很多内置面板，调色面板、对齐面板、元件库面板等等。 有时为了工作方便，我们需要自己编写一些脚本加快处理一些重复性较大的工序，这里所说的“脚本”就是 JSFL。JSFL 全称 Flash JavaScript，它类似于 Microsoft Word 中的“宏”（虽然我不太懂那东西），帮助用户在创作环境中执行重复性任务、或者生成一些特效什么的，但这并不是我们这次所说的重点。 我们今天制作的Flash面板正是调用了JSFL来处理一项重复性较大的任务：快速替换元件库中所有元件中的特定文本。

首先我们来看看一段 JSFL：

var lib = fl.getDocumentDOM().library;

for( var i in lib ){ for( var j in lib[ i ]) { //遍历所有库元件 if( lib[ i ][ j ].itemType == “graphic” || lib[ i ][ j ].itemType == “movie clip” ) { //判断，只有图形元件和影片元件里含有文本 for( var k in lib[ i ][ j ].timeline.layers ) { //遍历图层 for( var n in lib[ i ][ j ].timeline.layers[ k ].frames ) { //遍历所有帧 for( var m in lib[ i ][ j ].timeline.layers[ k ].frames[ n ].elements ) { //遍历所有帧里的可视元素 if( lib[ i ][ j ].timeline.layers[ k ].frames[ n ].elements[ m ] == “[object Text]” ) { //只有文本才执行下面的操作 if( lib[ i ][ j ].timeline.layers[ k ].frames[ n ].elements[ m ].getTextString() == “愚蠢的熊猫” ) { //获取你需要操作的字符 lib[ i ][ j ].timeline.layers[ k ].frames[ n ].elements[ m ].setTextString( “聪明的兔子” ); //替换字符 } } } } } } }}

这段代码的基本意思就是通过用JSFL把元件库中所有的文本取出来，然后对其内容做判断，进而替换新的内容 （只对元件库中的元件有效）。

制作 Flash 扩展组件的流程：

1. 现在我们打开Flash，在场景中加入两个输入型的文本框和一个按钮，再加入一些说明文字

2. 如上图所示，上面的文本框（实例名：ori_txt）我们可以输入查找的字符， 下面的文本框（实例名：new_txt）我们可以输入要替换成的字符， 最下面的按钮（实例名：btn）是用来执行JSFL的。

3. 接下来我们在AS层加入代码。首先为按钮编写侦听点击事件和执行函数：

btn.addEventListener( MouseEvent.CLICK, runScript );

function runScript( e:MouseEvent ){ var otxt:String = ori_txt.text; //点击按钮后读入文本框的字符 var ntxt:String = new_txt.text; //同上 var jsfl:String; MMExecute( jsfl );}

大家可以留意到 MMExecute(); 这东西，它就是用来执行JSFL脚本的。 而我们预留了一个叫“JSFL”的字符型变量，这将被用来装载熊猫所写的JSFL脚本。

4. 特别需要留意的是我们的JSFL到了ActionScript必须变成一个字符串，所以我们得对准备好的JSFL做以下事情：- 把特殊字符用转义字符处理好；- 双引号变单引号；- 把所有代码变成一行； 于是我们得到没有换行的代码：

var lib = fl.getDocumentDOM().library;for(var i in lib){for(var j in lib[i]){if(lib[i][j].itemType==’graphic’||lib[i][j].itemType==’movie clip’){for(var k in lib[i][j].timeline.layers){for(var n in lib[i][j].timeline.layers[k].frames){for(var m in lib[i][j].timeline.layers[k].frames[n].elements){if(lib[i][j].timeline.layers[k].frames[n].elements[m] == ‘[object Text]’){if(lib[i][j].timeline.layers[k].frames[n].elements[m].getTextString()==’愚蠢的熊猫’){lib[i][j].timeline.layers[k].frames[n].elements[m].setTextString(‘聪明的兔子’);}}}}}}}}

5. 这个时候基本上把上面的代码代入JSFL变量就好了，但是那只能把“愚蠢的熊猫”变成“聪明的兔子”， 我们的文本框干嘛去了……所以我们得把代码断开，断在“愚蠢的熊猫”和“聪明的兔子”处，为了好看，我们用这么几个字符型变量装载着：

var str1:String = “fl.outputPanel.clear();fl.outputPanel.trace(‘Start replacing text…’);var lib = fl.getDocumentDOM().library;”var str2:String = “for(var i in lib){for(var j in lib[i]){if (lib[i][j].itemType==’graphic’||lib[i][j].itemType==’movie clip’||lib[i][j].itemType==’button’){for(var k in lib[i][j].timeline.layers){for(var n in lib[i][j].timeline.layers[k].frames){for(var m in lib[i][j].timeline.layers[k].frames[n].elements){if(lib[i][j].timeline.layers[k].frames[n].elements[m]=='[object Text]’){if(lib[i][j].timeline.layers[k].frames[n].elements[m].getTextString()=='”;var str3:String = “‘){lib[i][j].timeline.layers[k].frames[n].elements[m].setTextString(‘”;var str4:String = “‘);fl.outputPanel.trace(‘—‘);}}}}}}}}”;var str5:String = “fl.outputPanel.trace(‘All text replaced.’);”;

上面我加入了 fl.outputPanel.clear() 和 fl.outputPanel.trace()，它们会在输出面板清除和显示文本，用来提醒用户脚本的执行情况。

6. 通过第5步把代码断开以后，我们就在第6步把代码重新组合起来，这时可以把从文本框取得的变量包括进来了：

var jsfl:String = str1 + str2 + otxt + str3 + ntxt + str4 + str5;MMExecute( jsfl );

7. 至此Flash部分就完成了，我们按照FlashPlayer9，AS3输出SWF，然后把这个SWF放到以下路径就完事了：

X:\Documents and Settings\UserName\Local Settings\Application Data\Adobe\Flash CS4\zh_cn\Configuration\WindowSWF

(红色部分按实际情况替换)

8. 终于大功告成了，打开Flash，在菜单“窗口 — 其他面板”下就可以找到你刚才创作的面板，欢呼吧！

9. 发布zxp扩展包

1、系统是否安装 Adobe Extension manager，安装 Flash 后默认都会有。2、创建一个功能扩展安装文件（文件名以 .mxi 结尾的 XML 文档内容文件），并且准备好你发布好的 SWF 文件3、在功能扩展管理器中，选择 “文件 > 打包 ZXP 扩展”4、在随即出现的文件选择对话框中，浏览到您的功能扩展安装文件（文件名以 .mxi 结尾）并将其选定。单击“打开”。选择包文件的位置并指定它的名称（可以改名为 .mxp 结尾），保存。注明：实际上，第3、4两步可以直接双击 mxi 文件来完成。设置导出的包名时，默认是 zxp ，你可以手动改为 xxx.mxp

mxi文件格式

1. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26.