uexWindow

由 珍珍阿姨 创建, 最后一次修改 2016-10-09

1、简介

  窗口对象。窗口对象是实现多窗口机制的基本单元。使用窗口对象构建Hybrid App,在性能方面更加接近Native App的体验。
AppCan平台中,维护了一个窗口堆栈,每个窗口以唯一的窗口名字来区别。窗口名字是 通过uexWindow.open来赋值的。然而有一个窗口是比较特殊的,即加载起始页的窗口,因为起始页是由 config.xml中配置的,无法进行窗口名的赋值,因此,AppCan对加载起始页的窗口统一命名为’root’,也就是说 ,其它通过uexWindow.open开启的窗口,不能再命名为’root’。

1.1 window.uexOnload

  窗口加载完毕后平台将触发此方法。类比window.onload方法,都是html页面加载完成 之后触发的方法。区别是,window.uexOnload方法会晚于window.onload方法,原因是window.uexOnload需要等 待AppCan扩展对象,即’uex’前缀的对象初始化完毕。事件加载完成之后,可以安全的使用uex扩展对象。

1.2 浮动窗口

  主窗口之上可以有多个浮动窗口,即浮动窗口是附属于某个主窗口的。主窗口关闭后, 其上所有浮动窗口也都会关闭。所有的窗口都有唯一的名字,通过uexWindow.open打开的是一个主窗口,浮动窗口则通过主窗口uexWindow.openPopover创建( 浮动窗口不可创建“openPopover”浮动窗口)。一个主窗口上的多个浮动窗口名字是唯一的,但不同主窗口上的浮动窗 口名字可以相同。浮动窗口可以有弹动效果,可以有数学变化:放大,旋转,移动等。浮动窗口能够解决的事情 很多,比如解决手机浏览器不支持局部DIV滚动, 上下拉刷新特效,抽屉特效等问题。

1.3多窗口之间的通讯

  窗口之间的通讯,比如从网络获取一个数据,根据返回的数据,让其它窗口执行相应的 变化,这就需要用到窗口间通讯机制。
  主窗口之间通讯: uexWindow.evaluateScript(winName, type, script)
  主窗口与浮动窗口之间通讯: uexWindow.evaluateScript(winName, type, script); uexWindow.evaluatePopoverScript(winName, type, script);
  最后一个参数script,是目标窗口的执行脚本。脚本形参限定为数字和字符串。如果是 特殊字符和汉字,则无法传递,可以通过window.localStorage暂存数据,在执行脚本的目标窗口中获取 localStorage。

1.4 多窗口通讯之订阅发布模式

  调用接口subscribeChannelNotification订阅一个频道,注册监听函数。 在任何窗口(包括主窗口,浮动窗口,多页面浮动窗口)调用publishChannelNotification接口发布消息,对应频道的所有订阅者,将收到消息,回调函数将被调用,并传入相应的参数.

1.5 窗口侧边栏菜单效果(抽屉效果)

  调用setSlidingWindow接口实现侧边栏菜单效果。手势滑动实现侧边栏菜单的打开和关闭功能。相关接口:setSlidingWindowEnabled,toggleSlidingWindow

2、API概览

2.1、窗口类方法

open 打开窗口

uexWindow.open(windName,dataType,data,animID,w,h,flag,animDuration,extras)

说明:
打开一个新窗口,如果窗口名字相同,则会覆盖相同窗口名字的页面内容。

参数:

参数名称参数类型是否必选说明
windNameString窗口名字,可为空,不能为”root”,若已经打开过该名字的窗口,则直接跳转至该窗口。
dataTypeNumber窗口载入的数据的类型,0:url方式载入;1:html内容方式载入
dataStringurl或html数据,支持“wgtroot://” 协议头,此协议头用于某些将项目部署在服务器上 的appcan应用,在应用执行过程中加载本地网页用。当dataType为0时,url支持相对路径、 绝对路径。其中,当url以“wgtroot://” 协议开头时,支持从服务器网页中打开本地应用沙箱中相应widget目录下的网页文件。 例如:当前窗口加载的是服务器上的http://www.xxx.com/xxx.html 网页,如果在xxx.html页面中open一个窗口时,传入的data为“wgtroot://index.html”, 那么本次open执行时,引擎将会到本应用沙箱目录的widget路径下去寻找此页面, 例如Android上找到的路径会是:file:///android_assert/widget/index.html 当dataType为1时,把相应html的内容传进去(不建议)
animationIDNumber动画ID,详见术语表-WindowAnimationId 窗口动画Id
wNumber窗口宽度,请传0
hNumber窗口高度,请传0
flagNumber窗口标记,默认传空为0,详见CONSTANT中其他标记的窗口属性WindowFlags
animDurationNumber动画持续时长,单位为毫秒,默认为260毫秒
extrasString扩展参数,设置值时,animDuration参数必传,json格式如下
  1. var extras = {
  2. extraInfo:{//网页配置
  3. opaque:,//Boolean 可选 页面是否透明,默认false
  4. bgColor:,//String 可选 支持图片和颜色,格式为 #fff、#ffffff、rgba(r,g,b,a)等,图片路径支持 res:// wgt:// 等AppCan协议路径
  5. hardware: //是否开启硬件加速,0:否,1:开启(仅Android)
  6. },
  7. animationInfo:{//动画配置,仅iOS且animationID选择bounce类的动画时有效
  8. bounciness:,//Number,可选,模拟弹性大小系数,传0-1之间的double值,越大表示弹性越快
  9. speed:,//Number,可选,模拟震荡速度系数,传0-1之间的double值,越大表示速度越快
  10. }
  11. }

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexWindow.open('dd', '0', 'index.html', 1, '', '', 0, 500);

