㈠ Flutter（六）android与Flutter混合开发（Hybird）
如果我们目前的项目是Android的，但是接下来我们希望部分页面可以使用Flutter进行开发，甚至我们希望在Native页面中嵌入FlutterUI组件，那么我们该如何实现呢？
假设你现在Android项目的目录的结构是这样的
这时候如果你想创建一个Flutter模块，使得Android模块和Flutter模块之间可以进行交互，我们可以通过Android Studio新建一个Flutter Mole，具体过程是：File —> New —> New Mole ，之后选择Flutter Mole，指定Project Location的路径为
也就是说，最终你的项目结构会是这样的
接下来在Android Mole的 build.gradle 文件中添加flutter依赖
先创建一个Flutter页面
这里比较重要的是 window.defaultRouteName 这个字段，这个字段可以接收从Native传递过来的参数 （下文我们会介绍原生传递参数的方法），也就是说通过这个字段我们就可以进行Flutter页面的路由的分发
我们可以直接在Android的 MainActivity 中启动一个 FlutterActivity ，这里的 initialRoute 方法中传递的参数就对应Flutter层的 window.defaultRouteName
注意：需要在 AndroidManifest.xml 注册 FlutterActivity
自己创建一个 FlutterAppActivity 继承自 FlutterActivity
在 MainActivity 中启动 FlutterAppActivity （另外别忘了在 AndroidManifest.xml 中注册 FlutterAppActivity ）
两种启动方式的区别
如果单纯只是想打开一个Flutter页面，两种方式实际上基本没有太大区别，第一种方式也许还会更简单一点。但是，在Flutter开发中，我们往往还需要开发一些Native插件供Flutter调用，如果使用复写 FlutterActivity 的方式更有利于我们在 FlutterActivity 中注册我们的Native插件，所以实际开发中一般推荐使用第二种方式
扩展思考
initialRoute 从名称上看起来是Flutter提供给我们进行Native与Flutter交互的路由跳转的，但是实际上他就是一个字符串，我们不仅仅可以传递一个路由名称，有时候我们也可以通过这个参数传递一串JSON数据，然后在Flutter端进行解析，这样我们就可以通过这个参数做更多的事情
activity_main.xml
FrameLayout 用于承载Flutter组件
MainActivity.java
使用 FragmentManager 将 FlutterFragment 添加到 FrameLayout 容器中
运行结果
上半部分是原生的TextView，下半部分是Flutter的Text组件
本节主要介绍了Native和Flutter之间的页面跳转，以及同一个页面中Native与Flutter组件的组合。接下来会介绍如何编写Android插件与Flutter进行数据交互
㈡ Android混合开发该怎么搞
Cordova是一个广泛使用的Hybrid开发框架，它提供了一套js和Native交互规范
在Cordova的SystemWebViewEngine类中可以
看到私有静态void exposeJsInterface（WebView webView，CordovaBridge桥）{
if（（Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1））{
Log.i（TAG，“自Android版本以来已禁用addJavascriptInterface（）桥接。”）;
//错误是Java Strings不会自动转换为JS字符串。
//在JS方面解决这个问题并不困难，但是更容易
使用提示桥来代替。
返回;
}
webView.addJavascriptInterface（新SystemExposedJsApi（桥）， “_cordovaNative”）;
}
因此当Android系统高于4.2时，Cordova还是使用addJavascriptInterface这种方式，因为这个方法在高版本上安全而且简单，低于4.2的时候，用什么方法呢？
答案是WebChromeClient.onJsPrompt方法
WebView可以设置一个WebChromeClient对象，它可以处理js的3个方法
onJsAlert
onJsConfirm
onJsPrompt
这3个方法分别对应js的警告，确认，提示方法，因为只有提示接收返回值，所以js调用一个Native方法后可以等待Native返回一个参数。下面是cordova.js中的一段代码：
/ **
*实现ExposedJsApi.java的API，但使用prompt（）进行通信。
*这是在JellyBean之前使用的，其中addJavascriptInterface（）被禁用。
* /
mole.exports = {
exec：function（bridgeSecret，service，action，callbackId，argsJson）{
return prompt（argsJson，'gap：'+ JSON.stringify（[bridgeSecret，service，action，callbackId]））;
}，
setNativeToJsBridgeMode：function（bridgeSecret，value）{
prompt（value，'gap_bridge_mode：'+ bridgeSecret）;
}，
retrieveJsMessages：function（bridgeSecret，fromOnlineEvent）{
return prompt（+ fromOnlineEvent，'gap_poll：'+ bridgeSecret）;
}
};
然后只要在onJsPrompt方法中使用CordovaBridge来处理js的提示调用
/ **
*告诉客户端向用户显示提示对话框。如果客户端返回true，则WebView将假定客户端将处理提示对话框并调用相应的JsPromptResult方法。
* <p />
*由于我们出于自己的目的黑客提示，我们不应该为此目的使用它们，也许我们应该破解console.log来代替！
* /
@Override
public boolean onJsPrompt（WebView视图，String origin，String message，String defaultValue，final JsPromptResult result）{
//与@JavascriptInterface桥不同，此方法始终在UI线程上调用。
String processedRet = parentEngine.bridge.promptOnJsPrompt（origin，message，defaultValue）;
if（processedRet！= null）{
result.confirm（processedRet）;
} else {
dialogsHelper.showPrompt（message，defaultValue，new CordovaDialogsHelper.Result（）{
@
Override public void gotResult（boolean success，String value）{
if（success）{
result.confirm（value）;
} else {
result.cancel（ ）;
}
}
}）;
}
return true;
}
㈢ html5 app开发框架有哪些
①：PhoneGap
PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova商业版本。
②：Ionic
IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。
③：Mobile Angular UI
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。
Mobile Angular UI的关键字有：
Bootstrap 3
AngularJS
Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。
AngularJS moles， 比如 angular-route, angular-touch 和 angular-animate
响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。
④：Intel XDK
Intel XDK 是Inter开发的一款跨平台开发工具，我们可以很容易的通过Intel XDK开发应用，你需要做的只是下载他们的应用开发工具 ，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.
⑤：Appcelerator Titanium
Appcelerator’s Titanium 不同于其它框架的是，它是一个开源的框架。
Titanium是混合式移动应用开发的一站式解决方案，你只需要下载 Titanium studio就可以解决所有的事情，Titanium SDK包含了很多手机平台的APIs和后端云服务。
Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。
⑥：Sencha Touch
Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。
Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。
⑦：Kendo UI
Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。
Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。
㈣ 请教各位大神，小弟不太理解什么是android+html5混合式开发能否举几个具体的开发案例说明下
android+html5混合式开发的意思是比如有些用原生写很复杂的页面，用html5写会非常简单，安卓就用webview控件加载就行了。、现在非常流行这样。
㈤ android 混合开发 用什么框架好
Cordova是一个广泛使用的Hybrid开发框架，它提供了一套js和Native交互规范
在Cordova的 SystemWebViewEngine 类中可以看到
private static void exposeJsInterface(WebView webView, CordovaBridge bridge) {
if ((Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1)) {
Log.i(TAG, "Disabled addJavascriptInterface() bridge since Android version is old.");
// Bug being that Java Strings do not get converted to JS strings automatically.
// This isn't hard to work-around on the JS side, but it's easier to just
// use the prompt bridge instead.
return;
}
webView.addJavascriptInterface(new SystemExposedJsApi(bridge), "_cordovaNative");
}
因此当Android系统高于4.2时，Cordova还是使用 addJavascriptInterface 这种方式，因为这个方法在高版本上安全而且简单，低于4.2的时候，用什么方法呢？
答案是 WebChromeClient.onJsPrompt 方法
WebView可以设置一个 WebChromeClient 对象，它可以处理js的3个方法
onJsAlert
onJsConfirm
onJsPrompt
这3个方法分别对应js的 alert 、 confirm 、 prompt 方法，因为只有 prompt 接收返回值，所以js调用一个Native方法后可以等待Native返回一个参数。下面是 cordova.js 中的一段代码：
/**
* Implements the API of ExposedJsApi.java, but uses prompt() to communicate.
* This is used pre-JellyBean, where addJavascriptInterface() is disabled.
*/
mole.exports = {
exec: function(bridgeSecret, service, action, callbackId, argsJson) {
return prompt(argsJson, 'gap:'+JSON.stringify([bridgeSecret, service, action, callbackId]));
},
setNativeToJsBridgeMode: function(bridgeSecret, value) {
prompt(value, 'gap_bridge_mode:' + bridgeSecret);
},
retrieveJsMessages: function(bridgeSecret, fromOnlineEvent) {
return prompt(+fromOnlineEvent, 'gap_poll:' + bridgeSecret);
}
};
然后只要在 onJsPrompt 方法中使用 CordovaBridge 来处理js的prompt调用
/**
* Tell the client to display a prompt dialog to the user. If the client returns true, WebView will assume that the client will handle the prompt dialog and call the appropriate JsPromptResult method.
* <p/>
* Since we are hacking prompts for our own purposes, we should not be using them for this purpose, perhaps we should hack console.log to do this instead!
*/
@Override
public boolean onJsPrompt(WebView view, String origin, String message, String defaultValue, final JsPromptResult result) {
// Unlike the @JavascriptInterface bridge, this method is always called on the UI thread.
String handledRet = parentEngine.bridge.promptOnJsPrompt(origin, message, defaultValue);
if (handledRet != null) {
result.confirm(handledRet);
} else {
dialogsHelper.showPrompt(message, defaultValue, new CordovaDialogsHelper.Result() {
@Override
public void gotResult(boolean success, String value) {
if (success) {
result.confirm(value);
} else {
result.cancel();
}
}
});
}
return true;
}
㈥ APP原生开发与混合开发是什么意思
一、原生开发
原生开发（Native App开发），是在Android、IOS等移动平台上利用官方提供的开发语言、开发类库、开发工具进行App开发。比如Android是利用Java、Eclipse、Android studio；IOS是利用Objective-C 和Xcode进行开发。
通俗点来讲，原生开发就像盖房子一样，先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等，都是经过精心的设计。原生APP也一样：通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来，一层层，一段段全用代码写出来。
二、混合开发
混合开发（Hybrid App开发），是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说，这就是网页的模式，通常由“HTML5云网站+APP应用客户端”两部份构成。
混合开发是一种取长补短的开发模式，原生代码部分利用Web View插件或者其它框架为H5提供容器，程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。
㈦ APP混合式开发框架太多了，该怎么选择
如果是商业用途的软件，不建议用第三方的框架去做。这些第三方的都是大公司员工为了晋级和kpi做出的产物，很多维护了一段时间就不再维护了，因为框架在不同系统版本上以及未来的新版本及系统上的适配是非常耗费精力和财力的，大公司有很多机器和专门的qa去做这个东西，而且在商业上的收获很少。一段时间后就不再维护了。如果你要做可以挑选一两个用的比较多的，然后吃透起原理，自己弄。或者就用原始api进行按部就班的开发。
如果是商业软件，切记不要使用这些第三方的混合式开发框架。短时间不会有什么问题，一旦停止维护。你就哭去吧。
如果是自己做个demo涨涨知识就无所谓了
㈧ 为什么国内突然冒出很多Hybrid混合移动应用开发框架
1、维护两套（IOS，Android，甚至是wp）应用太麻烦了，时间成本，人力成本相对混合框架来说太高
2、对于小公司，并没有ios或者android程式设计师，但是web程式设计师肯定是有的。所以因为成本或者别的原因，没有招ios和android程式设计师，那么最好的解决办法就是Hybrid
Hybrid App、Web App、Native App，哪一种模式会成为App开发主流？下面phonegap100我与您一起分析为什么Native和Web过时了，企业级移动开发开始用Hybrid App
随着HTML5被过度热炒和实际开发中遇到的效能以及体验问题，Web App逐渐势弱。但是Native App开发难度大、成本高、周期长等问题突出，特别是App不断推陈出新，开发一个App的成本或许可以接受，但是维护一个Native App更新的成本则成了跨不过的悬崖。最终开发者和企业发现Hybrid App，这种既有跨平台开发周期短、成本低的基因，又能发挥Native App体验和效能的优势，Hybrid App混合式移动应用开发逐渐成为企业移动开发的首选。
android应用开发框架是 Application Framework. 其系统架构由5部分组成，分别是：Linux Kernel、Android Runtime、Libraries、Application Framework、Applications。
1.Linux Kernel
2.Android Runtime
3.Libraries
4.Application Framework
5.Applications
1.andbase中包含了大量的开发常用手段。
如网路下载，多执行绪与执行绪池的管理，资料库ORM，图片快取管理，图片档案下载上传，Http请求工具，常用工具类（字串，日期，档案处理，图片处理工具类等），能够使您的应用在团队开发中减少冗余程式码，很大的提高了程式码的维护性与开发高效性，能很好的规避由于开发疏忽而导致常犯的错误。
2.andbase封装了大量的常用控制元件。
如list分页，下拉重新整理，图片轮播，表格，多执行绪下载器，侧边栏，图片上传，轮子选择，图表，Tab滑动，日历选择器等。
3.强大的AbActivity，您没有理由不继承它。
继承它你能够获得一个简单强大可设定的操作栏，以及一系列的简单呼叫，如弹出框，提示框，进度框，副操作栏等。
4.提供效率较高图片快取管理策略，使记忆体大幅度节省，利用率提高，效率提高。
程式中要管理大量的图片资源，andbase提供简单的方法，几步完成下载与显示，并支援缩放，裁剪，快取功能。
5.封装了大量常见工具类。
包括日期，字符，档案，图片等各种处理函式， 多而全。
6.用andbase大量减少handler的使用，而采用回拨函式，程式码更整洁。
handler会产生大量程式码，并且不好维护，andbase对handler进行了封装。
7.简单轻量支援注解自动建表的ORM框架（支援一/多对多的关联操作）。
写sql，建表，工作量大，andbase提供更傻瓜异步增删改查工具类。
8.异步请求框架，网路请求标准化，支援档案上传下载，get，post，进度显示。
把maven专案转换为java web专案结构非常的简单，按如下的步骤操作即可：
1）在main目录下，新增webapp目录。
2）在webapp目录下，新增WEB-INF目录。
3）在WEB-INF目录下，新增web.xml档案。
按照上面三步操作完成以后，会出现IDEA给一个提示，点选configure按钮，会看到一个确认框，单击ok，按钮就可以把当前专案变成web专案。
关于JAVAweb的框架，现在大多数无非都是基于SSH(Spring，Struts2/SpringMVC和Hibernate)或者SSM(Spring，Struts2/SpringMVC和Mybatis)
这些现在大多网络都有教程和Demo，参照着多弄几遍，就会用了，要理解还得反复推敲
:blog.csdn./gebitan505/article/details/44455235/
去看吧
总体上应该一样，技术体系都差不多。不过pc需要相容的浏览器更多些,mobile下andorid,ios都是基于webkit，所以相对好些。
移动前端开发可分为：
1、手机网页开发。这部分跟web前端开发差别不大，使用的技术都是+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触控特性。因为是在浏览器中进行的网页开发，所有最终程式码具有跨系统平台的特性。
2、app前端开发。使用的技术也是+css+js，但它需要基于PhoneGap等开发平台呼叫手机核心功能接口（包括地理定位，加速器，联络人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终程式码释出要分别编译成各系统平台的app。
㈨ 请教android开发的问题
这是图形界面,通常都用来做预览,开发的时候,是去直接写代码的 你点下 Graphical Layout 这里可以直接改代码
㈩ Hybrid App 用哪个框架好
HybridApp、WebApp、NativeApp，哪一种模式会成为App开发主流？下面phonegap100小编与您一起分析为什么Native和Web过时了，企业级移动开发开始用HybridApp随着HTML5被过度热炒和实际开发中遇到的性能以及体验问题，WebApp逐渐势弱。但是NativeApp开发难度大、成本高、周期长等问题突出，特别是App不断推陈出新，开发一个App的成本或许可以接受，但是维护一个NativeApp更新的成本则成了跨不过的悬崖。最终开发者和企业发现HybridApp，这种既有跨平台开发周期短、成本低的基因，又能发挥NativeApp体验和性能的优势，HybridApp混合式移动应用开发逐渐成为企业移动开发的首选。