使用Ruby on Rails和Eclipse开发iPhone应用程序，第2部分

向客户机显示iPhone内容

使用 iUI 和 iPhone 列表结构

iPhone 和 iPod touch 使 Mobile Safari 成为风靡美国的手机浏览器。虽然使用 Mobile Safari 呈 现普通 Web 页面绰绰有余，但是许多 Web 开发人员都创建了针对 iPhone 的应用程序版本。本文是 “ 使用 Ruby on Rails 和 Eclipse 开发 iPhone 应用程序” 系列的第 2 部分，介绍了将下钻（drill- down）列表作为导航方法的常见用途。

本系列的 第 1 部分 采用了一个现有的 Ruby on Rails Web 应用程序，然后对它进行增强，供 iPhone 用户使用。第 1 部分集中讲解必要的客户端支持，这种支持允许向 iPhone 用户发送不同的内容 ，并允许接受方选择特定的内容，然后全屏显示该站点。第 2 和第 3 部分集中讲解了实际发送给用户的 内容，以及如何使这些内容符合 iPhone 或 iPod touch 用户的期望。第 2 部分集中讲解将下钻列表作 为导航方法的常见用途，第 3 部分集中讲解表单、分组及其他更高级的特性。

在本文中，您将使用层叠样式表（CSS）和 JavaScript 库 iUI 处理 iPhone 内容。iUI 库拥有与 Apple 的 iPhone 人机界面指南（human-interface guidelines）相匹配 CSS 类，以及处理模仿原始 iPhone OS 应用程序界面的向侧面滑动（sideswipe）效果的 JavaScript。然而，我们通常不希望在应用 程序中使用 iUI，所以我将讨论一些处理这些通用元素的实用 CSS 和 JavaScript。与出色的 Rails 实 践一致，我为 Ruby helper 方法的通用 iUI 模式构造了 HTML。这些方法绑定在一个 Rails 插件中，可 以下载并添加到任何 Rails 应用程序。

您将继续基于 第 1 部分 使用的 Soups OnLine 示例进行构建。Soups OnLine 是我的著作 Professional Ruby On Rails 中的一个示例，同时也是一个列出了 “汤的烹饪方法” 的站点。在多数 情况下，这个站点的具体细节与本文没有多大关系。整合 iPhone 界面所需要的步骤与 Soups OnLine 示 例的具体细节没有什么关联。最重要的细节是这个应用程序（由于保留了早期的 iPhone 形式）包含一个 控制器 RecipesController，它通过 index 方法处理食谱清单。在 第 1 部分 添加了 BrowsersController，用于管理 Mobile Safari 版本的站点中的各种选择。

要在本文使用这些示例，需要一个 Ruby 编辑器或 IDE，比如 Eclipse。模仿 iPhone 显示的浏览器 模拟器能提供不少帮助。有以下模拟器可供选择：用于 Eclipse 的 Aptana iPhone 插件、用于 Mac 的 iPhoney 以及官方 iPhone 软件开发工具箱（SDK）模拟器。本系列的第 1 部分讨论了各个模拟器的安装 、用法和优缺点。本文的示例使用 iUI 工具箱和 rails_iui plug-in。

iPhone 和用户体验

第一次接触 iPhone 时，一般人都会立即注意到它与传统的桌面浏览器区别不大。例如，要把普通的 笔记本电脑装在口袋里则是件非常困难的事情。这些差别深刻地影响到应该如何在 Iphone 上构建 Web 应用程序，给用户带来最佳的体验。最重要的差别包括：

iPhone 的屏幕尺寸（320x480）比用于桌面电脑 Web 应用程序的最小目标应用程序还要小得多。 iPhone 屏幕的高宽比也与典型的桌面或笔记本电脑的显示器有巨大的差别。

iPhone 的像素密度比桌面电脑显示器要高得多，便于阅读小文本或更改图像的相对尺寸。

用户可以 90° 旋转 Mobile Safari 视图，更改图像的大小，更重要的是，还可以更改屏幕的高宽比 。

Mobile Safari 的触摸屏界面不如鼠标界面精确，这意味着它的按钮、链接等目标及它们之间的距离 应该比桌面电脑应用程序的大。

iPhone 所使用的网络环境通常比较慢。但是用户却

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!