openPresentWindow 打开一个位于最上层的window

uexWindow.openPresentWindow(windName,dataType,data,animID,w,h,flag,animDuration,extras)

说明:

该接口打开一个位于最上层的window。可以用于uexWindow.open()使用flag值为1024时,需要关闭底层的某个window,而该window不关闭。如:开启侧滑关闭后A打开B,B打开C,在C页面需要关闭B,但是C不关闭。这个时候可以在B中调用uexWindow.openPresentWindow打开C。

参数:

uexWindow.open()一致

平台支持:

Android2.2+
iOS 6.0+

版本支持:

3.3.1+

示例:

  1. uexWindow.openPresentWindow('dd', '0', 'index.html', 1, '', '', 0, 500);

close 关闭窗口

uexWindow.close(animID,animDuration)

说明:
关闭当前窗口,若为浮动窗口直接关闭,若为主窗口,则同时会关闭在其上打开的所有浮动窗口
参数:

参数名称参数类型是否必选说明
animIDNumber为空时无动画,-1时代表Open时指定动画的方向动画
animDurationNumber动画持续时长,单位为毫秒,默认为260毫秒

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.close(-1, 1000);

forward 前进到下一个页面

uexWindow.forward()

说明:
仅在主窗口起作用,针对通过a标签跳转的网页,支持加密网页。

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

back 返回上一个页面

uexWindow.back()

说明:
支持加密网页的back,仅在主窗口起作用。在手机的webkit中,存在一个Bug,当A.html跳转到B.html,B.html跳转到C.html,那么,用自带的history.back(),从C返回到B,B再返回的话,会返回到C,即陷入死循环。

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

pageForward 前进到下一个页面

uexWindow.pageForward()

说明:
不支持含加密网页的forward,支持在主窗口和浮动窗口中调用

参数:

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+

pageBack 返回上一个页面

uexWindow.pageBack()

说明:
不支持含加密网页的back,支持在主窗口和浮动窗口中调用。

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

windowForward 前进到下一个窗口

uexWindow.windowForward(animID,animDuration)

说明:
在多窗口机制中,前进到下一个window。

参数:

参数名称参数类型是否必选说明
animIDNumber动画ID,详见CONSTANT中WindowAnimiID
animDurationNumber动画持续时长,单位为毫秒,默认为260毫秒

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

windowBack 返回到上一个窗口

uexWindow.windowBack(inAnimitionID,inAnimDuration)

说明:
在多窗口机制中,用于返回上一个window,比如在Awindow中uexWindow.open了Bwindow,那么在Bwindow中返回Awindow就可使用此方法。

参数:

参数名称参数类型是否必选说明
inAnimitionIDNumber动画ID
inAnimDurationNumber动画持续时长,单位为毫秒,默认250毫秒

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+

setWindowFrame 移动当前窗口位置

uexWindow.setWindowFrame(x,y,animDuration)

说明:
移动当前Window相对屏幕的位置

参数:

参数名称参数类型是否必选说明
xNumberx坐标
yNumbery坐标
animDurationNumber动画持续时长,单位为毫秒,默认为260毫秒

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+
示例:

  1. uexWindow.setWindowFrame(200,200,1000)

openSlibing 打开一个兄弟窗口

uexWindow.openSlibing(type,dataType,url,data,w,h)

说明:
打开一个兄弟窗口

参数:

