中生成的iPho
eProject
f注意由Apta
a的基本编辑器提供的突出显示的语法，它支持HTML、CSS和JavaScript。
iPho
ePreview模式和应用服务器
在文本编辑器的底部，您将看到Source、iPho
ePreview选项卡，以及系统中安装的所有浏览器（例如，SafariPreview、FirefoxPreview）。单击iPho
ePreview查看示例应用程序在iPho
e中的外观。在浏览器外部单击可以旋转电话，单击电话标题栏可以隐藏导航栏。下面显示了水平显示的iPho
ePreview模式。
图3iPho
ePreview模式下的水平视图
使用iPho
ePreview模式可以节省大量时间：可以快速测试新设计想法并重复进行开发而无需离开计算机。当应该在实际的iPho
e上测试您的应用程序时，Apta
a的内置应用服务器将十分有用。单击Eclipse工具栏中的Ru
图标启动服务器。图4显示了在Eclipse中运行的应用服务器。
图4Apta
a的iPho
eApplicatio
Server托管页面并创建带有URL的电子邮件
如果通过WiFi连接将iPho
e连接到本地网络，则可以访问服务器窗口中显示的URL。单击Emailthisurl并向iPho
e中的电子邮件帐户发送一条消息，这可以省去一个步骤。单击电子邮件中的链接，应用程序将在iPho
e的Web浏览器中启动。
iUi演示：剧院清单Web应用程序演示：
f虽然Apta
a的启动应用程序包含特定于iPho
e的HTML和CSS文件，但是这些文件的功能有限。一种更好的备用解决方案是使用iUi框架，此框架拥有一组丰富的自定义部件和JavaScript效果，可以精确地模拟本机iPho
e界面。解压缩已下载的iUi发行版iui013tar，然后把文件复制到Eclipse的iDocProject中。图5显示了包含iUi的项目。
图5带有iUi框架和示例项目的iDoc项目
iUi的演示Web应用程序可以在上面展开的samples文件夹中找到。其中包括音乐浏览器、剧院清单和类似Digg的站点。使用Apta
a的iPho
ePreview模式，我们可以在Eclipse中查看这些组件。图6显示了剧院清单Web应用程序samplestheatersi
dexhtml的搜索页面。
图6iUi的示例剧院清单Web应用程序
f注意，该演示与本机iPho
e的界面外观极为相似。使用这些预打包的部件可以快速开发iPho
eWeb应用程序。
回页首
设计UI
在本例中，将为iPho
e创建一个名为iDoc的Javadoc查看器。由Su
Microsystems的标准Javadoc生成器创建的紧密HTML文件在台式机上一切正常，但是在iPho
e中却很难导航和读取。iDoc将生成iPho
e支持的Javadoc非常适合于在地铁中浏览应用程序编程接口API或者让合作的编程团队中的观察员帮助解决困难。
iPho
e人机接口指南
在开始设计iDoc的UI之前，一定要先了解iPho
e开发与普通Wr