跨平台app开发框架（跨平台app开发框架首选）

本篇文章给大家谈谈跨平台app开发框架，以及跨平台app开发框架首选对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

跨平台移动开发框架 使用的各是什么框架

很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多，很多新的技术已经出现，下面再来总结下还有哪些框架是适合面向手机设备的开发的。1、jQueryMobilejQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQueryMobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。2、jQTouchjQTouch是一个jQuery的插件，主要用于手机上的Webkit浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的JavaScript库。支持包括iPhone、Android等手机。3、DHTMLXTouchDHTMLXTouch是一个免费的HTML5/JavaScript框架，专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。DHTMLXTouchUIDesigner是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLXTouch强大的用户界面。包括一个menuappfortheiPad(适用于开发餐厅应用)和BookShop(一个电子书店应用)。4、Mobilize.jsMobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速，简便地构建移动网站。这个框架其实就是将需要在移动设备上显示的部分页面以jQueryMobile的默认主题显示，而不是实现一个全新完整的移动页面。Mobilize.js可用于任意网站，但对于基于WordPress和Sphinx的网站不需要使用该框架转换，因为已经有非常多的插件可以使用。5、TheMProjectThe-M-Project是另外一个强大的JavaScript框架，它利用HTML5新的特性来更好和更简便地开发移动应用。这个框架遵循著名的MVC软件架构模式。它还支持离线，所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候，再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南)。可以查看提供的示例来对该项目有一个初目的了解。这些示例包括：ToDoApp(待事项目应用)和KitchenSink(这个示例包括这个框架提供的所有UI元素)。6、WebApp.NetWebApp.Net提供了很多的API，因此可以帮助你节省很多工作了。不需要花时间去进行Ajax调用的编码，因为已经内置了，另外还有很多其它内置功能，提供了详细的文档和应用演示。7、WijmoWijmo是一个基于jQueryUI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。8、960GridonjQuery-Mobilejquery-mobile-960是一个用于移动Web开发的网格框架，综合了960.gs的灵活性和jQueryMobile的方便性。它的目的是让jQueryMobile布局更加的灵活，使得应用应许在移动终端更加易用。9、SenchaTouchFrameworkSenchaTouch是世界上第一个基于HTML5的移动Web开发框架，支持最新的HTML5和CSS3标准，全面兼容Android和AppleiOS设备，提供了丰富的WEBUI组件，可以快速的开发出运行于移动终端的应用程序。Shencha是第一个使用HTML5，CSS和JavaScript并且支持音频/视频，本地存储，圆角，渐变背景以及阴影的开发框架。10、NimbleKitNimbleKit是为iOS设备构建应用程序最快速的方式，你不需要知道Objective-C或者iOSSDK，你只需结合JavaScript代码编写HTML页面就可以了。11、Touchy™BoilerplateTouchyBoilerplate是一个用来创建移动webapp，包括HTML模板，Metatag等的工具。Touchy可以支持动态页面导航，固定页头，滚动内容，浏览历史记录等功能。Touchy使用jQuery或者Zepto.JS。12、PhoneGapPhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如iPhone的iPhoneSDK，Android的AndroidSDK等，也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点，因为虽然基本代码是一样的，但是你仍然需要为每个平台分别编译应用程序。13、joshfireJoshfire是一个开源的跨设备开发框架，帮助开发者创建可以在多种设备上运行的webapp。它使用HTML5和JavaScript，并且允许开发者快速整合本地应用和特定的web应用。Joshfire可以让你的应用接受键盘，鼠标，触摸屏，遥控器等设备的输入。Joshfire支持Node.JS。4.SenchaTouch：基于HTML5的移动网页开发框架。14、JuliaJulia框架由基本CSS3文件、JS库和各个平台的运行库构成。不像PhoneGap，Julia不仅仅包含调用本机代码的接口层，它还包含Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，异步数据库存取接口，HTML选择符(类jQuery调用接口)，HTML模版(允许嵌入JS代码)等应用开发必备的API接口。基于Julia的应用开发就像网站开发那么简单，是的，你终于可以用HTML5开发一个完整的、跨平台的、不亚于本机代码的、易于维护的移动应用了！大幕即将揭晓，让我们一起进入移动开发的新时代15、SproutCoreHTML5ApplicationFrameworkSproutCore是一个HTML5移动Web开发框架，它的目标是在无需浏览器插件的情况下，在浏览器中位应用程序提供极佳的桌面效果。16、Titanium这是一个强大的，健壮的移动Web开发框架。能够让使用现有的HTML,CSS和JavaScript知识来为iOS和Android平台开发原生移动应用。作为一个越来越大的移动Web框架，它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。TitaniumMobile支持原生的iOS和AndroidUI元素如Tableviews,tabs,switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。17、Lungo.jsLungo.js是一个采用HTML5,CSS3和JavaScript技术实现的移动Web应用程序开发框架。利用这框架开发的应用程序可运行所有流行的平台包括：iOS,Android,Blackberry和WebOs。它还支持触摸事件如：tap,double-tap和swipe。整个框架没有用到任何图片包括图标，所有都矢量化。可以在这个框架中使用HTML5拥有的一些特性如：WebSQL,地理位置定位，历史或设备方向等。Lungo.js是一个模块化并且完全可定制的框架。18、xui.js有时候你可能需要一个超轻量级的框架，只要拥有用于开发标准客户端所需要的功能如：DOM操作，事件处理，Ajax和一些动画效果。如果是这样的话，这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2KB。19、EmbedJSEmbedJS是一个用于嵌入式设备的JavaScript框架如：移动电话，TVs、tablets和soforth。EmbedJS强大之处在于，它拥有专门为特定平台和浏览器如iOS,Firefox,Android等提供相应的开发版本。这样就能够以最少的代码，为用户提供最佳的体验。而且假如你喜欢自己定制，可以利用其提供的EmbedJSBuildtool工具实现。EmbedJS基于Dojo实现，所以你如果熟悉DojoAPI语法，那EmbedJS将是你最佳的选择。20、zepto.jszepto.js是一个专为mobileWebKit浏览器(如：Safari和Chrome)而开发的一个JavaScript框架。它标榜自己在其简约的开发理念，能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架，是超轻量级的，只有5KB。zepto.js的语法借鉴并且兼容jQuery。21、BakerBaker是用来在iPad或者iPhone平台上发布交互式的电子书或者电子杂志的HTML5电子书框架。22、ChocolateChip-UIChocolateChip-UI是一个手机移动Web开发框架，采用HTML5,WAML,CSS和JavaScript等技术实现。基于ChocolateChipJavaScript框架，包含最新的ChUI.JS和ChUI.css.23、MagazineGridMagazineGrid是一个超现代的CSS框架，用于iPad和iPhone手机，使用类似杂志的设计风格。MagazineGrid可让用户使用HTML5元素来组织杂志页，非常轻量级(4k)，在移动设备上加载非常快，对老的浏览器也支持。24、KendoUIKendoUI是一个强大的框架用于快速HTML5UI开发。基于最新的HTML5、CSS3和JavaScript标准。KendoUI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。25、HTMLAppHostFramework这是一个用于构建基于WindowsPhone7的HTML/JavaScript托管框架，使用HTML5技术。该框架由支持在标准xap格式中嵌入html应用的控件。

