本站业务范围:1、PC端软件开发、网站开发 2、移动端APP、网站、微信接口、微商城开发 3、视频教程、毕业设计辅导
 当前位置:文章中心 >> 移动框架MUI
mui学习笔记(五)webview基本知识
夜鹰教程网 来源:www.yyjcw.com 日期:2016/11/20 9:42:15
分享到:
mui学习笔记(五)webview基本知识

这篇文章不能解决你的问题?可以加我们QQ在线指导技术

QQ:1416759661   新手QQ群:7835003  

在线解答|Demo制作|远程调试| 系统学习软件开发视频教程

技术咨询: 购买教程  技术咨询:购买教程  大胆的加QQ咨询。

移动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

复制链接 网友评论 收藏本文 关闭此页
上一条: mui学习笔记(六)解决窗体切换白…  下一条: mui学习笔记(四)html5+是什么

这篇文章不能解决你的问题?可以加我们QQ在线指导技术

QQ:1416759661   新手QQ群:7835003  

在线解答|Demo制作|远程调试| 系统学习软件开发视频教程

技术咨询: 购买教程  技术咨询:购买教程  大胆的加QQ咨询。

购买夜鹰教程网视频教程
  热门服务/教程目录

  夜鹰教程网  新手必看,详细又全面。
  夜鹰教程网  购买教程  夜鹰教程网  在线支付-方便
  夜鹰教程网  担保交易-快捷安全   夜鹰教程网  闪电发货
  夜鹰教程网  电话和QQ随时可以联系我们。
  夜鹰教程网 不会的功能都可以找我们,按工作量收费。

客服电话:153 9760 0032

购买教程QQ:1416759661  购买教程
  热点推荐
mui学习笔记(六)解决窗体切换白…
mui学习笔记(五)webview基本知识…
mui学习笔记(四)html5+是什么
mui学习笔记(三)学习路线
mui学习笔记(二)-资源下载
mui学习笔记(一)前言
HBuilder、HTML5plus runtime、mu…
  尊贵服务
夜鹰教程网 承接业务:软件开发 网站开发 网页设计 .Net+C#+VS2008+MSsql+Jquery+ExtJs夜鹰教程祝福大家新年快乐
  最近更新
mui学习笔记(六)解决窗体切换白…
mui学习笔记(五)webview基本知识…
mui学习笔记(四)html5+是什么
mui学习笔记(三)学习路线
mui学习笔记(二)-资源下载
mui学习笔记(一)前言
HBuilder、HTML5plus runtime、mu…
  工具下载  需要远程协助? 购买教程

sql2008视频教程 c#视频教程

VIP服务:如果您的某个功能不会做,可以加我们QQ,给你做DEMO!

JQUERY  Asp.net教程

MVC视频教程  vs2012
.NET+sql开发
手机:15397600032 C#视频教程下载
vs2012 vs2008 vs2010 sql2008 sql2005
Asp.Net  

教程咨询QQ:1416759661


这篇文章不能解决你的问题?可以加我们QQ在线指导技术

QQ:1416759661   新手QQ群:7835003  

在线解答|Demo制作|远程调试| 系统学习软件开发视频教程

技术咨询: 购买教程  技术咨询:购买教程  大胆的加QQ咨询。

关于我们 | 广告投放 | 购买教程 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接 | 购买教程

Nighthawk Tutorials Network 快捷购买教程

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3

 

出售asp.net系列视频教程 高清原创版 每天晚上20:30--23:00在线 按照编号从简单到高级 http://www.yyjcw.com/list.html