【问题标题】：iPhone web applications, templates, frameworks? [closed]iPhone Web 应用程序、模板、框架？ [关闭]
【发布时间】：2010-09-05 17:51:03
【问题描述】：

在制作专门用于在 iPhone 上查看的网页/网站/应用程序时，是否有人对我有任何好的起点？

我看过Joe Hewitt 制作的模板，还看过一些我可以购买的模板，但我还没有完成。

我认为其他人已经开始了这条赛道，并决定我可能可以吸取他们新发现的知识 :)

那么，有没有人指点一下？我很清楚这样一个问题，即这样的模板/框架越使 Web 应用程序看起来像原生 iPhone 应用程序，我就越有可能遇到麻烦，因为它不是，但现在我想要一个我可以开始构建的框架，然后在此过程中找出如何使其与众不同，使其既能被视为 Web 应用程序，又能看起来像原生 iPhone 应用程序。

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

样式表设置，或指向如何为 iPhone 设置样式表
翻页动画，即。在列表中选择一个项目，列表向左滚动到视图之外，项目的信息从右侧滚动进入
动画部分必须与动态页面一起使用，即。不仅仅是一个为每个子项设置了 div 的大页面，至少有一个这样的框架作为一种快速修复，我需要让列表项选择加载 page项目，然后在加载时滚动到它

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

我需要使用的框架不能根据许可分发，这需要我根据类似的许可许可我自己的项目。 GPL 系列许可证允许有关库使用的例外情况，但这不适用于此，因为必要时，我需要使用的框架类型将是所有源代码。

该项目可以轻松容纳商业库。

另外，我不需要 library 或 framework 这样的，看起来不错且不会过度混淆的示例文件也将受到欢迎。

【问题讨论】：

DashCode 不是带有模板的 iPhone Web 应用框架吗？

标签： iphone web-applications dashcode

【解决方案1】：

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

【讨论】：

遗憾的是，AGPL3 许可证使 iphone-universal（至少对我的工作而言）完全毫无意义。我确实想知道有多少使用具有此类许可证的 Web 库，而不是像 jQuery 这样的更开放许可的库。我认为它已经三年没有更新的事实说明了一些事情..

【解决方案2】：

jQtouch 看起来很出色。

【讨论】：

【解决方案3】：

iUI library 最初来自 Joe Hewitt，将是一个不错的起点。该库是 BSD 许可的，没有商业限制。

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

【讨论】：

【解决方案4】：

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

正在积极开发中
活跃的用户社区
拥有开放许可，只要包含版权/免责声明，就可以免费分发

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

【讨论】：

这很酷 - 它实际上在页面之间有流畅的动画。它绝对是 iUI 的替代品。

【解决方案5】：

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

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

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

【讨论】：

【解决方案6】：

试试 iwebkit

http://iwebkit.net

这是一个演示：

http://m.iwebkit.net

【讨论】：

【解决方案7】：

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

我想我会进一步看，不过谢谢你的链接。

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

【讨论】：

iphone-universal 实际上是根据 Affero GPL（与标准 GPL 完全不同）获得许可的，这绝对不适用于您的建议。

【解决方案8】：

我一直在研究 iUI，觉得它很不错，但说实话，我没有看过许可模型，所以我不知道它是什么。虽然它非常简单直接，并且可以很好地与 ASP.NET MVC 配合使用。

【讨论】：

【解决方案9】：

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

更新

您也可以使用saurik's。它没有您说想要的所有功能，但我会尝试看看如何实现它们。另外，您说您想在此基础上再接再厉。对于演示（saurik 删除了 cydia.saurik.com 的实际好部分），您可以在我的其他站点上使用 mine。为避免传输所有这些图像，只需在标题中添加：

<link rel="stylesheet" type="text/css" href="http://cache.saurik.com/menes/style.css" />

另外，将其添加到您的 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);
}

为了加载下一页，您可以尝试延迟执行 window.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;
}

【讨论】：