图文教程:在Mac上搭建Titanium的iOS开发环境

以下就先简单记录开发环境的建置过程,图多,请耐心等候。

需求

开发基本的 Titanium iOS App 需要先准备以下几样东西:

  • 可以执行 Mac OS 的机器 (例如 MacBook Pro/Air 等) 。

  • 一组 Apple ID 。

  • iOS 仿真器,这个要从 Xcode 3.2.6 + iOS SDK 4.3 或更新的版本里取得。 [直接从苹果官方网站下载安装]

  • Titanium Studio IDE ,以下会介绍如何下载。

准备工作

先安装 Xcode + iOS SDK ,这会连带 iOS 仿真器一起帮我们装好。

注册开发账号

在下载 Titanium Studio IDE 之前,要先注册一个开发者账号;但我们得先连上Download Titanium,从这边开始注册。

账号分成三个等级: Indie 、 Professional 及 Community ;当然我们就先选免费的 Community 来注册。

图文教程:在Mac上搭建Titanium的iOS开发环境
点击查看大图

点选 Community 的「 Get started 」后,就会出现要填写注册数据的画面:

图文教程:在Mac上搭建Titanium的iOS开发环境
点击查看大图

先在右方填写好基本数据,按下「 Sign Up 」,系统就会寄一封确认信到我们所填写的 Email 里,内容如下:

图文教程:在Mac上搭建Titanium的iOS开发环境

按下信件的第一个连结,来启用我们的账号。

下载

在启用开发者账号后,应该会自动开启浏览器,并回到注册窗体页面;这次我们就在画面的左方直接输入账号密码来登入。

登入后就会出现以下画面:

图文教程:在Mac上搭建Titanium的iOS开发环境
点击查看大图

当然我们要下载的就是 OS X 版本。

安装

下载 dmg 档回来并打开后,就会看到以下画面:

图文教程:在Mac上搭建Titanium的iOS开发环境

别怀疑,就是把 Titanium Studio 这个图示拖曳到 Applications 这个文件夹里就安装好了。

第一次使用

接着打开 Applications 文件夹,会看到里面还有 Titanium Studio 文件夹;执行该文件夹下的 TitaniumStudio 程序,就会出现以下画面:

图文教程:在Mac上搭建Titanium的iOS开发环境

这里填入我们刚刚申请的开发者账号 (Email) 及密码,再按下「 Login 」即可,程序就会开始加载了:

图文教程:在Mac上搭建Titanium的iOS开发环境

接下来会问我们预设的 Workspace (这是以 Eclipse 为基础的 IDE 特色) ,使用默认值即可:

图文教程:在Mac上搭建Titanium的iOS开发环境

设定好 Workspace 之后,就会出现以下的初始画面:

图文教程:在Mac上搭建Titanium的iOS开发环境
点击查看大图

以下我们来建立一个新的测试用项目,在上图的左方工具窗口中切换到 App Explorer 页签,并按下「 Create Project 」,就会跳出以下窗口:

图文教程:在Mac上搭建Titanium的iOS开发环境

选择「 Titanium Mobile Project 」,然后参考以下说明来输入内容:

  • Project Name - 应用程序的名称,这会显示在画面上;必填。

  • App Id - 判别用的识别名称;可以先随便填。

  • Company/Personal URL - 可以找到该应用程序信息的网址;可以先随便填。

  • Titanium SDK Version - 没有特别需求的话,通常就选最新版本即可。 iPad / iPhone 则是在有安装 iOS SDK 后才能勾选。

图文教程:在Mac上搭建Titanium的iOS开发环境

接着按下「 Next 」,会出现以下画面,询问我们要用哪一种类型的项目样版:

图文教程:在Mac上搭建Titanium的iOS开发环境

通常是不用选的,直接按下「 Finish 」。

完成后我们就会看到以下画面, Titanium Studio 预设会帮我们开启 Resources/app.js 及 tiapp.xml 这两个档案。

图文教程:在Mac上搭建Titanium的iOS开发环境
点击查看大图

tiapp.xml 主要是用来记录项目的属性,开启后会直接使用 Titanium Studio 的 TiApp Editor 来编辑。

app.js 则是整个应用程序的核心, Titanium 会从这里开始执行整个程序。

图文教程:在Mac上搭建Titanium的iOS开发环境
点击查看大图

app.js 预设已经有帮我们建立好一些内容了,所以我们只要按下 Titanium Studio 的「 Run 」键 (绿色圆圈里包着一个白色三角形的钮) 就可以测试看看了。

按下「 Run 」之后会先问我们要以哪一个 iOS 仿真器来执行应用程序:

图文教程:在Mac上搭建Titanium的iOS开发环境

选择「 iPhone Simulator 」后,程序就会开始编译了。视机器等级,大约一至三分钟后,就会跳出以下的画面:

相关推荐