app开发都会用到什么框架

国内几个集成类型的框架大致看过，适合入门级别或者对App要求不是很严格的开发者。

如果对App的性能、包size有要求。对代码有洁癖，不想使用一个功能就引入一个大坨jar包。

或者想专注学习某一个模块或方向，那么推荐你使用Lite的类库。

以下是lite站点已列出的一些特点

1. 专一，每个库只做一件事情，并且只有核心相关的代码，这使得框架库体积非常小。

2. 简单，不需要三方依赖或辅助，API使用简单。

3. 性能不错，作者每个环节经过测试对比，来选出更好的模式和做法。

4. 依赖抽象，开发者可以自由的替换实现，来拓展功能。

5. 约定优于配置，这个无需多说了，省掉多余描述，更好地做事情。

图片加载，UIL或者Picasso；

数据库，ormLite或者greenDao；

网络层，apcahe的http-common或者square的okhttp；

聊天，XMPP；

JSON解析，fastJson；

动画，NineOldAndroids。

Flutter跨平台框架（Dart语言）

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。(-中文网；-英文网)

Flutter是一种趋势，势必会取代RN，成为最主流的跨平台开发框架，基于Dart语言。ios开发必须Mac电脑。android开发window、linux、Mac均可。

android app开发中常用到哪些开源框架

