快速业务通道

使用Ruby on Rails和Eclipse开发iPhone应用程序,第2部分 - 编程入门网

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-06-14

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

时间:2011-11-29 ibm developerWorks Noel Rappin

向客户机显示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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号