apicloud apicloud

注册
查看: 907|回复: 3

[模块教程] UIWebBrowser 模块试用分享

实习司机

UID:253705

主题:
53
帖子:
175
云币:
453

[模块教程] UIWebBrowser 模块试用分享

907 3 | 发表于 2018-12-2 16:33:40 |阅读模式 | |
本帖最后由 uoaccw 于 2018-12-2 16:33 编辑

UIWebBrowser 是一个可加载 html 文件的 webView。调用 open 接口相当于打开了一个 frame。开发者可通过相应的参数设置、更改、重置该 “frame” 的大小、位置。
模块文档链接
先看模块效果图:


open接口示例代码:
  1. var obj = api.require('UIWebBrowser');
  2.         obj.open({
  3.             rect: {
  4.                 x: 10,
  5.                 y: 100,
  6.                 w: api.winWidth-20,
  7.                 h: 390
  8.             },
  9.             path: 'https://www.zcool.com.cn/',    //支持本地、网络协议(http://、fs://、widget://)
  10.             fixedOn: api.frameName,               //模块视图添加到指定 frame 的名字(只指 frame,传 window 无效),
  11.                                                   //默认:模块依附于当前 window
  12.             fixed: false                          //模块是否随所属 window 或 frame 滚动。默认值:true(不随之滚动)
  13.         }, function(ret) {
  14.             api.alert({
  15.                 msg: JSON.stringify(ret)
  16.             });
  17.         });
复制代码

如代码所示,path 支持打开远程页面,也支持widget或fs路径。本模块一大特点是能定义webView的大小和位置。而且通过fixedOn,fixed参数,可以使新打开的webView,和已存在的frame窗口或window窗口一起滚动(前提页面足够长。)

通过setRect接口,可以重设webView的位置, 带有动画效果,比较流畅。
示例:
  1. var obj = api.require('UIWebBrowser');
  2.         obj.setRect({
  3.             rect: {
  4.                 x: 200,
  5.                 y: 100,
  6.                 w: 200,
  7.                 h: 200
  8.             },
  9.             animation: true
  10.         });
复制代码

widget代码包:







本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

版主

UID:453379

主题:
18
帖子:
5454
云币:
25405

端午节圣诞节捣蛋鬼

发表于 2018-12-4 17:29:16 |
感谢分享

驾校小白

UID:137842

主题:
3
帖子:
12
云币:
15
发表于 2019-1-5 20:48:07 |
有返回上一页和下一页的方法吗?

驾校小白

UID:653115

主题:
3
帖子:
14
云币:
20
发表于 2019-6-17 20:17:20 |
frame 怎么透明色呢 我想做弹幕 大佬 求指导
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表