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

使用Ruby on Rails和Eclipse开发iPhone应用程序，第1部分(10)

这里实际上有两处更改。初始的 if 语句将添加子句 request.format.to_sym == :iphone。这将允许 iPhone 请求的 URL 通过 .iphone 扩展名也可以使用 cookie 覆盖它们的格式。主要是允许这段代码可以在 Aptana 模拟器中进行测试。然后，根据用户 cookie 中是否有 desktop 值（在 BrowserController 方法中设置）来设置 request.format。

剩下的惟一一项任务是把选择退出链接添加到桌面视图中。您只希望 iPhone 用户看到此链接，因此先把以下代码行添加到 ApplicationController 中：

helper_method :is_iphone_request?

这行代码将使 is_iphone_request? 方法成为助手方法，您可以从任何一个视图中调用它。尤其是，您可以使用它把清单 9 的内容添加到 app/views/layouts/recipes.html.erb 文件中的初始桌面布局的末尾。

清单 9. 如果 iPhone 存在则有条件的放置标记

<% if is_iphone_request? %>      <%= link_to "Switch To Mobile Safari View",          {:controller => "browsers", :action => :mobile},          :class => "big_link"  %>    <% end %>

添加的这段代码将把类似的链接设置到桌面浏览器中。它还将把 CSS 类添加到桌面 CSS 文件中（在本例为 public/scaffold.css），如下所示：

清单 10. 桌面选择进入链接的 CSS 清单

.big_link {      font-size: 40px;    	font-weight: bold;    	font-family: Helvetica;    	color: #00f;    	text-decoration: none;    	text-align: center;    	display: block;    	width: 980px;    }

使用Ruby on Rails和Eclipse开发iPhone应用程序，第1部分(11)

该 CSS 类将在桌面窗格的底部添加一个漂亮的、很难忽略的较大的链接。它必须非常显眼，因为 Mobile Safari 将把它缩小，但是您仍然希望用户能够看到并单击它，即使用户不缩放显示界面。您可以让它变大而且引人注目，因为桌面用户将不会查看此链接。在 iPhone 显示界面中，该链接类似图 6。

图 6. 切换回手机链接

该链接将把用户 cookie 设为 mobile 并且重定向回索引页面，在这里，链接将被重新解析为用于手机浏览器。

结束语

本文重点介绍了支持为 iPhone 和 iPod touch 用户分离内容所需的结构，还介绍了如何管理视窗以按照正确的大小和比例显示 Mobile Safari 内容，并且开始讨论在手机站点的基础布局中放置哪些内容。

第 2 部分将介绍如何在 Mobile Safari 浏览器中显示内容，还将查看管理 iPhone 内容的 UI 指导原则并研究如何在 Rails 应用程序中实际应用这些指导原则。

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