《《Eclipse+开发+iPhone+Web+应用程序》.pdf

用 Eclipse 开发 iPhone Web 应用程序 使用 Aptana 的 iPhone Development 插件和 iUi 框架创建 iPhone Web 应用程序 级别： 中级 Adam Houghton (adam@), 高级软件开发人员, SAS Institute, Inc. 2008 年 3 月 05 日 学习如何使用 Eclipse、Aptana 的 iPhone Development 插件及 iUi 框架创建 iPhone Web 站点。了解如何开发 iPhone 的 Javadoc 查看器，用户界面设计的技巧，以及 iPhone 应用程序开发的前景。 Apple 的 iPhone 平台为开发人员提供了一个有趣的机会。借助其小型的交互式触摸屏， iPhone 和 iPod Touch 在很短的时间内迅速吸引了数百万用户。但是这种新颖的设计和 专利平台给应用程序开发人员带来了一系列新的挑战。在 2008 年 2 月 Apple 发布其软 件开发包 (SDK) 以前，想要在该平台上进行研究的开发人员必须创建模拟 iPhone 的本 机界面外观的 Web 应用程序。 幸运的是，使用一系列新的开源工具可以更轻松地完成这项工作。Aptana 的针对 Eclipse 的 iPhone Development 插件可以生成特定于 iPhone 的项目，并在可旋转取景器中预览 应用程序。Joe Hewitt 的 iUi、层叠样式表（Cascading Style Sheets，CSS ）和 JavaScript 框架包含模拟本机 iPhone 体验的部件和页面集。 在本文中，我们使用 Aptana 和 iUi 创建一个新应用程序：针对 iPhone 的简单 Javadoc 查看器。首先，设计一个在 iPhone 中浏览 Javadoc 的用户界面 (UI)，然后创建用于从 任何源代码生成 Javadoc 页面的定制 doclet 。在此过程中将描述针对 iPhone 的 UI 问 题，如何使用这些开源工具简化开发和调试，以及 iPhone 开发的未来趋势。 工具快速入门 首先安装 Aptana 并下载 iUi： 1. 在 Eclipse V3.2 中，选择 Help Software Updates Find and Install。 2. 选择 Search for new features to install 。此窗口列出了可以从中下载插件的站 点以及 Eclipse 预定义的插件。 3. 单击 New Remote Site 将 Aptana 添加到此列表中，并使用 URL /studio/26124/ 对其进行定义。 4. 从列表中选择新定义的 Aptana 站点，单击 Next，然后安装所有可用功能。完成 此窗口安装基本的 Aptana Editor 。 5. 重新启动 Eclipse。 6. 选择 Window Open Perspective Other ，然后从窗口选择 Aptana 。工具栏 中将显示一组新图标。 7. 单击主页图标。将显示 Aptana 功能的概览。 8. 在 Apple iPhone Development 部分中，单击 Download and Install。 9. 安装所有功能，然后完成此窗口以用特定于 iPhone 的功能配置 Aptana 。 10. 重新启动 Eclipse。 11. 下载必威体育精装版版本的 iUi （请参阅参考资料）。 一切就绪之后，请使用 Eclipse 创建一个名为 iDoc 的新 iPhone Project ，如图 1 所示。 图 1. 创建新 iPhone Project 图 2 显示了生成的项目，其中包含简单 iPhone 应用程序。 图 2. 在 Eclipse 中生成的 iPhone Project 注意由 Aptana 的基本编辑器提供的突出显示的语法，它支持 HTML、CSS 和 JavaScript 。 iPhone Preview 模式和应用服务器