百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

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

yuyutoo 2024-10-21 12:13 2 浏览 0 评论

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失效。有时候启动还会导致白屏。

相关推荐

史上最全的浏览器兼容性问题和解决方案

微信ID:WEB_wysj(点击关注)◎◎◎◎◎◎◎◎◎一┳═┻︻▄(页底留言开放,欢迎来吐槽)●●●...

平面设计基础知识_平面设计基础知识实验收获与总结
平面设计基础知识_平面设计基础知识实验收获与总结

CSS构造颜色,背景与图像1.使用span更好的控制文本中局部区域的文本:文本;2.使用display属性提供区块转变:display:inline(是内联的...

2025-02-21 16:01 yuyutoo

写作排版简单三步就行-工具篇_作文排版模板

和我们工作中日常word排版内部交流不同,这篇教程介绍的写作排版主要是用于“微信公众号、头条号”网络展示。写作展现的是我的思考,排版是让写作在网格上更好地展现。在写作上花费时间是有累积复利优势的,在排...

写一个2048的游戏_2048小游戏功能实现

1.创建HTML文件1.打开一个文本编辑器,例如Notepad++、SublimeText、VisualStudioCode等。2.将以下HTML代码复制并粘贴到文本编辑器中:html...

今天你穿“短袖”了吗?青岛最高23℃!接下来几天气温更刺激……

  最近的天气暖和得让很多小伙伴们喊“热”!!!  昨天的气温到底升得有多高呢?你家有没有榜上有名?...

CSS不规则卡片,纯CSS制作优惠券样式,CSS实现锯齿样式

之前也有写过CSS优惠券样式《CSS3径向渐变实现优惠券波浪造型》,这次再来温习一遍,并且将更为详细的讲解,从布局到具体样式说明,最后定义CSS变量,自定义主题颜色。布局...

柠檬科技肖勃飞:大数据风控助力信用社会建设

...

你的自我界限够强大吗?_你的自我界限够强大吗英文

我的结果:A、该设立新的界限...

行内元素与块级元素,以及区别_行内元素和块级元素有什么区别?

行内元素与块级元素首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block)、行内(inline)。块级元素:(以下列举比较常...

让“成都速度”跑得潇潇洒洒,地上地下共享轨交繁华
让“成都速度”跑得潇潇洒洒,地上地下共享轨交繁华

去年的两会期间,习近平总书记在参加人大会议四川代表团审议时,对治蜀兴川提出了明确要求,指明了前行方向,并带来了“祝四川人民的生活越来越安逸”的美好祝福。又是一年...

2025-02-21 16:00 yuyutoo

今年国家综合性消防救援队伍计划招录消防员15000名

记者24日从应急管理部获悉,国家综合性消防救援队伍2023年消防员招录工作已正式启动。今年共计划招录消防员15000名,其中高校应届毕业生5000名、退役士兵5000名、社会青年5000名。本次招录的...

一起盘点最新 Chrome v133 的5大主流特性 ?

1.CSS的高级attr()方法CSSattr()函数是CSSLevel5中用于检索DOM元素的属性值并将其用于CSS属性值,类似于var()函数替换自定义属性值的方式。...

竞走团体世锦赛5月太仓举行 世界冠军杨家玉担任形象大使

style="text-align:center;"data-mce-style="text-align:...

学物理能做什么?_学物理能做什么 卢昌海

作者:曹则贤中国科学院物理研究所原标题:《物理学:ASourceofPowerforMan》在2006年中央电视台《对话》栏目的某期节目中,主持人问过我一个的问题:“学物理的人,如果日后不...

你不知道的关于这只眯眼兔的6个小秘密
你不知道的关于这只眯眼兔的6个小秘密

在你们忙着给熊本君做表情包的时候,要知道,最先在网络上引起轰动的可是这只脸上只有两条缝的兔子——兔斯基。今年,它更是迎来了自己的10岁生日。①关于德艺双馨“老艺...

2025-02-21 16:00 yuyutoo

取消回复欢迎 发表评论: