iPhone Web应用程序,模板,框架?

时间:2008-08-12 12:29:32

标签: iphone web-applications dashcode

在制作专门用于在iPhone上观看的网页/网站/应用程序时,有没有人对我有任何好的起点?

我看过像Joe Hewitt那样的模板,还看到了我可以购买的一些模板,我还没有这样做。

我认为其他人已经开始在这条赛道上,并决定我可能会汲取他们新发现的知识:)

那么,有人有任何指针吗?我很清楚这样的模板/框架使得Web应用程序看起来像本机iPhone应用程序的问题越多,我就越有可能遇到麻烦,因为它不是,但是现在我想要我可以开始构建一个框架,然后在这个过程中弄清楚如何使它具有足够的独特性,以便被视为Web应用程序以及看起来像本机iPhone应用程序。

具体来说,我正在寻找以下功能:

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

修改:为了避免人们只阅读问题并回答,在阅读我的其他回复之前,我会在此处添加我对GPL许可和类似问题的澄清。

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

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

此外,我不需要框架,这样看起来不错且不会过度混淆的示例文件也会受到欢迎。< / p>

9 个答案:

答案 0 :(得分:5)

我前几天在Google Code上找到了iphone-universal。没有机会试一试,但看起来很有希望。

答案 1 :(得分:4)

jQtouch看起来非常出色。

答案 2 :(得分:3)

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

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

答案 3 :(得分:3)

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

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

最后一点真的是我的赢家。我正在考虑构建一些将包含在商业产品中的东西,所以其他框架如iphone-universal和iwebkit(都是GPL)都不是选项。

答案 4 :(得分:2)

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

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

有关详细信息,请查看http://tetontech.wordpress.com

答案 5 :(得分:2)

试试iwebkit

http://iwebkit.net

这是一个演示:

http://m.iwebkit.net

答案 6 :(得分:0)

这个看起来很好,但遗憾的是它是在GPLv3下获得许可的,所以我实际上有点害怕开始查看该代码。我需要找到或开发的框架必须能够用作商业程序的一部分,而不必将整个程序许可不同。商业图书馆很好,我还没有找到任何我可以演示的版本,大概是因为我可以随后窃取所有代码。

猜猜我会更进一步,谢谢你的链接。

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

答案 7 :(得分:0)

结帐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;
}

答案 8 :(得分:0)

我一直在使用iUI,发现它非常好,但说实话,我没有看过许可模式,所以我不知道它是什么。它非常简单直接,适用于ASP.NET MVC。