在前面的课程中，随着对Android体系的了解，已经可以进行正常的Android应用开发了。在Android开发中，同其他工程开发一样，也经常使用一些提高效率的框架，本文我们做一个对比。这些框架，既包括：网络请求框架、也包括图片加载库框架、还包括数据库操作等一些框架，总之，了解和熟悉这些框架，会对自己的开发效率有很大的提升和帮助。

网络请求框架

1、okHttp

在前文的学习中，我们已经了解过okHttp，是一个常用的网络加载库。

2、Retrofit

介绍

Retrofit是一个很不错的网络请求库，该库是square开源的另外一个库，之前的okhttp也是该公司开源的。

Retrofit是基于OkHttp封装的RESTful网络请求框架，使用注解的方式配置请求。优点是速度快，使用注解，callback函数返回结果自动包装成Java对象。官方自己的介绍说：

A type-safe REST client for Android and Java

该网络框架在github上的地址如下：

要求

Retrofit支持的http方式方式包括 GET/POST/PUT/DELETE/HEAD/PATCH，Retrofit要求Java的版本是1.8+，Android应用的API版本应该在21+。

依赖

使用Retrofit库，和其他库一样，首先需要设置依赖，依然是在build.gradle文件中设置依赖：

//添加retrofit库依赖

implementation ‘com.squareup.retrofit2:retrofit:2.1.0’

//添加gson转换器

implementation ‘com.squareup.retrofit2:converter-gson:2.1.0’

使用

通过一个例子，我们可以来演示该框架的使用步骤：

1、定义请求接口，即程序中都需要什么请求操作

public interface HttpServices {

/**

获取头条新闻

@param type 新闻类型

@param key apiKey

@return

*/

@GET(“toutiao/index”)

Call getNewsList(@Query(“type”) String type, @Query(“key”) String key);

}

2、实例化Retrofit对象，使用的Builder的模式创建，如下代码所示：

Retrofit retrofit = new Retrofit.Builder()

.baseUrl(Constants.BASE_API)

.addConverterFactory(GsonConverterFactory.create())

.build();

注意，这里设置结构体转换器，是可以直接把网络请求回来的数据转换为Java结构体，这里设置的Gson解析器，因此要引入相应的转换器支持库。

3、得到接口对象，自己创建的全局的接口对象，并调用相应的接口，得到一个类似于请求Call对象。如下所示：

HttpServices httpServices = retrofit.create(HttpServices.class);

Call newsListCall = httpServices.getNewsList(“top”, Constants.API_KEY);

4、加入到请求队列中，并设置回调方法：

newsListCall.enqueue(new Callback() {

@Override

public void onResponse(Call call, Response response) {

//网络请求成功的回调方法

List list = Arrays.asList(response.body().result.data);

Log.i(“TAG”, “请求成功:” + String.valueOf(list.size()));

NewListAdapter adapter = new NewListAdapter(RetrofitActivity.this);

adapter.setmData(list);

mRecyclerView.setAdapter(adapter);

}

@Override

public void onFailure(Call call, Throwable throwable) {

//网络请求失败的回调方法

Log.i(“TAG”, “请求失败:” + throwable.getMessage());

}

});

其他界面操作和之前的Android中的内容一致。

3、RxJava

简单来说，用来处理事件和异步任务，在很多语言上都有实现，RxJava是Rx在Java上的实现。

原理

RxJava最基本的原理是基于观察者模式来实现的。通过Obserable和Observer的机制，实现所谓响应式的编程体验。

特点

RxJava在编程中的实现就是一种链式调用，做了哪些操作，谁在前谁在后非常直观，逻辑清晰，代码维护起来非常轻松。

RxJava也是一个在github上的库，github地址如下：

基于此，还有一个RxAndroid，github地址如下：

RxJava和RxAndroid的关系

RxAndroid是RxJava的一个针对Android平台的扩展，主要用于 Android 开发。

基本概念

RxJava 有四个基本概念：

Observable：可观察者，即被观察者Observer：观察者subscribe：订阅事件

