|
移动webapp开发相关视频教程咨询加QQ：1416759661 本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP，同时基于环形或者融云实现聊天功能。作为本系列文章的第一篇，本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法，因为是初级教程篇不过多讲解原理部分，初级用户只需要知道基本用法就可以，并使用mui.js中的组件进行页面效果展示。 webview基本知识Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。
什么是窗口？什么是webview?这里我们首先来举个例子，大家都用过浏览器，常用的浏览器可以打开多个网页。电脑屏幕就是一个窗口，不同的页面我们可以什么是不同的webview，我们可以通过控制webview的切换从而控制浏览不同的页面。 对于我们这里就是一个html页面就是一个窗口，一个html页面可以创建多个webview。这个webview是原生APP中浏览网页的组件，android和iOS都有，html5plus中的webview是对原生webview的封装，可以用js进行调用，所以它的运行环境是APP环境，普通浏览器不支持。 首先我们现在html5plus官网看一下webview API文档,这里我们重点看一下下面几个方法: 创建新的Webview窗口WebviewObject plus.webview.create( url, id, styles, extras ); 说明：创建Webview窗口，用于加载新的HTML页面，可通过styles设置Webview窗口的样式，创建完成后需要调用show方法才能将Webview窗口显示出来。 显示Webview窗口void plus.webview.show( id_wvobj, aniShow, duration, showedCB, extras ); 说明：显示已创建或隐藏的Webview窗口，需先获取窗口对象或窗口id，并可指定显示窗口的动画及动画持续时间。 隐藏Webview窗口void plus.webview.hide( id_wvobj, aniHide, duration, extras ); 说明：根据指定的WebviewObject对象或id隐藏Webview窗口，使得窗口不可见。 获取当前窗口的WebviewObject对象WebviewObject plus.webview.currentWebview(); 说明：获取当前页面所属的Webview窗口对象。 查找指定标识的WebviewObject窗口WebviewObject plus.webview.getWebviewById( id ); 说明：在已创建的窗口列表中查找指定标识的Webview窗口并返回。 若没有查找到指定标识的窗口则返回null，若存在多个相同标识的Webview窗口，则返回第一个创建的Webview窗口。 如果要获取应用入口页面所属的Webview窗口，其标识为应用的%APPID%，可通过plus.runtime.appid获取。 创建并打开Webview窗口WebviewObject plus.webview.open( url, id, styles, aniShow, duration, showedCB ); 说明：创建并显示Webview窗口，用于加载新的HTML页面，可通过styles设置Webview窗口的样式，创建完成后自动将Webview窗口显示出来。 以上来源于html5plus文档，只列举了部分最常用的方法，旨在为后文做铺垫，由于不是文档，所以也得也不清楚，如果想详细了解请看这里html5plus webview API。
移动webapp开发相关视频教程咨询加QQ：1416759661
|