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代码如下:
- public class WebAppEntryFragment extends Fragment {
- EntryProxy mEntryProxy = null;
- @Override
- public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
- if (mEntryProxy == null) {
- FrameLayout f = new FrameLayout(getActivity());
- // 创建5+内核运行事件监听
- WebappModeListener wm = new WebappModeListener(getActivity(), f,"test111");
- // 初始化5+内核
- mEntryProxy = EntryProxy.init(getActivity(), wm);
- // 启动5+内核
- mEntryProxy.onCreate(getActivity(), savedInstanceState, SDK.IntegratedMode.WEBAPP, null);
- return f;
- }else{
- return super.onCreateView(inflater, container, savedInstanceState);
- }
- }
- @Override
- public void onPause() {
- super.onPause();
- mEntryProxy.onPause(getActivity());
- }
- @Override
- public void onResume() {
- super.onResume();
- mEntryProxy.onResume(getActivity());
- }
- @Override
- public void onDestroy() {
- super.onDestroy();
- mEntryProxy.onStop(getActivity());
- }
- }
wepAppModeListener代码:
- public class WebappModeListener implements ICore.ICoreStatusListener, IOnCreateSplashView {
- Activity activity;
- View splashView = null;
- ViewGroup rootView;
- IApp app = null;
- ProgressDialog pd = null;
- String args;
- public WebappModeListener(Activity activity, ViewGroup rootView,String args) {
- this.activity = activity;
- this.rootView = rootView;
- this.args=args;
- }
- /**
- * 5+内核初始化完成时触发
- * */
- @Override
- public void onCoreInitEnd(ICore coreHandler) {
- // 表示Webapp的路径在 file:///android_asset/apps/HelloH5
- String appBasePath = "/apps/H5DA27D9D";
- //args为启动参数,可在页面中通过plus.runtime.arguments;方法获取到传入的参数
- // 启动启动独立应用的5+ Webapp
- app = SDK.startWebApp(activity, appBasePath, args, new IWebviewStateListener() {
- // 设置Webview事件监听,可在监监听内获取WebIvew加载内容的进度
- @Override
- public Object onCallBack(int pType, Object pArgs) {
- switch (pType) {
- case IWebviewStateListener.ON_WEBVIEW_READY:
- // WebApp准备加载事件
- // 准备完毕之后添加webview到显示父View中,
- // 设置排版不显示状态,避免显示webview时html内容排版错乱问题
- View view = ((IWebview) pArgs).obtainApp().obtainWebAppRootView().obtainMainView();
- view.setVisibility(View.INVISIBLE);
- if(view.getParent() != null){
- ((ViewGroup)view.getParent()).removeView(view);
- }
- rootView.addView(view, 0);
- break;
- case IWebviewStateListener.ON_PAGE_STARTED:
- // 首页面开始加载事件
- pd = ProgressDialog.show(activity, "加载中", "0/100");
- break;
- case IWebviewStateListener.ON_PROGRESS_CHANGED:
- // WebApp首页面加载进度变化事件
- if (pd != null) {
- pd.setMessage(pArgs + "/100");
- }
- break;
- case IWebviewStateListener.ON_PAGE_FINISHED:
- // WebApp首页面加载完成事件
- if (pd != null) {
- pd.dismiss();
- pd = null;
- }
- // 页面加载完毕,设置显示webview
- // 如果不需要显示spalsh页面将此行代码移动至onCloseSplash事件内
- app.obtainWebAppRootView().obtainMainView().setVisibility(View.VISIBLE);
- break;
- }
- return null;
- }
- }, this);
- app.setIAppStatusListener(new IApp.IAppStatusListener() {
- // 设置APP运行事件监听
- @Override
- public boolean onStop() {
- // 应用运行停止时调用
- rootView.removeView(app.obtainWebAppRootView().obtainMainView());
- // TODO Auto-generated method stub
- return false;
- }
- @Override
- public void onStart() {
- // 独立应用启动时触发事件
- }
- @Override
- public void onPause(IApp arg0, IApp arg1) {
- // WebApp暂停运行时触发事件
- }
- @Override
- public String onStoped(boolean arg0, String arg1) {
- // TODO Auto-generated method stub
- return null;
- }
- });
- }
- @Override
- public void onCoreReady(ICore coreHandler) {
- // 初始化5+ SDK,
- // 5+SDK的其他接口需要在SDK初始化后才能調用
- SDK.initSDK(coreHandler);
- // 设置当前应用可使用的5+ API
- SDK.requestAllFeature();
- //调用nativeObj.bitmap时 load之前 需要 onCoreReady中进行 imageloader初始化
- ImageLoaderUtil.initImageLoaderL(activity);
- }
- @Override
- public boolean onCoreStop() {
- // 当返回false时候回关闭activity
- return false;
- }
- // 在Widget集成时如果不需要显示splash页面可按照如下步骤操作
- // 1 删除onCreateSplash方法内的代码
- // 2 将5+mainView添加到rootview时将页面设置为不可见
- // 3 在onCloseSplash方法中将5+mainView设置为可见
- // 4 修改androidmanifest.xml文件 将SDK_WebApp的主题设置为透明
- // 注意!
- // 如果不显示splash页面会造成用户点击后页面短时间内会没有变化,
- // 可能会给用户造成程序没响应的错觉,
- // 所以开发者需要对5+内核启动到5+应用页面显示之间的这段事件进行处理
- @Override
- public Object onCreateSplash(Context pContextWrapper) {
- splashView = new FrameLayout(activity);
- splashView.setBackgroundResource(RInformation.DRAWABLE_SPLASH);
- rootView.addView(splashView);
- return null;
- }
- @Override
- public void onCloseSplash() {
- rootView.removeView(splashView);
- }
- }
- 在Activity里面重写onActivityResult
- @Override
- protected void onActivityResult(int requestCode, int resultCode, Intent data) {
- super.onActivityResult(requestCode, resultCode, data);
- EntryProxy.getInstnace.ActivityExecute(this, SysEventType.onActivityResult, new Object[] { requestCode, resultCode, data });
- }
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个小秘密
-
在你们忙着给熊本君做表情包的时候,要知道,最先在网络上引起轰动的可是这只脸上只有两条缝的兔子——兔斯基。今年,它更是迎来了自己的10岁生日。①关于德艺双馨“老艺...
-
2025-02-21 16:00 yuyutoo
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)