玖叶教程网

前端编程开发入门

MUI框架原生wepApp启动遇到过的坑与总结

1.在activity里面启动。不能指定单个H5页面启动,只能在manifest.json里面配置启动页面。

2.在fragment里面启动,这里一定要注意,重写ffragment所在activity里面的onActivityforResult方法,并调用

mEntryProxy.onActivityExecute(this, SysEventType.onActivityResult, new Object[] { requestCode, resultCode, data });

此处mEntryProxy可通过单例模式获取。不然h5页面调用相册相机文件夹没反应。

fragment通过webApp启动Mui代码如下:


  1. public class WebAppEntryFragment extends Fragment {
  2. EntryProxy mEntryProxy = null;
  3. @Override
  4. public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  5. if (mEntryProxy == null) {
  6. FrameLayout f = new FrameLayout(getActivity());
  7. // 创建5+内核运行事件监听
  8. WebappModeListener wm = new WebappModeListener(getActivity(), f,"test111");
  9. // 初始化5+内核
  10. mEntryProxy = EntryProxy.init(getActivity(), wm);
  11. // 启动5+内核
  12. mEntryProxy.onCreate(getActivity(), savedInstanceState, SDK.IntegratedMode.WEBAPP, null);
  13. return f;
  14. }else{
  15. return super.onCreateView(inflater, container, savedInstanceState);
  16. }
  17. }
  18. @Override
  19. public void onPause() {
  20. super.onPause();
  21. mEntryProxy.onPause(getActivity());
  22. }
  23. @Override
  24. public void onResume() {
  25. super.onResume();
  26. mEntryProxy.onResume(getActivity());
  27. }
  28. @Override
  29. public void onDestroy() {
  30. super.onDestroy();
  31. mEntryProxy.onStop(getActivity());
  32. }
  33. }

wepAppModeListener代码:


  1. public class WebappModeListener implements ICore.ICoreStatusListener, IOnCreateSplashView {
  2. Activity activity;
  3. View splashView = null;
  4. ViewGroup rootView;
  5. IApp app = null;
  6. ProgressDialog pd = null;
  7. String args;
  8. public WebappModeListener(Activity activity, ViewGroup rootView,String args) {
  9. this.activity = activity;
  10. this.rootView = rootView;
  11. this.args=args;
  12. }
  13. /**
  14. * 5+内核初始化完成时触发
  15. * */
  16. @Override
  17. public void onCoreInitEnd(ICore coreHandler) {
  18. // 表示Webapp的路径在 file:///android_asset/apps/HelloH5
  19. String appBasePath = "/apps/H5DA27D9D";
  20. //args为启动参数,可在页面中通过plus.runtime.arguments;方法获取到传入的参数
  21. // 启动启动独立应用的5+ Webapp
  22. app = SDK.startWebApp(activity, appBasePath, args, new IWebviewStateListener() {
  23. // 设置Webview事件监听,可在监监听内获取WebIvew加载内容的进度
  24. @Override
  25. public Object onCallBack(int pType, Object pArgs) {
  26. switch (pType) {
  27. case IWebviewStateListener.ON_WEBVIEW_READY:
  28. // WebApp准备加载事件
  29. // 准备完毕之后添加webview到显示父View中,
  30. // 设置排版不显示状态,避免显示webview时html内容排版错乱问题
  31. View view = ((IWebview) pArgs).obtainApp().obtainWebAppRootView().obtainMainView();
  32. view.setVisibility(View.INVISIBLE);
  33. if(view.getParent() != null){
  34. ((ViewGroup)view.getParent()).removeView(view);
  35. }
  36. rootView.addView(view, 0);
  37. break;
  38. case IWebviewStateListener.ON_PAGE_STARTED:
  39. // 首页面开始加载事件
  40. pd = ProgressDialog.show(activity, "加载中", "0/100");
  41. break;
  42. case IWebviewStateListener.ON_PROGRESS_CHANGED:
  43. // WebApp首页面加载进度变化事件
  44. if (pd != null) {
  45. pd.setMessage(pArgs + "/100");
  46. }
  47. break;
  48. case IWebviewStateListener.ON_PAGE_FINISHED:
  49. // WebApp首页面加载完成事件
  50. if (pd != null) {
  51. pd.dismiss();
  52. pd = null;
  53. }
  54. // 页面加载完毕,设置显示webview
  55. // 如果不需要显示spalsh页面将此行代码移动至onCloseSplash事件内
  56. app.obtainWebAppRootView().obtainMainView().setVisibility(View.VISIBLE);
  57. break;
  58. }
  59. return null;
  60. }
  61. }, this);
  62. app.setIAppStatusListener(new IApp.IAppStatusListener() {
  63. // 设置APP运行事件监听
  64. @Override
  65. public boolean onStop() {
  66. // 应用运行停止时调用
  67. rootView.removeView(app.obtainWebAppRootView().obtainMainView());
  68. // TODO Auto-generated method stub
  69. return false;
  70. }
  71. @Override
  72. public void onStart() {
  73. // 独立应用启动时触发事件
  74. }
  75. @Override
  76. public void onPause(IApp arg0, IApp arg1) {
  77. // WebApp暂停运行时触发事件
  78. }
  79. @Override
  80. public String onStoped(boolean arg0, String arg1) {
  81. // TODO Auto-generated method stub
  82. return null;
  83. }
  84. });
  85. }
  86. @Override
  87. public void onCoreReady(ICore coreHandler) {
  88. // 初始化5+ SDK,
  89. // 5+SDK的其他接口需要在SDK初始化后才能調用
  90. SDK.initSDK(coreHandler);
  91. // 设置当前应用可使用的5+ API
  92. SDK.requestAllFeature();
  93. //调用nativeObj.bitmap时 load之前 需要 onCoreReady中进行 imageloader初始化
  94. ImageLoaderUtil.initImageLoaderL(activity);
  95. }
  96. @Override
  97. public boolean onCoreStop() {
  98. // 当返回false时候回关闭activity
  99. return false;
  100. }
  101. // 在Widget集成时如果不需要显示splash页面可按照如下步骤操作
  102. // 1 删除onCreateSplash方法内的代码
  103. // 2 将5+mainView添加到rootview时将页面设置为不可见
  104. // 3 在onCloseSplash方法中将5+mainView设置为可见
  105. // 4 修改androidmanifest.xml文件 将SDK_WebApp的主题设置为透明
  106. // 注意!
  107. // 如果不显示splash页面会造成用户点击后页面短时间内会没有变化,
  108. // 可能会给用户造成程序没响应的错觉,
  109. // 所以开发者需要对5+内核启动到5+应用页面显示之间的这段事件进行处理
  110. @Override
  111. public Object onCreateSplash(Context pContextWrapper) {
  112. splashView = new FrameLayout(activity);
  113. splashView.setBackgroundResource(RInformation.DRAWABLE_SPLASH);
  114. rootView.addView(splashView);
  115. return null;
  116. }
  117. @Override
  118. public void onCloseSplash() {
  119. rootView.removeView(splashView);
  120. }
  121. }
  122. 在Activity里面重写onActivityResult
  123. @Override
  124. protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  125. super.onActivityResult(requestCode, resultCode, data);
  126. EntryProxy.getInstnace.ActivityExecute(this, SysEventType.onActivityResult, new Object[] { requestCode, resultCode, data });
  127. }

3.MUI原生插件,新写法继承 StandarFrature,个人理解,h5调用原生插件,原生插件操作完,返回结果。插件调用一次失效。

public void PluginFunction(IWebview pWebview, JSONArray array)

{

Striong CallBackID=array.optString(0);

String iWebview=pWebview;

Activity activity=pWebView.getActivity();

//回调 可在其他地方书写

JSUtil.execCallback(iWebview, CallBackID, jsonArray, JSUtil.OK, false);

}

因为我们当时的需求,插件里的方法要多次执行,所以当h5收到回调后又继续调用插件方法,构成一个循环。老式写法,

implements

IFeature

@Override

public String execute(IWebview iWebview, String action, String[] pArgs) {

//此处action等同于新式写法的方法名

//参数获取,通过下表

String Type = pArgs[2];

String value = pArgs[4];

//回调写法相同

JSUtil.execCallback(iWebview, CallBackID, jsonArray, JSUtil.OK, false);

return null;}

当然写的插件都要在data目录下的properties下配置,不然引用不到。具体配置参考官网。

4.其他坑爹的地方,在execute里面使用activity里面的变量为空,不知道神马原因。我一怒给直接使用静态变量处理。

H5内核启动不能在后台启动,不然导致js失效。有时候启动还会导致白屏。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言