这四个概念之间的逻辑关系是：Observable和Observer通过subscribe方法实现订阅关系，从而Observable可以在需要的时候发出事件来通知Observer。

事件

RxJava 的事件回调方法主要包含以下几个：

onNext：普通的事件onCompleted：事件队列完结。RxJava 不仅把每个事件单独处理，还会把它们看做一个队列。RxJava 规定，当不会再有新的 onNext 发出时，需要触发 onCompleted 方法作为标志。：事件队列异常。在事件处理过程中出异常时， 会被触发，同时队列自动终止，不再允许再有事件发出。在一个正确运行的事件序列中, onCompleted和 有且只有一个，并且是事件序列中的最后一个。需要注意的是，onCompleted() 和 () 二者也是互斥的，即在队列中调用了其中一个，就不应该再调用另一个。

数据库操作框架

在开发时，本地数据库可以起到缓存数据和存储业务数据的作用，随着技术的成熟，不断推出了有很多关于数据库的操作框架。比较常见的数据库操作框架有诸如：GreenDao，OrmLite 和 ActiveAndroid，DBFlow等。

GreenDAO

GreenDAO是一个开源的 Android ORM(“对象/关系映射”)，通过 ORM（称为“对象/关系映射”），在我们数据库开发过程中节省了开发时间！

GreenDao的官方文档地址如下：

GreenDao的作用

通过 GreenDao，我们可以更快速的操作数据库，我们可以使用简单的面相对象的API来存储，更新，删除和查询 Java 对象。这款数据库操作框架的特点是：

高性能，在官方的统计数据中，GreenDao在GreenDao，OrmLite 和 ActiveAndroid三个框架中，读、写、更新操作效率均表现第一。易于使用的强大 API，涵盖关系和连接。内存消耗较小。安全：greenDAO 支持 SQLCipher，以确保用户的数据安全;

核心概念

GreenDao 的核心类有三个：分别是：

DaoMaster：保存数据库对象（SQLiteDatabase）并管理特定模式的 DAO 类（而不是对象）。它有静态方法来创建表或删除它们。它的内部类 OpenHelper 和DevOpenHelper 是 SQLiteOpenHelper 实现，它们在 SQLite 数据库中创建模式。DaoSession：管理特定模式的所有可用 DAO 对象，您可以使用其中一个getter方法获取该对象。DaoSession 还提供了一些通用的持久性方法，如实体的插入，加载，更新，刷新和删除。XXXDao：数据访问对象（DAO）持久存在并查询实体。对于每个实体，greenDAO 生成DAO。它具有比 DaoSession 更多的持久性方法。Entities：可持久化对象。通常, 实体对象代表一个数据库行使用标准 Java 属性(如一个POJO 或 JavaBean )。

使用

按照官方的文档和github上的说明可以实现greendao的使用。

首先进行的是依赖，对于greenDao，有两个地方需要设置，分别是项目根目录中的 build.gradle，还有module中的build.gradle。

classpath ‘org.greenrobot:greendao-gradle-plugin:3.3.0’ // add plugin

在项目根目录中的build.gradle目录中写这句话的意思是添加greenDao的插件。

在项目module中的build.gradle中也需要进行配置，有两个地方需要设置，如下图所示：

apply plugin: ‘org.greenrobot.greendao’ //开头加入该代码

dependences{

implementation ‘org.greenrobot:greendao:3.2.0’

}

然后就可以使用了。

bean实体

可以在项目中创建自己业务需要的实体类，并通过注解来设置是实体类，字段约束等内容。然后点击Android Studio中的Make module，即可自动生成XXXDao代码，以此来方便开发者的操作。生成的XXXDao类，不可修改和编辑，是自动生成的。

ORMLite

ORMLite框架是另外一款Android开发中可以使用的数据库操作框架。该框架的文档地址如下：

该框架的文档准备的不是特别友好，此处不再赘述。

总结，所有的框架原理几乎都相差不大，只是操作有所差异。

视图注入框架

在Android项目开发过程中，有太多的页面需要布局完成，同时在代码中需要些大量的findviewbyid的操作，来实现控件的解析。于是就有人想能否轻松一些，解放双手节省时间，干一些其他有意义的事情，于是ButterKnife就来了。

