iPhone Web 应用程序、模板、框架？[关闭]

StackOverflow https://stackoverflow.com/questions/8756

题

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

我看过类似的模板 乔·休伊特 已经做了，也看到了一些可以购买的模板，但我还没有做。

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

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

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

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

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

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

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

另外，我不需要 图书馆 或一个 框架 因此，看起来不错并且没有过度混淆的示例文件也将受到欢迎。

有帮助吗？

解决方案

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

其他提示

杰Q触摸 看起来很出色。

这 iUI库, 最初来自 Joe Hewitt，将是一个很好的起点。该库获得 BSD 许可，没有商业限制。

你的假设是对的 iphone通用 不是您的选择 - 它实际上是根据 Affero GPL 获得许可的，只需通过网络访问该软件即可触发分发条款，这与标准 GPL 完全不同。

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

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

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

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

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

欲了解更多信息，您可以查看 http://tetontech.wordpress.com

尝试 iwebkit

http://iwebkit.net

这是一个演示：

http://m.iwebkit.net

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

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

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

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

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

更新

您还可以使用 索里克的. 。它没有您所说的所有功能，但我会尝试看看如何实现它们。另外，你说你想在此基础上继续发展。对于演示（saurik 删除了 cydia.saurik.com 的实际良好部分），您可以使用 矿 在我的另一个网站上。为了避免传输所有这些图像，只需将其添加到标题中：

<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);
}

要加载下一页，您可以尝试执行类似的操作 窗口位置 有延迟。不过时间取决于你。

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

body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
}
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top