iPhone Web 应用程序、模板、框架？

Question

当我考虑制作专门用于在 iPhone 上查看的网页/网站/应用程序时，有人可以为我提供任何好的起点吗？

我看过类似 Joe Hewitt 的模板已经做了，也看到了一些可以购买的模板，但我还没有做。

我认为其他人已经开始走这条路，并决定我可以借鉴他们新发现的知识:)

那么，有人有任何指示吗？ 我很清楚这样一个问题：这样的模板/框架越让 Web 应用程序看起来像原生 iPhone 应用程序，我就越有可能遇到麻烦，因为它根本不是，但现在我想要我可以开始构建一个框架，然后在此过程中找出如何使其足够独特，既可以被视为网络应用程序，又看起来像原生 iPhone 应用程序。

具体来说，我正在寻找诸如以下功能：

• 样式表设置，或如何为 iPhone
• 页面翻转动画执行这些操作的指针，即。 在列表中选择一个项目，列表从左侧滚动到视图之外，项目的信息从右侧滚动到
• 动画部分必须与动态页面配合使用，即。 不仅仅是一个为每个子项设置了 div 的大页面（至少有一个这样的框架具有一种快速修复功能），我需要让列表项选择加载页面项目，然后加载后滚动到它

---

编辑：为了避免人们只阅读问题和答案，在阅读我的其他回复之前，我将在此处添加对 GPL 许可和类似问题的说明。

我需要使用的框架无法在许可证下分发，这需要我在类似的许可证下许可我自己的项目。 GPL 系列许可证允许有关库使用的例外情况，但这不适用于此，因为必然，我需要使用的框架类型将全部是源代码。

该项目可以轻松容纳商业图书馆。

另外，我不需要库或框架本身，看起来不错并且没有过度混淆的示例文件也将受到欢迎。

Answer 1

前几天我在 Google 代码上发现了 iphone-universal。 还没有机会尝试，但看起来很有希望。

Answer 2

jQtouch 看起来很出色。

Answer 3

iUI 库（最初由 Joe Hewitt 提供）将是一个不错的起点。 该库获得 BSD 许可，没有商业限制。

您正确地认为 iphone-universal 不适合您 --它实际上是根据 Affero GPL 获得许可的，只需通过网络访问该软件即可触发分发条款，这与标准 GPL 完全不同。

Answer 4

我目前正在研究 http://webapp.net.free.fr/。 请在此处查看演示。 与提到的其他框架相比，它具有以下优点：

• 正在积极开发
• 活跃用户社区
• 具有开放许可证，只要包含版权/免责声明即可免费分发

最后一点对我来说确实是赢家。 我正在考虑构建一些将包含在商业产品中的东西，因此其他框架，如 iphone-universal 和 iwebkit（均为 GPL）不是选择。

Answer 5

QuickConnectiPhone 是 LGPL，因此您可以按照您想要的方式使用它。 它有一个自定义的 Dashcode 项目，其中包含所需的文件。 它是高度模块化的。 如果您愿意，它甚至可以让您将 JavaScript、HTML 和 CSS 编译成可安装的应用程序。

http://sourceforge.net/projects/quickconnect/

有关详细信息，您可以查看http://tetontech.wordpress.com

Answer 6

尝试 iwebkit

http://iwebkit.net

这是一个演示：

http://m.iwebkit.net

Answer 7

这看起来不错，但不幸的是它是根据 GPLv3 获得许可的，所以我实际上有点害怕开始查看该代码。 我需要找到或开发（如果需要）的框架必须能够用作商业程序的一部分，而不必对整个程序进行不同的许可。 商业库很好，我只是还没有找到任何可以演示的库，大概是因为如果我愿意的话，我可以窃取所有代码。

我想我会进一步研究，但感谢您的链接。

编辑：澄清。 如果有人想要的话，我可以满足将 iPhone 的 Web 框架部分的源代码共享的要求，但由于这个框架都是源代码，我担心将其部分内容合并到现有的 Web 应用程序中（以为 iPhone 制作皮肤），我会让整个网络应用程序承担 GPL 许可证的责任，这是完全不可能的。 即使共享与 iPhone 页面相关的所有文件也是不可能的，因为它们将包含专有代码。

Answer 8

我一直在研究 iUI，发现它相当不错，但说实话我没有看过许可模型，所以我不知道它是什么。 它非常简单直接，并且与 ASP.NET MVC 配合良好。

Answer 9

查看 iWebkit 6。 不过，它仅适用于 iOS 5 :(。

更新

您还可以使用 saurik 的。它没有你所说的所有功能，但我会尝试看看如何实现它们。另外，你说你想在它的基础上构建一个演示（saurik 删除了 cydia 的实际优秀部分。 .saurik.com）您可以在我的其他网站上使用我的。
为了避免传输所有这些图像，只需在标题中添加以下内容：

另外，将其添加到您的 CSS 中：

body > panel > fieldset > div > a: hover {
background-image: url('menutouched.png')
}

menutouched.png 位于：

js中的这个函数滑动页面。 它来自 Joe Hewitt 的 iUI 项目：

function swipePage(fromPage, toPage, backwards)
{
toPage.style.left = “100%”;
toPage.setAttribute(“selected”, “true”);
scrollTo(0, 1);
var percent = 100;
var timer = setInterval(function()
{
percent += animateX;
if (percent <= 0)
{
percent = 0;
fromPage.removeAttribute("selected");
clearInterval(timer);
}
fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%";
toPage.style.left = (backwards ? -percent : percent) + "%";
}, animateInterval);
}

要加载下一页，您可以尝试执行 窗口.location 有延迟。 不过时间由你决定。

您还需要将其添加到您的 CSS 中：

body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
}