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

oad 发布于 2018-03-23 dashcode 最后更新 2018-03-23 13:40 705 浏览

在制作专门用于在iPhone上浏览的网页/网站/应用程序时,有没有人有任何好的起点? 我查看了像Joe Hewitt这样的模板,并且还看到了一些我可以购买的模板,这些模板我还没有完成。 我想其他人已经开始在这个轨道上,并决定我可以嘲笑他们的新知识:) 那么,有没有人有任何指针?我很清楚这样一个问题,即更多这样的模板/框架使Web应用看起来像本机iPhone应用,我越容易陷入麻烦,因为它不是,但现在我想我可以开始构建一个框架,然后在这个过程中弄清楚如何使它具有足够的独特性以被视为一个Web应用程序,并且看起来像一个本地iPhone应用程序。 具体而言,我正在寻找如下功能:

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

  • 编辑:为了避免人们只阅读问题和回答问题,在阅读我的其他回复之前,我会在此处添加对GPL许可和类似问题的澄清。 我需要使用的框架不能根据许可证进行分发,这需要我根据类似的许可证许可我自己的项目。 GPL许可证家族允许有关库使用的例外情况,但这不适用于此,因为必要时,我需要使用的那种框架将是所有源代码。 该项目可以轻松容纳商业图书馆。 另外,我不需要框架,因此,看起来不错并且不会过度混淆的示例文件也会受到欢迎。
已邀请:

aet

赞同来自:

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

oad

赞同来自:

这个看起来很好,但不幸的是它在GPLv3下获得了许可,所以我实际上有点害怕开始查看代码。如果需要,我需要找到或开发的框架必须能够用作商业程序的一部分,而不必为整个程序授予不同的许可。商业图书馆是好的,我还没有发现任何我可以演示,大概是因为如果我想,我可以窃取所有的代码。 猜猜我会看得更远,谢谢你的链接。 <strong>修改</strong>:澄清。如果有人需要它,我会很满意要求将源代码分享给iPhone的Web框架部分,但由于这个框架是全部源代码的,我恐怕会将其中的一部分合并到现有的Web应用程序中为iPhone创建一个<strong>皮肤</strong>),我会让整个Web应用程序对GPL许可证承担责任,这是完全不可能的。即使共享与iPhone页面相关的所有文件也是不可能的,因为它们将包含专有代码。

ksit

赞同来自:

我一直在使用iUI,发现它很好,但说实话我没有看过授权模式,所以我不知道它是什么。它非常简单直接,并且可以很好地与ASP.NET MVC配合使用。

ket

赞同来自:

最初来自Joe Hewitt的iUI library将是一个开始的好地方。该图书馆获得BSD许可,并且没有任何商业限制。 假设iphone-universal不是您的选择 - 它实际上根据Affero GPL授权,只需通过与标准GPL完全不同的网络访问软件即可触发分配条款。

tsint

赞同来自:

QuickConnectPhone是LGPL,因此您可以按照自己的方式使用它。它有一个包含所需文件的自定义Dashcode项目。它是高度模块化的。如果您愿意,它甚至可以让您将JavaScript,HTML和CSS编译为可安装的应用程序。 http://sourceforge.net/projects/quickconnect/ 有关更多信息,您可以查看http://tetontech.wordpress.com

funde

赞同来自:

试试iwebkit http://iwebkit.net 这里是一个演示: http://m.iwebkit.net

kodit

赞同来自:

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

  • 正在积极开发
  • 活跃用户社区
  • 拥有开放许可,只要您包含版权/免责声明即可免费发布
  • 最后一点对我来说确实是赢家。我正在研究构建将包含在商业产品中的东西,所以其他框架如iphone-universal和iwebkit(都是GPL)都不是选项。

isit

赞同来自:

jQtouch看起来非常出色。

psunt

赞同来自:

请查看<a href="http://www.snippetspace.com/iwebkit6" rel="nofollow">iWebkit 6</a>。它只适用于iOS 5,尽管:(。

更新

您也可以使用<a href="http://cache.saurik.com/menes/style.css" rel="nofollow">saurik's</a>。它没有你想说的所有功能,但我会试着去看看如何实现它们。另外,你说你想建立它。对于演示(saurik拿下cydia.saurik.com的实际部分),您可以在我的其他站点上使用<a href="http://links.bargonaut.com/WebGUI/saurik.html" rel="nofollow">mine</a>。 为避免传输所有这些图像,只需在标题中添加以下内容: <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')
}

这个功能在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);
}

为了加载下一页,你可以尝试像延迟执行<a href="http://www.tizag.com/javascriptT/javascriptredirect.php" rel="nofollow">window.location</a>这样的操作。时间是由你决定的。 您还需要将其添加到您的CSS中: <pre>body { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-text-size-adjust: none; -webkit-touch-callout: none; } </pre>