Canvas 2D 网页应用/iBooks HTML 小部件
本章讨论了为桌面浏览器设计的 HTML 网页应用与作为 iBooks HTML 小部件使用的网页应用之间的区别。它假设您已经熟悉章节 HTML 网页应用入门。如果您还没有阅读该章节，您应该先阅读它。
iBooks 是由 苹果公司 提供的免费应用程序，用于在 iOS 设备上购买、下载和阅读特定电子书（也称为“iBooks”）。苹果公司还提供免费应用程序 iBooks Author，用于 MacOS X 计算机创建和发布此类电子书。
iBooks Author 允许作者包含多个内置小部件（例如，视频、3D 模型或图像库的查看器）。它还允许包含用户定义的“HTML 小部件”，它们是特殊的 HTML 网页应用。本章将仅讨论 iBooks HTML 小部件与本章 HTML 网页应用入门 中讨论的用于桌面浏览器的标准 HTML 网页应用之间的区别。讨论基于 苹果公司支持文档，该文档提供了更多信息。
为了为 iBooks 创建一个 HTML 小部件，您至少需要 3 个文件（注意，所有文件名都不能包含控制字符）
- 网页应用的 HTML 文件，如章节 HTML 网页应用入门 中所述，但它不应该需要互联网访问；即，所有必需的文件（尤其是图像文件）都应存储在与 HTML 文件相同的文件夹中或其子文件夹之一中。在本例中，HTML 文件名为
ibooks_basic.html。 - 一个 PNG 图像文件，必须命名为
Default.png，它提供了网页应用的预览。 - 一个纯文本文件，必须命名为
Info.plist，它指定了特定网页应用的某些属性。示例是用于 1024×768 横向尺寸的填屏小部件，HTML 文件为ibooks_basic.html。 - 网页应用需要的任何其他文件（尤其是图像文件）。在本例中：HTML5_Shiny_Icon.png.
在本例中，Info.plist 文件如下所示
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <key>CFBundleDevelopmentRegion</key> <string>English</string> <key>CFBundleDisplayName</key> <string>my web app</string> <key>CFBundleIdentifier</key> <string>com.dummy.MyWebApp</string> <key>CFBundleName</key> <string>mywebapp</string> <key>CFBundleShortVersionString</key> <string>1.0</string> <key>CFBundleVersion</key> <string>1.0</string> <key>Height</key> <integer>768</integer> <key>MainHTML</key> <string>ibooks_basic.html</string> <key>Width</key> <integer>1024</integer> <key>IBNotifiesOnReady</key> <false/> </dict> </plist>
这些键相对容易理解，大多数实际上是可选的。但是，MainHTML 设置为网页应用的正确文件名很重要；在本例中：ibooks_basic.html。如果没有指定 Width 和 Height，则 Default.png 图像的大小将用于网页应用。如果 IBNotifiesOnReady 设置为 true，则当网页应用准备好渲染时，它会通知 iBooks 应用程序，以避免在启动小部件时出现任何闪烁。更多关于这方面的信息可以在 苹果公司支持文档 中找到。
要从这些文件创建一个小部件，您应该将它们复制到 MacOS X 计算机上的一个文件夹中，并将文件夹重命名为小部件名称，扩展名为 .wdgt。（文件夹的图标将会改变，内容会隐藏；但您仍然可以通过右键单击小部件文件夹并从弹出菜单中选择“显示包内容”来查看它。）就这样：您已经创建了一个 iBooks HTML 小部件。
获得此小部件文件夹后，您可以在 iBooks Author 中打开一个书籍项目，并通过从主菜单中选择插入 > 小部件 > HTML 创建一个空的 HTML 小部件模板。在检查器窗口中（如果它不可见，您可以通过从主菜单中选择查看 > 显示检查器 来打开它），您应该选择最右侧的选项卡图标（“小部件检查器”），然后选择交互设置。单击选择... 并从文件选择器对话框中选择小部件文件夹。就这样。您可以通过单击书籍中小部件表示下方的编辑 HTML 来在计算机上测试小部件。为了在 iPad 上查看小部件，您应该连接 iPad，在 iPad 上打开 iBooks 应用程序，然后从 iBooks Author 的主菜单中选择文件 > 预览。
在 iBooks 中，小部件的视窗没有任何问题：它始终具有在 Info.plist 文件中指定的大小（或者，如果那里没有指定大小，则使用 Default.png 图像的大小）。即使 iPad 的方向发生变化，该尺寸（以 CSS 像素为单位）也会保持不变，但 iBooks 会缩放小部件以适应屏幕。请注意，使用横向尺寸对于小部件来说可能是一个好主意，因为在这种情况下，它们要么全屏显示（如果 iPad 处于横向模式），要么标题和字幕显示在小部件的上方和下方（如果 iPad 处于纵向模式）。
默认情况下，iBooks 支持一些双指手势，允许用户与小部件交互。您可以在章节 iOS 网页应用入门 中讨论的网页应用中禁用这些手势。