ButterKnife是一个专注于Android系统的View注入框架,可以减少大量的findViewById以及setOnClickListener代码，可视化一键生成。

该项目在github上的地址如下：

这个框架的优势也非常明显：

强大的View绑定和Click事件处理功能，简化代码，提升开发效率方便的处理Adapter里的ViewHolder绑定问题运行时不会影响APP效率，使用配置方便代码清晰，可读性强

使用

首先是设置依赖，在build.gradle中进行依赖设置：

implementation ‘com.jakewharton:butterknife:10.2.1’

annotationProcessor ‘com.jakewharton:butterknife-compiler:10.2.1’

需要注意，该框架要求Java环境1.8版本以上，SDK版本在26以上，因此在使用到的module中的build.graldle文件中，还必须添加如下代码配置：

apply plugin: ‘com.jakewharton.butterknife’

android{

//…

compileOptions {

sourceCompatibility JavaVersion.VERSION_1_8

targetCompatibility JavaVersion.VERSION_1_8

}

//…

}

另外，还必须在项目根目录中的build.gradle文件中，添加该框架的插件，如下图所示：

dependences{

classpath ‘com.jakewharton:butterknife-gradle-plugin:10.2.1’

}

然后即可在代码中进行使用了。

在使用该框架的页面进行绑定诸如，如下所示代码:

ButterKnife.bind( this) ;

主要的功能

@BindView（）：控件id 注解，解放双手，不用再每个控件都写一遍findviewById@BindViews（）:多个控件id 的注解，括号内使用花括号包括多个id即可，中间用，分割开在Fragment中使用，绑定Fragment。@BindString（）：绑定字符串@BindArray：绑定数组@BindBitmap：绑定bitmap资源@OnClick、@OnLongClick：绑定点击事件和长按事件…还有很多

插件安装

如果是页面很复杂，一个一个写BindView也很费劲，在Android Studio中，可以安装一个ButterKnife的插件，安装该插件后，可以在Studio中直接将对应的布局中的所有控件均给自动生成。

注意，在进行自动生成时，鼠标要放在布局文件上。

注意事项

ButterKnife框架在使用时，要求的版本比较高，包括Java的版本也有限制。因此，如果计划在项目中使用，要提前做好预备工作，以防止对已有项目和业务带来不必要的麻烦，反而影响工作进度。

Electron跨平台桌面级应用开发框架

上次我们提到了业界大名鼎鼎的Qt桌面级应用开发框架，不过Qt是基于c++进行开发的，c++的开发模式也并不是十分适用于现代这种短平快的软件开发模式，相比之下，electron是基于nodejs和 Chromium使用javascript，html和css来开发桌面应用的框架。

Electron的原理很简单，基本上就是使用我们常见的chrome浏览器的内核为基础通过nodejs和底层操作系统进行操作交互。

必要的准备内容不多，不管你是windows，linux还是mac只要安装最新版本的nodejs就可以了，除此之外确保你有npm和git

然后打开命令提示符输入

安装依赖的过程可能比较久，npm会自动安装一些windows的编译包。

安装成功并且运行了会提示入下图

实际上就是个chrome浏览器的壳子把html和css以及js绘制的UI显示出来，右边的debug工具都是和chrome里一模一样的。

当然我们也可以关闭它。显示的时候看起来就更加像是一个浏览器了。

electron的目录结构如下。

package.json是我们常见的npm包管理软件，这里主要是一些APP的应用信息，包的管理和开发用的脚本命令。在这里我们还要定义好main为main.js如果没有定义的话会默认启动index.js。这里和nodejs默认的情况都差不多。

main.js是应用程序的主进程文件，这个主进程文件就是用来创建应用程序窗口和处理系统事件使用的文件。它看起来大概是下面这个样子。

这个文件显示主界面的信息内容。

就是图中红色箭头指示的位置。

electron想必qt开发起来就容易多了，因为我们可以通过html，css和javascript这样简单容易的语言开发跨平台的桌面应用，因为读取的是html文件，这还意味着我们可以更容易的在服务端实时更新数据内容。

跨平台的html5移动app开发框架有哪些

jquery mobile和bootstrap都是较好的框架

jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

跨平台app开发框架的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于跨平台app开发框架首选、跨平台app开发框架的信息别忘了在本站进行查找喔。