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

哈维尔·卡鲁索

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

提前致谢。

磨碎的

如您所说,“但是每个移动平台都有视觉风格吗?” 我了解您在应用程序中搜索本机外观。其他答案都是好的框架,但是,除非您想花时间调整css,否则它们在外观上不会类似于本机UI。

我曾经使用过Twitter引导程序和jQM。到目前为止,到目前为止还不错,但是对于本机UI外观,我将选择以下我认为是最好的选项。在花了很多时间寻找jQM替代品之后,这些是我的首选,因为我在某些方面并不满意。

编辑:根据我的经验以及到目前为止我发现的东西(离子和温泉ui),我将添加两个新选项。

离子框架

http://ionicframework.com/

旨在使用Angular JS开发混合应用程序是一个真正的瑰宝。我一直在使用它,它确实帮助我比使用jQuery时更快地进行开发。

您也可以直接使用UI元素,并且为iOS和Android正确设置了它们的样式,尽管我认为它的样式更像iOS。

优点

  • 基于Angular JS的框架
  • 由于有角度的JS功能,加快了开发过程
  • 记录非常完整,并提供了许多示例,教程和食谱。
  • 如果需要,您可以使用CSS而不使用angular
  • 免费和开源
  • 主题是通过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库的功能来轻松解决特定问题。

缺点

  • 它不是免费用于商业用途。

电话JS

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

如果您喜欢冒险探险家,可以尝试一下可兼容科尔多瓦的类固醇,他们声称您的UI会像本机一样出色。它是很新的,我没有尝试过,但是我似乎很有希望,但是由于仍然没有被广泛使用,所以我没有决定使用它,因为当您遇到问题时,有很多人在使用它会有所帮助。

注意:如果其他人有很多有趣的替代品,可以使用此或其他UI框架的cordova / phonegap,请分享!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Phonegap 3.5自定义插件开发:错误“找不到导入的org.apache.cordova.Plugin”

使用Java的cordova / phonegap

使用Phonegap进行移动开发的Jquery Mobile类似物

创建自定义cordova/phonegap插件以使用swift库

无法在Phonegap中使用自定义字体

Cordova/Phonegap Splashscreen - iOS - 不显示自定义图像

Cordova / Phonegap自定义构建文件名

ASP.NET Core:使用自定义基本URL和https在本地进行开发

使用Azure移动应用程序进行自定义身份验证

Azure移动服务:使用Java脚本后端进行自定义身份验证?

自定义 css 导航栏问题,无法在移动设备中使用

使用 PhoneGap/Cordova InAppBrowser 定时弹出?

使用phonegap的移动应用程序流星

使用GridSearchCV进行自定义评分

使用按钮进行自定义过滤

使用 rpmrc 进行自定义的示例?

使用PhoneGap在iOS上进行音频录制

PhoneGap / Cordova Android开发

使用CSS使用自定义字体?

如何使用phonegap在jQuery mobile中自定义data-role = header?

使用自定义内存创建WebLogic开发域

如何使用 Java 开发自定义 Gradle 插件

使用带有自定义证书的Visual Studio Cordova工具对Windows 8应用程序进行签名

如何在Yii2中使用自定义的CSS文件进行模块布局

如何使用自定义编辑器在移动另一条贝塞尔曲线时进行更新

是否可以在Windows中进行开发,然后在Mac中使用Cordova / PhoneGap或SenCha Touch生成应用程序

Cordova / Phonegap-iOS文件系统自定义根路径iosExtraFilesystems无法正常工作

使用CSS自定义Google图表

使用CSS自定义JavaFx Alert