参数名称参数类型是否必选说明
typeNumber窗口的类型,1-头部;2-底部
dataType(String窗口载入的数据的类型,0:url方式载入;1:html内容方式载入; 2:既有url方式,又有html内容方式
urlNumber窗口路径
dataString数据,可为空
wNumber该参数无效,实际宽度为屏幕宽度,请传””
hNumber窗口高度,支持百分数,默认为屏幕高度

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.openSlibing(1, "0", "nav.html", "", "", 75);

closeSlibing 关闭一个兄弟窗口

uexWindow.closeSlibing(type)

说明:
关闭一个兄弟窗口

参数:

参数名称参数类型是否必选说明
typeNumber窗口的类型,1-头部;2-底部

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.closeSlibing(2);

showSlibing 显示兄弟窗口

uexWindow.showSlibing(type)

说明:
显示open过的兄弟窗口

参数:

参数名称参数类型是否必选说明
typeNumber窗口的类型,1-头部;2-底部

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.showSlibing(1)

evaluateScript 执行js脚本

uexWindow.evaluateScript(windName,type,js)

说明:
执行js脚本

参数:

参数名称参数类型是否必选说明
windNameString窗口名称,默认空为当前窗口(可以是主窗口、root窗口、浮动窗口)
typeNumber窗口的类型,uex.cWindowTypeNormal,uex.cWindowTypeTop 或uex.cWindowTypeBottom,详见CONSTANT中WindowTypes
jsStringjs脚本内容

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.evaluateScript("", 0, "alert('执行去吧!!');");

evaluatePopoverScript 在浮动窗口中执行js脚本

uexWindow.evaluatePopoverScript(windName,popName,js)

说明:
在浮动窗口中执行js脚本

参数:

参数名称参数类型是否必选说明
windNameString窗口名称,默认空为当前窗口(只能为主窗口、root窗口)
popNameString浮动窗口名称
jsStringjs脚本内容

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.evaluatePopoverScript("", "sss", "alert('执行去吧!!');");

evaluateMultiPopoverScript 在多页面浮动窗口中执行js脚本

uexWindow.evaluateMultiPopoverScript(windName,popName,inPageName,js)

说明:
在多页面浮动窗口中执行js脚本

参数:

参数名称参数类型是否必选说明
windNameString窗口名称,默认为当前窗口
popNameString浮动窗口名称
inPageNameString单页面窗口的名字
jsStringjs脚本内容

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.evaluateMultiPopoverScript("", "multipop", "pop2", "alert('multipop')");

openPopover 打开浮动窗口

uexWindow.openPopover(popName,dataType,url,data,x,y,w,h,fontSize,flag,bottomMargin,extraInfo)

说明:
打开浮动窗口,如果浮动窗口名字相同,则会覆盖相同浮动窗口名字的页面内容。浮动窗口可通过主窗口openPopover创建,浮动窗口不可创建“openPopover”浮动窗口。
参数:

参数名称参数类型是否必选说明
popNameString名称
dataTypeNumber窗口载入的数据的类型,0:url方式载入;1:html内容方式载入;2:既有url方式, 又有html内容方式
urlStringurl类型数据,支持“wgtroot://” 协议头,此协议头用于某些将项目部署在服务器上的appcan应用,在应用执行过程中 加载本地网页用。当dataType为0时,url支持相对路径、绝对路径。其中,当url以“wgtroot://” 协议开头时,支持从服务器网页中打开本地应用沙箱中相应widget目录下的网页文件。 例如:当前窗口加载的是服务器上的http://www.xxx.com/xxx.html 网页,如果在xxx.html页面中open一个窗口时,传入的data为“wgtroot://index.html” , 那么本次open执行时,引擎将会到本应用沙箱目录的widget路径下去寻找此页面, 例如Android上找到的路径会是:file:///android_assert/widget/index.html 。
dataStringdata类型数据,用于当dataType为1时,把相应html的内容传进去。必如传入的是一个<div>hello,world!</div>
xNumberx坐标
yNumbery坐标
wNumber宽度,为空时默认为window的宽度
hNumber高度,为空时默认为window的高度
fontSizeNumber字体大小
flagNumber浮动窗口标记,详见CONSTANT中WindowFlags
bottomMarginNumber浮动窗口相对父窗口底部的距离。当值不等于0时,h参数无效。
extraInfoString设置值时,bottomMargin参数必传,json格式如下: {“extraInfo”:{“opaque”:”true”,”bgColor”:”#011”,”delayTime”:”250”}}

关于extraInfo中字段的说明如下:

字段是否必须说明
extraInfo必选extraInfo参数
opaque可选是否透明true/false默认为false
bgColor可选背景色,支持图片和颜色,格式为#fff、#ffffff、rgba(r,g,b,a)等,图片路径支持res://、 wgt://等AppCan协议路径
delayTime可选延迟打开窗口,单位为毫秒,避免父窗口在uexOnload中打开浮动窗口产生卡顿。 设置值时,bottomMargin参数必传
hardware可选是否开启硬件加速,0:关闭,1:开启(仅Android)

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.openPopover("sss",0,"hidden.html","",0,0,'','','',0,100);

closePopover 关闭浮动窗口

uexWindow.closePopover(popName)

说明:
关闭浮动窗口

参数:

参数名称参数类型是否必选说明
popNameString名称

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+
示例:

  1. uexWindow.closePopover('sss')

preOpenStart 开始浮动窗口的预加载

uexWindow.preOpenStart()

说明:
popOver的预加载必须要与uexWindow.open中的flag:uex.cWiondowFlagPreOpen=64配合使用,即open时有此flag方可对应使用预加载。开始popOver(浮动窗口)的预加载。即一个窗口中需要有多个浮动窗口,可以让这些浮动窗口预先加载出来。其执行过程:A窗口打开B窗口,B窗口中需要预加载多个浮动窗口。那么A窗口中执行uexWindow.open时,其flag参数需要:uex.cWiondowFlagPreOpenreOpen=64配合使用,即open时有此flag,B窗口方可使用预加载。此时在B窗口中,会等所有预加载的浮动窗口都加载完毕(不包括异步获取网络数据),方才显示B窗口。预加载的浮动窗口的开启函数,即uexWindow.openPopover,需要放置于uexWindow.preOpenStart和uexWindow.preOpenFinish之间。

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:
在A窗口中,首先open窗口B,在B窗口中,预加载多个浮动窗口:A.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>AppCan API uexWindow A</title>
  5. <meta charset="utf-8">
  6. <script>
  7. window.uexOnload = function(type){
  8. if(!type){
  9. uexWindow.open("B",0,"B.html",0,"","",64);
  10. }
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. </body>
  16. </html>

B.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>AppCan API uexWindow B</title>
  5. <meta charset="utf-8">
  6. </head>
  7. <body>
  8. </body>
  9. <script>
  10. window.uexOnload = function(type){
  11. if(!type){
  12. var s = window.getComputedStyle($$("content"), null);
  13. uexWindow.preOpenStart();
  14. uexWindow.openPopover("B1","0","B1.html","",0,int($$("header").offsetHeight),int(s.width),int(s.height),int(s.fontSize),"0");
  15. uexWindow.openPopover("B2","0","B2.html","",0,int($$("header").offsetHeight),int(s.width),int(s.height),int(s.fontSize),"0");
  16. uexWindow.preOpenFinish();
  17. }
  18. }
  19. </script>
  20. </html>

preOpenFinish 结束浮动窗口的预加载

uexWindow.preOpenFinish()

说明:
结束浮动窗口的预加载

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.preOpenFinish()

setPopoverFrame 更改浮动窗口的位置和大小

uexWindow.setPopoverFrame(popName,x,y,w,h)

说明:
更改浮动窗口的位置和大小

参数:

参数名称参数类型是否必选说明
popNameString名称
xNumberx坐标
yNumbery坐标
wNumber宽度,为空时默认为window的宽度
hNumber高度,为空时默认为window的高度

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setPopoverFrame('sss',500,200,400,400);

setPopoverVisibility 设置浮动窗口是否显示

uexWindow.setPopoverVisibility(popName,visible)

说明:
设置浮动窗口是否显示

参数:

参数名称参数类型是否必选说明
popNameString名称
visibleNumber0-不显示,1-显示

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setPopoverVisibility('sss',0);

openMultiPopover 打开多页面浮动窗口

uexWindow.openMultiPopover(content,popName,dataType,x,y,w,h,fontSize,flag,indexSelected,extraInfo)

说明:
在当前window打开一个多页面浮动窗口,页面之间滑动切换,设置是否支持滑动参照setMultilPopoverFlippingEnbaled

参数:

参数名称参数类型是否必选说明
contentString多页面窗口数据格式为json。不可为空。 json格式如下: ‘{“content”:[{“inPageName”:”p1”,”inUrl”:”xxx1.html”,”inData”:””, {“extraInfo”:{“opaque”:”true”,”bgColor”:”#011”}}}, {“inPageName”:”p2”,”inUrl”:”xxx2.html”,”inData”:””, {“extraInfo”:{“opaque”:”true”,”bgColor”:”#011”}}}]}’
popNameString浮动窗口名称
dataTypeNumber窗口载入的数据的类型,0:url方式载入;1:html内容方式载入;2:既有url方式, 又有html内容方式
xNumberx坐标
yNumbery坐标
wNumber宽度,为空时默认为window的宽度
hNumber高度,为空时默认为window的高度
fontSizeNumber字体大小
flagNumber浮动窗口标记,详见CONSTANT中WindowFlags
indexSelectedNumber默认打开的页面索引,默认为0
extraInfoString扩展参数,json格式如下:{“extraInfo”:{“opaque”:”true”,”bgColor”:”#011”, “delayTime”:”250”}}

content json中各字段的说明:

参数是否必须说明
inPageName所包含的单页面窗口的名字
inUrlurl类型数据
inData窗口的内容的二进制数据,可为空
extraInfoextraInfo参数
opaque是否透明true/false默认为false
bgColor背景色,支持图片和颜色,格式为#fff、#ffffff、rgba(r,g,b,a)等,图片路径支持res://、 wgt://等AppCan协议路径

extraInfo json中各字段的说明:

参数是否必须说明
extraInfo必选extraInfo参数
opaque可选是否透明true/false默认为false
bgColor可选背景色,支持图片和颜色,格式为#fff、#ffffff、rgba(r,g,b,a)等,图片路径支持res://、wgt:// 等AppCan协议路径
delayTime可选延迟打开窗口,单位为毫秒,避免父窗口在uexOnload中打开浮动窗口产生卡顿。

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:
实例下载,建议采用JSSDK封装接口方法,参考appcan.frame.openappcan.window.openMultiPopover

  1. uexWindow.openMultiPopover('{"content":[{"inPageName":"p1", "inUrl":"hidden.html","inData":""},{"inPageName":"p2", "inUrl":"hidden1.html","inData":""}]}',"sss",0,400,0,'','','',0,1);

closeMultiPopover 关闭多页面浮动窗口

uexWindow.closeMultiPopover(popName)

说明:
关闭多页面浮动窗口

参数:

参数名称参数类型是否必选说明
popNameString名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.closeMultiPopover('sss')

setSelectedPopOverInMultiWindow 设置多页面浮动窗口跳转到的子页面窗口的索引

uexWindow.setSelectedPopOverInMultiWindow(popName, indexPage)

说明:
设置多页面浮动窗口跳转到的子页面窗口的索引

参数:

参数名称参数类型是否必选说明
popNameString浮动窗口名称
indexPageNumber索引

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setSelectedPopOverInMultiWindow('sss', 0);

setMultiPopoverFrame 更改多页面浮动窗口的位置和大小

uexWindow.setMultiPopoverFrame(popName,x,y,w,h)

说明:
更改多页面浮动窗口的位置和大小

参数:

参数名称参数类型是否必选说明
popNameString浮动窗口名称
xNumberx坐标
yNumbery坐标
wNumber宽度,为空时默认为window的宽度
hNumber高度,为空时默认为window的高度

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setMultiPopoverFrame("multipop", "10", "10", "600", "600");

bringToFront 置顶当前浮动窗口

uexWindow.bringToFront()

说明:
置顶当前浮动窗口

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:
主窗口A中打开浮动窗口B1,B2,B3,代码如下:
A.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  6. <script type="text/javascript">
  7. window.uexOnload = function(type){
  8. uexWindow.openPopover("pop1",0,"B1.html","",400,0,'','','',0,0);
  9. uexWindow.openPopover("pop2",0,"B2.html","",400,100,'','','',0,0);
  10. uexWindow.openPopover("pop3",0,"B3.html","",400,200,'','','',0,0);
  11. }
  12. function bringPopoverToFront(){
  13. uexWindow.bringPopoverToFront("pop1");
  14. }
  15. function sendPopoverToBack(){
  16. uexWindow.sendPopoverToBack("pop1");
  17. }
  18. function insertPopoverAbovePopover(){
  19. uexWindow.bringPopoverToFront("pop1","pop3");
  20. }
  21. function insertPopoverBelowPopover(){
  22. uexWindow.insertPopoverBelowPopover("pop1","pop3");
  23. }
  24. </script>
  25. </head>
  26. <body class="um-vp" ontouchstart>
  27. <div class="conbor">
  28. <div class="consj">
  29. <input class="btn" type="button" value="置顶窗口" onclick="bringPopoverToFront()"/>
  30. <input class="btn" type="button" value="置底窗口" onclick="sendPopoverToBack()"/>
  31. <input class="btn" type="button" value="插入之上" onclick="insertPopoverAbovePopover()"/>
  32. <input class="btn" type="button" value="插入之下" onclick="insertPopoverBelowPopover()"/>
  33. </div>
  34. </div>
  35. </body>
  36. </html>

B1.html

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-
  6. scale=1.0, user-scalable=no" />
  7. <link rel="stylesheet" type="text/css" href="css/index.css">
  8. <script type="text/javascript">
  9. window.uexOnload = function(type){
  10. uexWindow.bringToFront();
  11. }
  12. </script>
  13. </head>
  14. <body style="background:#077333;">
  15. <div class="tit">B1</div>
  16. <div class="consj">
  17. <span class="tit"></span>
  18. <input class="btn" type="button" value="置底当前浮动窗口" onclick="uexWindow.sendToBack();">
  19. <input class="btn" type="button" value="插入之上" onclick="uexWindow.insertAbove('pop2');">
  20. <input class="btn" type="button" value="插入之下" onclick="uexWindow.insertBelow('pop2');">
  21. </div>
  22. </body>
  23. </html>

sendToBack 置底当前浮动窗口

uexWindow.sendToBack()

说明:
置底当前浮动窗口

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.sendToBack()

insertAbove 将当前浮动窗口插入到指定浮动窗口之上

uexWindow.insertAbove(name)

说明:
将当前浮动窗口插入到指定浮动窗口之上

参数:

参数名称参数类型是否必选说明
nameString目标浮动窗口的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.insertAbove('pop2');

insertBelow 将当前浮动窗口插入到指定浮动窗口之下

uexWindow.insertBelow(name)

说明:
将当前浮动窗口插入到指定浮动窗口之下

参数:

参数名称参数类型是否必选说明
nameString目标浮动窗口的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.insertBelow('pop2');

bringPopoverToFront 置顶指定浮动窗口

uexWindow.bringPopoverToFront(name)

说明:
置顶指定浮动窗口,只在主窗口中有效

参数:

参数名称参数类型是否必选说明
nameString目标浮动窗口的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.bringPopoverToFront("pop1");

sendPopoverToBack 置底指定浮动窗口

uexWindow.sendPopoverToBack(name)

说明:
置底指定浮动窗口,只在主窗口中有效

参数:

参数名称参数类型是否必选说明
nameString目标浮动窗口的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.sendPopoverToBack("pop1");

insertPopoverAbovePopover 将指定浮动窗口插入到另一浮动窗口之上

uexWindow.insertPopoverAbovePopover(nameA,nameB)

说明:
将浮动窗口A插入到浮动窗口B之上,只在主窗口中有效

参数:

参数名称参数类型是否必选说明
nameAString指定浮动窗口A的名称
nameBString指定浮动窗口B的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.insertPopoverAbovePopover("pop1","pop3");

insertPopoverBelowPopover

将指定浮动窗口插入到另一浮动窗口之下

uexWindow.insertPopoverBelowPopover(nameA,nameB)

说明:
将浮动窗口A插入到浮动窗口B之下,只在主窗口中有效

参数:

参数名称参数类型是否必选说明
nameAString指定浮动窗口A的名称
nameBString指定浮动窗口B的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.insertPopoverBelowPopover("pop1","pop3");

insertWindowAboveWindow 将指定窗口插入到另一窗口之上

uexWindow.insertWindowAboveWindow(nameA,nameB)

说明:

将指定窗口A插入到另一窗口B之上,该接口仅对显示在屏幕上且不被隐藏的window起作用。(即open该window时,flag传入的是256)

参数:

参数名称参数类型是否必选说明
nameAString指定窗口A的名称
nameBString指定窗口B的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.insertWindowAboveWindow("pop1","pop3");

insertWindowBelowWindow 将指定窗口插入到另一窗口之下

uexWindow.insertWindowBelowWindow(nameA,nameB)

说明:
将指定窗口A插入到另一窗口B之下,该接口仅对显示在屏幕上且不被隐藏的window起作用。(即open该window时,flag传入的是256)

参数:

参数名称参数类型是否必选说明
nameAString指定窗口A的名称
nameBString指定窗口B的名称

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.insertWindowBelowWindow("pop1","pop3");

setWindowHidden 设置当前窗口显示和隐藏

uexWindow.setWindowHidden(visible)

说明:
设置当前窗口显示和隐藏,该接口仅对显示在屏幕上且不被隐藏的window起作用。(即open该window时,flag传入的是256)

参数:

参数名称参数类型是否必选说明
visibleNumber显示或隐藏,0-显示;1-隐藏

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setWindowHidden(1);

toggleSlidingWindow 打开侧滑窗口

uexWindow.toggleSlidingWindow(json)

说明:
打开侧滑窗口

参数:

参数名称参数类型是否必选说明
jsonString该字符串为JSON格式。如下mark: (String类型) 必选 左右侧窗口标识,0:左侧,1:右侧,reload: 可选 是否重新加载,1:重新加载

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. var params = {
  2. mark:0,
  3. reload:1
  4. };
  5. var paramStr = JSON.stringify(params);
  6. uexWindow.toggleSlidingWindow(paramStr);

setSlidingWindow 设置侧滑窗口

uexWindow.setSlidingWindow(json)

说明:
设置侧滑窗口

参数:

参数名称参数类型是否必选说明
jsonString侧滑窗口信息。该字符串为JSON格式。如下: {leftSliding: {width:240,url:”uexWindow_left.html”},rightSliding: {width:240,url:”uexWindow_left.html”}}

json字符串中各字段含义如下:

参数参数类型是否必须说明
leftSlidingString左侧侧滑窗口
rightSlidingString右侧侧滑窗口
widthNumber侧滑窗口宽度
urlStringurl类型数据

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. var params = {
  2. leftSliding:{
  3. width:240,
  4. url:"uexWindow_left.html"
  5. },
  6. rightSliding:{
  7. width:240,
  8. url:"uexWindow_left.html"
  9. }
  10. };
  11. var paramStr = JSON.stringify(params);
  12. uexWindow.setSlidingWindow(paramStr);

setSlidingWindowEnabled 设置侧滑窗口是否可用

uexWindow.setSlidingWindowEnabled(enable)

说明:
设置侧滑窗口是否可用

参数:

参数名称参数类型是否必选说明
enableNumber是否可用,0:不可用,1:可用

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setSlidingWindowEnabled(1);

setMultilPopoverFlippingEnbaled 设置控件是否响应滑动事件

uexWindow.setMultilPopoverFlippingEnbaled(enable)

说明:
设置控件是否响应滑动事件,该接口需要在Multipopover的子页面中调用

参数:

参数名称参数类型是否必选说明
enableNumber滑动手势开关,0:允许滑动手势切换子页面,1:禁止滑动手势切换子页面

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setMultilPopoverFlippingEnbaled(1);

postGlobalNotification 发送全局消息

uexWindow.postGlobalNotification(content)

说明:
发送全局消息,用于窗口之间的通信,调用该方法时,所有打开(通过调用uexWindow的open和openPopover方法)的窗口只要注册过onGlobalNotification,都会被调用。

参数:

参数名称参数类型是否必选说明
contentString发送的内容

平台支持:
Android2.2+

版本支持:
3.0.0+

示例:
这里一共涉及到3个网页,index.html,index1.html,index2.html,其中在index2.html中发送全局消息。代码如下:
index.html

  1. <!DOCTYPE html>
  2. <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script>
  8. function onGlobalNotification(ret){
  9. console.log("index:"+ret);
  10. }
  11. function openWindow(){
  12. uexWindow.open('index','0','index1.html','2','','',0);
  13. //uexWindow.openPopover('index',"0",'index1.html',"","","","","","","0");
  14. }
  15. </script>
  16. </head>
  17. <body class="um-vp c-wh" ontouchstart>
  18. <div id="page_0" class="up ub ub-ver" tabindex="0">
  19. <!--header开始-->
  20. <div id="header" class="uh c-org c-m1 t-wh ub">
  21. <h1 class="ut ub-f1 ulev0 ut-s tx-c">index.html</h1>
  22. </div>
  23. <!--header结束-->
  24. <div>
  25. <input type="button" value="index1" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
  26. </div>
  27. </div>
  28. </body>
  29. <script>
  30. window.uexOnload = function(type){
  31. uexWindow.onGlobalNotification = onGlobalNotification;
  32. }
  33. </script>
  34. </html>

index1.html

  1. <!DOCTYPE html>
  2. <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script>
  8. function onGlobalNotification(ret){
  9. console.log("index1:"+ret);
  10. }
  11. function openWindow(){
  12. uexWindow.open('index1','0','index2.html','2','','',0);
  13. //uexWindow.openPopover('index1',"0",'index2.html',"","","","","","","0");
  14. }
  15. </script>
  16. </head>
  17. <body class="um-vp c-wh" ontouchstart>
  18. <div id="page_0" class="up ub ub-ver" tabindex="0">
  19. <!--header开始-->
  20. <div id="header" class="uh c-org c-m1 t-wh ub">
  21. <h1 class="ut ub-f1 ulev0 ut-s tx-c">index1.html</h1>
  22. </div>
  23. <!--header结束-->
  24. <div>
  25. <input type="button" value="index2" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
  26. </div>
  27. </div>
  28. </body>
  29. <script>
  30. window.uexOnload = function(type){
  31. uexWindow.onGlobalNotification = onGlobalNotification;
  32. }
  33. </script>
  34. </html>

index2.html

  1. <!DOCTYPE html>
  2. <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script>
  8. function onGlobalNotification(ret){
  9. console.log("index2:"+ret);
  10. }
  11. </script>
  12. </head>
  13. <body class="um-vp c-wh" ontouchstart>
  14. <div id="page_0" class="up ub ub-ver" tabindex="0">
  15. <!--header开始-->
  16. <div id="header" class="uh c-org c-m1 t-wh ub">
  17. <h1 class="ut ub-f1 ulev0 ut-s tx-c">index2.html</h1>
  18. </div>
  19. <!--header结束-->
  20. </div>
  21. </body>
  22. <script>
  23. window.uexOnload = function(type){
  24. uexWindow.onGlobalNotification = onGlobalNotification;
  25. uexWindow.postGlobalNotification("test just!");
  26. }
  27. </script>
  28. </html>

subscribeChannelNotification 注册接收消息通知的监听器

uexWindow.subscribeChannelNotification(channelId,functionName)

说明:
窗口之间的通信,可以通过发布/订阅模式来实现。窗口调用此接口订阅频道监听,当在另一窗口调用publishChannelNotificationpublishChannelNotificationForJson时,对应此频道的回调方法将被调用,并传入相应的参数。

参数:

参数名称参数类型是否必选说明
channelIdString频道唯一标识符
functionNameString回调方法名称

平台支持:

Android2.2+
iOS 6.0+

版本支持:
3.0.0+

示例:
这里一共涉及到3个网页,index.html,index1.html,index2.html,其中在index2.html中发送全局消息。代码如下:
index.html

  1. <!DOCTYPE html>
  2. <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script>
  8. function onNotification(ret){
  9. console.log("index:"+ret);
  10. }
  11. function openWindow(){
  12. uexWindow.open('index','0','index1.html','2','','',0);
  13. //uexWindow.openPopover('index',"0",'index1.html',"","","","","","","0");
  14. }
  15. </script>
  16. </head>
  17. <body class="um-vp c-wh" ontouchstart>
  18. <div id="page_0" class="up ub ub-ver" tabindex="0">
  19. <!--header开始-->
  20. <div id="header" class="uh c-org c-m1 t-wh ub">
  21. <h1 class="ut ub-f1 ulev0 ut-s tx-c">index.html</h1>
  22. </div>
  23. <!--header结束-->
  24. <div>
  25. <input type="button" value="index1" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
  26. </div>
  27. </div>
  28. </body>
  29. <script>
  30. window.uexOnload = function(type){
  31. uexWindow.onNotification = onNotification;
  32. uexWindow.subscribeChannelNotification("No1", "onNotification");
  33. }
  34. </script>
  35. </html>

index1.html

  1. <!DOCTYPE html>
  2. <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script>
  8. function onNotification(ret){
  9. console.log("index1:"+ret);
  10. }
  11. function openWindow(){
  12. uexWindow.open('index1','0','index2.html','2','','',0);
  13. //uexWindow.openPopover('index1',"0",'index2.html',"","","","","","","0");
  14. }
  15. </script>
  16. </head>
  17. <body class="um-vp c-wh" ontouchstart>
  18. <div id="page_0" class="up ub ub-ver" tabindex="0">
  19. <!--header开始-->
  20. <div id="header" class="uh c-org c-m1 t-wh ub">
  21. <h1 class="ut ub-f1 ulev0 ut-s tx-c">index1.html</h1>
  22. </div>
  23. <!--header结束-->
  24. <div>
  25. <input type="button" value="index2" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
  26. </div>
  27. </div>
  28. </body>
  29. <script>
  30. window.uexOnload = function(type){
  31. uexWindow.onNotification = onNotification;
  32. uexWindow.subscribeChannelNotification("No2", "onNotification");
  33. }
  34. </script>
  35. </html>

index2.html

  1. <!DOCTYPE html>
  2. <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script>
  8. function onNotification(ret){
  9. console.log("index2:"+ret);
  10. }
  11. </script>
  12. </head>
  13. <body class="um-vp c-wh" ontouchstart>
  14. <div id="page_0" class="up ub ub-ver" tabindex="0">
  15. <!--header开始-->
  16. <div id="header" class="uh c-org c-m1 t-wh ub">
  17. <h1 class="ut ub-f1 ulev0 ut-s tx-c">index2.html</h1>
  18. </div>
  19. <!--header结束-->
  20. </div>
  21. </body>
  22. <script>
  23. window.uexOnload = function(type){
  24. uexWindow.onNotification = onNotification;
  25. uexWindow.subscribeChannelNotification("No1", "onNotification");
  26. uexWindow.subscribeChannelNotification("No2", "onNotification");
  27. uexWindow.publishChannelNotification("No1","channel 1 test just!");
  28. uexWindow.publishChannelNotification("No2","channel 2 test just!");
  29. }
  30. </script>
  31. </html>

publishChannelNotification 发布消息通知

uexWindow.publishChannelNotification(channelId,content)
说明:
发布消息通知,此频道的所有订阅者,将收到消息,回调函数将被调用,并传入相应的参数.

参数:

参数名称参数类型是否必选说明
channelIdString频道唯一标识符
contentString发布的内容

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+

示例:

  1. uexWindow.publishChannelNotification("No1","channel 1 test just!");

publishChannelNotificationForJson 发布Json类型消息通知

uexWindow.publishChannelNotificationForJson(channelId,content)
说明:
发布消息通知,此频道的所有订阅者,将收到消息,回调函数将被调用,并传入相应的参数.

参数:

参数名称参数类型是否必选说明
channelIdString频道唯一标识符
contentString发送Json类型的内容

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+

示例:

  1. var json =
  2. key value
  3. uexWindow.publishChannelNotificationForJson("No1",JSON.stringify(json));

getState 获取当前窗口处于前台还是后台

uexWindow.getState()

说明:
获取当前窗口处于前台还是后台

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.getState()

getHeight 获取window的高度

uexWindow.getHeight(jsonStr)

参数:

示例:

  1. var height=uexWindow.getHeight();
  2. console.log("height: "+height);

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

3.2.0+

getWidth 获取window的宽度

uexWindow.getWidth(jsonStr)

参数:

示例:

  1. var width=uexWindow.getWidth();
  2. console.log("width: "+ width);

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

3.2.0+

getUrlQuery 获取加载页面时传入的参数

uexWindow.getUrlQuery()

说明:
获取加载页面时传入的参数, 其回调函数是cbGetUrlQuery

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.getUrlQuery();

getSlidingWindowState 获取侧滑窗口显示情况

uexWindow.getSlidingWindowState()

说明:
获取侧滑窗口显示情况,回调方法cbSlidingWindowState

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.getSlidingWindowState();

2.2、系统UI类方法

alert 弹出alert对话框

uexWindow.alert(title,message,buttonLable)

说明:
弹出只有一个确定按钮的对话框

参数:

参数名称参数类型是否必选说明
titleString标题
messageString内容
buttonLableString显示在按钮上的文字

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.alert("提示","alert框测试","OK");

confirm 弹出confirm对话框

uexWindow.confirm(title,message,buttonLable)

说明:
弹出至少包含一个至多包含3个按钮的对话框

参数:

参数名称参数类型是否必选说明
titleString标题
messageString内容
buttonLableArray显示在按钮上的文字的集合

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.confirm("警告","确定退出么?","OK,Cancel");

prompt 弹出prompt对话框

uexWindow.prompt(title,message,defaultValue,buttonLable,hint)

说明:
弹出包含两个按钮且带输入框的对话框

参数:

参数名称参数类型是否必选说明
titleString标题
messageString对话框内容,不需要时请传空字符串""
defaultValueString输入框默认文字,不需要时请传空字符串""
buttonLableString显示在按钮上的文字的集合 ,多个按钮之间用逗号,分隔
hintString输入框中的提示文字,在输入框中内容为空时显示

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.prompt("提示","请输入内容:","","OK,Cancel");

toast 弹出消息提示框

uexWindow.toast(type,location,msg,duration)

说明:
弹出消息提示框,常见的用于获取网络数据,在请求过程中给个加载提示,数据加载完成时关闭提示。

参数:

参数名称参数类型是否必选说明
typeNumber0-没有进度条;1-有进度条
locationNumber显示位置,详见CONSTANT中WindowToastLocation
msgNumber消息
durationNumber显示时间,单位为毫秒,非正整数时,提示框一直存在,不会自动关闭

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.toast(1,5,"正在加载...",0);

closeToast 关闭消息提示框

uexWindow.closeToast()

说明:
关闭消息提示框

参数:

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.closeToast()

createProgressDialog 创建全局对话框

uexWindow.createProgressDialog(title,msg,canCancel)

说明:

创建一个全局对话框,屏蔽用户对界面的一切操作,可以定义是否模态。常见的用于获取网络数据,在请求过程中给个加载提示,数据加载完成时关闭提示。

参数:

参数名称参数类型是否必选说明
titleString标题,传空字符串时没有标题,如’’
msgString内容
canCancelNumber是否可以取消,即点击屏幕上除对话框以外的任何地方,或者点击返回键,对话框是否消失。 0-可以取消,1-不能取消。设置为1时,该对话框只能在通过调 用destroyProgressDialog取消,否则会一直显示。默认可以取消

平台支持:

iOS 6.0+
Android 4.0+

版本支持:

iOS 3.2.0+
Android 3.0.0+

示例:

  1. uexWindow.createProgressDialog('','正在加载,请稍候...',0);

destroyProgressDialog 销毁全局对话框

uexWindow.destroyProgressDialog()

说明:
销毁全局对话框

参数:

平台支持:

iOS 6.0+
Android 4.0+

版本支持:

iOS 3.2.0+
Android 3.0.0+

示例:

  1. uexWindow.destroyProgressDialog()

actionSheet 弹出菜单列表

uexWindow.actionSheet(title,cancel,buttonLables)

说明:
从界面底部弹出按钮列表, 其回调接口是cbActionSheet

参数:

参数名称参数类型是否必选说明
titleString标题
cancelString显示在取消按钮上的文本
buttonLableArray按钮列表文字

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+
示例:

  1. uexWindow.actionSheet("菜单","Cancel","Opt1,Opt2,Opt3,Opt4,Opt5,Opt6");

2.3、系统control类方法

setOrientation 设置屏幕方向

uexWindow.setOrientation(orientation)

说明:
设置屏幕方向

参数:

参数名称参数类型是否必选说明
orientationNumber1:竖屏,home键在屏幕下方; 2:横屏,home键在屏幕右边;4:竖屏,home键在屏幕上方; 8:横屏,home键在屏幕左边; 15:随系统设置自动转屏。

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. uexWindow.setOrientation(1);

setWindowScrollbarVisible 设置滚动条的显示和隐藏

uexWindow.setWindowScrollbarVisible(visible)

说明:
设置滚动条的显示和隐藏

参数:

参数名称参数类型是否必选说明
visibleBool显示或隐藏,true-显示;false-隐藏

平台支持:
Android2.2+
iOS6.0+

版本支持:
3.0.0+

示例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-
  6. scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <script type="text/javascript">
  8. window.uexOnload = function(type){
  9. }
  10. function setDis(vis){
  11. uexWindow.setWindowScrollbarVisible(vis);
  12. }
  13. </script>
  14. </head>
  15. <body class="um-vp" ontouchstart>
  16. <div class="conbor">
  17. <div class="consj">
  18. <input class="btn" type="button" value="显示" onclick="setDis('true')"/>
  19. <input class="btn"