使用Phonegap/Cordova进行移动开发的自定义CSS

Question

我计划使用Cordova v3开发一个使用HTML/CSS定位移动设备的通用应用程序.哪个是最好的解决方案,以便重用大多数html但具有每个移动平台的视觉风格？在这种情况下哪个是最好的css /框架(最好是免费的)？

提前致谢.

Answer 1

正如你所说"但是每个移动平台都有视觉风格？" 我知道您正在搜索应用程序中的本机外观.其他答案都是很好的框架,但是除非你想花时间调整css,否则它们看起来与原生UI(视觉上)不相似.

我曾与Twitter bootstrap和jQM合作过.到目前为止这么好,但对于本机UI外观我会选择以下我认为最好的选项.在花了相当长的时间寻找jQM替代品后,这些是我的首选,因为我对它在特定方面并不满意.

编辑:我根据我的经验和迄今为止我发现的东西(离子和温泉ui)添加了两个新选项.

离子框架

http://ionicframework.com/

打算使用Angular JS开发混合应用程序是一个真正的宝石.我一直在使用它,它确实帮助我比使用jQuery更快地开发.

它也是你可以开箱即用的UI元素,它们适用于iOS和Android的风格,虽然我认为它的风格更像iOS-lish.

优点

• 基于Angular JS的框架
• 由于角度JS功能,加快了开发过程
• 非常好的文档和很多示例和教程和食谱.
• 如果需要,您可以使用CSS而不使用角度
• 免费和开源
• 主题通过CSS或SASS完成
• 开箱即用的组件足以开始构建和应用.

缺点

• 如果你想享受它的所有力量,也许阅读离子文献和Angular联系,但它值得.

温泉UI

http://s.onsen.io/

我还没有使用它,但它看起来像混合应用程序的一个非常完整的UI选项.

优点

• 使用Angular和jQuery很好
• 免费和开源免费和开源
• 它有一个主题工具,可以让你更容易定制外观,以防你害怕CSS或SASS.

Kendo UI移动

http://www.kendoui.c​​om/mobile.aspx

优点

• 它可以帮助您使用Android,iOS,Windows Phone,BB的本机UI外观元素创建本机外观.
• 包含MVC框架
• 像jQM主题滚轮的主题机
• 看起来很稳固(我期待很快使用它)
• 基于jQuery,因此您可以利用所有jquery和JS库的强大功能来轻松解决特定问题.

缺点

• 它不是免费的商业用途.

PhoneJS

http://phonejs.devexpress.com

优点

• 基于jQuery,因此您可以利用所有jquery和JS库的强大功能来轻松解决特定问题.
• (可选)支持Knockout.js以进行MVVM用户界面开发

缺点

• 与剑道相比,它的社区似乎远没那么减少,所以我不确定有多少人在那里使用它,这可能会有所帮助.
• 它不是免费的商业用途.

巧克力片UI

http://chocolatechip-ui.com

优点

• iOS 7,Android Jelly Bean和Windows Phone 8 UI看起来
• 开源,项目看起来很活跃
• jQuery兼容
• ChocolateChip-UI使用自己的JavaScript库,ChocolateChip,用于DOM操作,Ajax请求等.它与jQuery非常相似.(他们声称比jQuery和Zepto有更好的性能)

缺点

• 似乎没有广泛的社区

类固醇

http://www.appgyver.com/steroids

如果你觉得冒险探险家采取类固醇,这是兼容Cordova,他们声称你的UI将表现出与原生一样好.这是一个很新的,我还没试过,但我似乎很有希望,但是由于仍然没有广泛使用我没有决定使用它,因为有很多人使用它是有帮助的,当你遇到问题.

注意:如果其他人有关于cordova/phonegap的这个或其他UI框架体验的有趣替代方案,请分享!