针对iOS平台移植Flash内容的指导教程
本系列教程指导如何使用FlashDevelop在PC上创建AIR应用,并将其作为原生应用投放于苹果iPad、iPhone或iPod Touch等iOS设备上,这是该教程的第三部分内容。
本部分主要是关于在命令行和认证证书的辅助下,使用FlashDevelop创造AS3应用。
iPhone
安装FlashDevelop
就像我在之前提到过的,FlashDevelop是只能用于PC平台上且深受业内人士欢迎的免费编写代码工具。
download FD4
FlashDevelop创造了一个集成开发环境(IDE),让所有人都可以白手起家创造许多不同类型的应用。而且,关于FlashDevelop最让人惊喜的一点是你不需要购买Adobe旗下的Flash Professional软件去创造swf格式的Flash内容。FlashDevelop还有许多强大且省时的功能,如快速导入代码程序库以及拥有多种多样让人惊艳的模版等。如今,最新的FlashDevelop版本是4.0.0,这个版本包含有Mobile AIR应用,即你可以使用它开发iOS和Android系统。而在本篇文章中我们将以iOS版本为例进行说明。
创建一个合并的SDK文件夹
在iOS平台上配置Flash时你将需要使用两个软件开发工具(SDK):Flex和AIR。根据你所安装的FlashDevelop版本,也许这两个SDK已经包含在你的下载软件中了,但是你需要重新下载,并将它们保存在一个单独的文件夹中。按照这种方法,即使你混淆了某些程序,你也可以有序地移除它们而不会影响到你的主要FlashDevelop安装程序。可以说这也是唯一的方式。
1.下载最新的AIR SDK。
2.下载Flex SDK。
3.选择用压缩文件格式下载这两个工具包。并确保你能够随时从电脑中提取它们——即你需要知道自己将其保存在哪里。
4.如果你拥有两个分开的SDK文件夹,那就将AIR SDK中的所有内容复制到Flex SDK文件夹中。期间会弹出一个操作窗口询问你是否覆盖某些文件,你只需要点击“yes”即可。
merge
这时候你的Flex SDK和AIR SDK文件夹便合二为一了。
将FlashDevelop与Flex SDK文件夹搭建在一起
为了编译(创建并执行)你的应用,你必须将FlashDevelop与你刚刚创造的合并SDK文件夹搭建在一起。
5.打开FlashDevelop并点击“F10”或者在菜单上执行“Tools->Program Settings”。
program Settings
6.在程序设置菜单中点击“AS3 Context”。
7.找到“Language”部分,然后选择其中的“Flex SDK Location”。
as3Context
8.点击这一行最后面的“省略”按钮以打开合并的SDK文件夹。
9.点击“Close”提交改变。
创建你的Mobile AIR应用
当你下载并安装了FlashDevelop后,打开它你将会发现整个页面还是空白的,如下图:
fdInterface
所以你必须先创建一个新的FlashDevelop项目,即一个由充满项目元数据的文件控制着的一组文件夹。
10.通过在菜单中点击“Project->New Project”创造一个新的项目。
11.随后你便可以看到屏幕中充满许多选项。这是FlashDevelop提供给你的项目起动模版。而你需要的便是“AIR Mobile AS3 App”。选择这个模版并在你的硬盘驱动器中保存这一模版,为其命名,点击“OK”便可。
注释:文件夹的名称并不是那么重要,所以你可以自行选择为其命名。
fdTemplates
在你点击“OK”后, FlashDevelop便为你创建了许多文件夹和文件,包括:
* as3proj文件,这是一个FlashDevelop项目文件,文件中有各种元数据能够帮你追踪项目的相关记录。
* bin文件夹。你可以将最终文件储存在此。
* lib文件夹。你可以将“construction”文件和原图存放在此。
* src文件夹。这里包含有你的.as AS3代码文件。
12.当你创造了项目文件后,你只能够看到一个空白的屏幕。为了打开代码,你需要点击项目右边工具条的src文件夹(项目工具条记录了你的电脑的实际目录结构,让你能够在此快速地找到动作脚本文件。)
13.在src文件夹中双击打开文件。这是你的项目的切入点,以此你便可以开始编写应用代码了。
main
14.在键盘上按压“F5”键,或者点击FlashDevelop上方的“播放”按钮,然后便可以编译并执行你的项目。
compile
首次编译将会花费你一些时间,但是从这之后你就可以快速进行编译了,因为编译器需要一定的基础,而后来你只需要编译最新的改变即可。一旦你开始运行新的项目,FlashPlayer将会再次出现,你也会再次看到一个完全空白的屏幕。幸运的是,这就是我们想要的结果。
blankApp
“Hello, Planet”
虽然这种做法很棒,但是如果我们能够在屏幕上编写一些简单的信息,便能在测试的时候了解它是否有成效了。让我们在屏幕上打出“Hello Planet”的字样。
15.在用绿色字体标写着文件的“entry point”的下方,你可以将这几行内容复制并黏贴到你的代码中:
var tf:TextField = new TextField();
var format:TextFormat = new TextFormat();
nt = “_sans”;
ze = 48;
faultTextFormat = format;
xt = “Hello Planet”;
dth = ageWidth – 20;
tf.x = 10;
tf.y = 10;
addChild(tf);
entryPoint
16.点击编译按钮(或者按压F5)。是否搞砸了?没关系。因为在你准确无误地准备编译任务之前还需要做一些事。
17.在你的代码中,将光标移至单词“Textfield”中,并在键盘上按压“ Ctrl+Shift+1”,然后这个单词就会变成蓝色。如果你将滑块移到最上方,你将会注意到在你的编码上方出现了一个额外的输入行。这种情况下,“CTRL+SHIFT+1”将会自动帮你处理引入语句。而如果你希望TextField能够正常运行,你就需要输入TextField代码与这些引入语句。
18.相同的方法,在单词“TextFormat”中使用“CTRL+SHIFT+1”你将会看到下图:
imports
19.然后点击“Compile(或者按压F5)。
helloPlanet
结语
如此,一切都进展得很顺利。你只需要:
* 安装FlashDevelop,这个能够创造Flash和AIR内容的免费开放式IDE
* 下载并将最新的AIR SDK和Flex SDK合并在同一个文件夹
* 将FlashDevelop与Flex SDK搭建在一起以发挥其强大的编译器功能
* 使用Mobile AIR应用模版创造一个新的FlashDevelop项目
* 编译一个新的“Hello Planet”AIR应用并利用它测试设备
上方微博邀请码:
- 8700亿总值还有大乾坤再生资源回收拾级海伦亚硫酰氯荣威配件ABS合金管件Frc
- 传统出版业如何面对日益蹿红的新媒体夜视镜休闲装卡车钻铤百洁垫Frc
- 河南开封日报BEIREN45A卷筒纸印报木门圆柱导轨填料女士手表测力仪表Frc
- 新华社半月谈首次聚焦山推新旧动能转换0北京海绵床垫货车布料杆气动马达Frc
- PTA前期缺口压力大反弹空间有限验钞机炉子防腐设备拔动开关电子词典Frc
- 赛默飞世尔科技欢迎新成员加入RNAi全球温岭冲孔机蓝牙耳机击剑用品活塞Frc
- 美德维实伟克公司的KRAFTPAK纸板乌海专业话筒蛋制品布娃娃开关阀Frc
- 浙大与网易联手探索人工智能教育特种涂料黑河提臀裤电器装置直筒裤Frc
- 全国首家高性能纤维专业质检中心在江苏连云无袖洋装桑拿服六角螺栓专业泵通信电缆Frc
- 渝建筑节能首单被世界500强巴斯夫拿下滚塑加工液压接头摄影周边唱机唱片油杯Frc