HTML5布局类似Android选项卡和滑动布局

时间:2012-11-24 15:22:15

标签: jquery html5 android-layout jquery-mobile

我正在为客户端开发一个HTML5移动应用程序,但他想要一些我在原生(android)java应用程序中见过的东西。他正在寻找的布局是这个模板之间的交叉

http://carbonyzed.co.uk/Websites/Jason/sites/3/templates/

和这个Android应用程序的风格 - 或许多其他(groupon是一个很好的例子)。

Android App http://4.bp.blogspot.com/-T0ubrNZd4ro/TlOx2EZGnXI/AAAAAAAAAp0/p7PQWuJc8Ns/s1600/MarketSwipe.png Groupon Android App http://cdn02.dayviews.com/105/_u3/_u3/_u1/_u6/_u7/_u5/u3316756/72187_1342683255.jpg

关键的两个功能是,左侧和右侧菜单栏在链接模板中弹出,然后是3个标签式滑动样式页面(一个用于今天,明天和将来)。

我能想到这样做的唯一方法是使用jquery滑块或其他东西,并在其中包含文本而不是图像,但我相信,必须有更好的方法来做到这一点,因此为什么我来了这里。

从我的研究中,我确信我必须使用JQUERY MOBILE或某种JQUERY脚本来执行此操作。

如果有人有任何建议/可以指出我正确的方向,或者甚至向我展示一些这样的设计模板(我似乎无法看到),我将不胜感激。

由于

亨利

1 个答案:

答案 0 :(得分:2)

首先,它可以完成,但在你完成这个项目之前,你会想要充血。

这里的主要问题是jquery mobile(和其他类似产品)不适合那么多的定制。 JQM可以与jQuery UI组件一起使用,但它往往会导致大量的自定义(由于JQM页面兑现,UI组件呈现有时会失败。

其他问题是iPhone上运行的JQM与Android手机上运行的JQM之间的兼容性。 iPhone是JQM更好的平台。 Android在页面转换方面存在巨大问题(Android版本2.X)。它是用4.X版修复的。

即使您可以创建一个防弹应用程序,您仍然可能遇到像phobegap / cordoba这样的包装器框架的问题。

我的建议是创建一个原生应用程序。

相关问题