7 uap mobile api referenceuap_jssdkframe

1、浮动窗口模块Frame再次封装相关浮动窗口的基础操作 uap.frame.open(id,url,left,top,name,index,change,extraInfo) /打开一个浮动窗口如果不存在则会先创建然后再打开，如果存在则直接打开,就会在页面中查找id的元素，把id元素的宽高指定为浮动窗口的宽高，把id元素的font-size设置为id元素的font-size 再次封装uap.window.openPopover uap.window.openPopover)常用参数（简化版） id:要打开浮动窗口的名称 url:浮动窗口要加载的页面的地址,如果url是一个数组则打开多页面浮动窗口

2、left:浮动窗口距离左边的距离 top:浮动窗口距离上边的距离name:强制改变打开窗口的名称 index:设置选中的多页面窗口的默认索引 change:如果多页面浮动窗口改变时会触发该回调，该回调有以下两个参数：err:正确返回情况下为null,错误时为Error信息.res:返回当前选择的浮动窗口页面的数据， json格式如下： multiPopName:name,multiPopSelectedIndex:index 各字段含义如下 参数是否必须说明multiPopName是多页面浮动窗口的名字 multiPopSelectedIndex是子页面窗口索引 extraInfo:扩展参数，

3、json格式如下： extraInfo:opaque:true,bgColor:#011,delayTime:250参数还可以以对象的形式传参:id:,url:,left:,top:,name:,index:,change:例如： 实例下载 ，打开多浮动页面之间可滑动切换，设置是否支持滑动参照setMultilPopoverFlippingEnbaledopencloseresizeresizePopoverByElebringToFrontevaluateScriptopenMulticloseMulti selectMultisendToBacksetBounce/弹出一个简单的demo浮

4、动窗口,并打开 uap.frame.open(id:content, url:, top:100,left:100);/打开多页面浮动窗口 var top = $(#header).offset().height; uap.frame.open(id : content,url : inPageName : LV0,inUrl : lv_thinline_content.html, inPageName : LV1,inUrl : lv_thinline_angle_content.html, inPageName : LV2,inUrl : lv_thin

5、line_sub_angle_content.html,top : top, left : 0,index : uap.locStorage.getVal(lv_index), change : function(err, res) );/另外一种使用方式 var frame = uap.require(frame); frame.open(id:content, url:, top:100,left:100);/打开多页面浮动窗口frame.open(id:content, url:,http:/3, top:100,left

6、:100);uap.frame.close(name) /关闭指定的浮动窗口name:浮动窗口的名字 参数还可以以对象的形式传参： name:例如：/关闭demo浮动窗口uap.frame.close(demo);/另外一种使用方式 var frame = uap.require(frame); frame.close(demo);uap.frame.resize(id,left,top,name) /设置指定的浮动窗口恢复到指定窗口的大小，并设置浮动窗口的位置id:指定的元素，根据该元素设置浮动窗口的大小left:浮动窗口距离左边界的距离 top:浮动窗口距离上边界的距离 name:要设置的

7、浮动窗口的名称，如果id没有传值的话使用这个值参数还可以以对象的形式传参： id:,left:,top:,name:例如：/重置demo窗口,位置uap.frame.resize( i d:container,left:100, top:100);/另外一种使用方式 var frame = uap.require(frame); frame.resize(id:container, left:100, top:100);uap.frame.resizePopoverByEle(id,left,top,name) /设置指定的浮动窗口恢复到指定窗口的大小，并设置浮动窗口的位置id:指定的元素，根

8、据该元素设置浮动窗口的大小left:浮动窗口距离左边界的距离 top:浮动窗口距离上边界的距离 name:要设置的浮动窗口的名称，如果id没有传值的话使用这个值参数还可以以对象的形式传参： id:,left:,top:,name:例如：/重置demo窗口,位置uap.frame.resizePopoverByEle(id:container, left:100, top:100);/另外一种使用方式 var win = uap.require(frame); win.resizePopoverByEle(id:container, left:100, top:100);uap.frame.br

9、ingToFront(name) /把指定的浮动窗口设置为最上层name:要设置的弹出层的名称参数还可以以对象的形式传参： name:例如：/把demo窗口显示到所有窗口最上面uap.frame.bringToFront(demo);/另外一种使用方式 var frame = uap.require(frame); frame.bringToFront(demo);uap.frame.evaluateScript(name,popName,scriptContent) /在指定的浮动窗口内执行响应的脚本name:要执行脚本的窗口名称popName:要执行的浮动窗口的名称scriptConten

10、t:要执行的脚本内容 参数还可以以对象的形式传参： name:,popName:, scriptContent:例如：/在demo窗口的浮动窗口执行脚本uap.frame.evaluateScript(name:demo, popName:demoPop, scriptContent:alert(hello world);/另外一种使用方式 var frame = uap.require(frame); frame.evaluateScript(name:demo, popName:demoPop, scriptContent:alert(hello world);uap.frame.open

11、Multi(popName,content,dataType,left,top,width,height,fontSize,flag,indexSelected) /浮动窗口中页面切换打开多页面浮动窗口，页面之间可滑动切换，设置是否支持滑动参照setMultilPopoverFlippingEnbaledpopName:打开新窗口的名称 content:要传入的数据，一个json对象，或者json字符串，结构必须为content:inPageName:p1, inUrl:xxx1.html,inData: 其中：inPageName:所包含的单页面窗口的名字，inUrl：url类型数据，inD

12、ata：窗口的内容的二进制数据，可为空 dataType:窗口载入的数据的类型，0：url方式载入；1：html内容 方式载入；（/必如传入的是一个）2：既有url方式，又有ht ml内容方式 left:距离左边界的距离top:距离上边界的距离width: 窗 口 的 宽height:窗口的高fontSize:字体的大小flag:窗口类型 0: 普通窗口 1: OAuth 窗口 2: 加密页面窗口 4: 强制刷新 8: url用系统浏览器打开16: view不透明 32: 隐藏的winwdow64: 等待popOver加载完毕后显示 128: 支持手势 256: 标记opn的window上一个

13、window不隐藏 512: 标记open的浮动窗口用于打开wabapp indexSelected:默认显示的索引项，默认显示第一项 参数还可以以对象的形式传参： popName:,content:,dataType:,left:,top:,width:,height:,fontSize:,flag:, indexSelected:例如： 实例下载 /打开一个四个窗口的浮动窗口uap.frame.openMulti(popName:nav, content:content: inPageName:p1,inUrl:, inData:,inPageName:p2

14、, inUrl:, inData:,inPageName:p3, inUrl:, inData:,inPageName:p4, inUrl:, inData:,height:500, dataType:0, indexSelected:2);/另外一种使用方式 var frame = uap.require(frame); frame.openMulti(popName:nav, content:content: inPageName:p1,inUrl:, inDat

15、a:,inPageName:p2, inUrl:, inData:,inPageName:p3, inUrl:, inData:,inPageName:p4, inUrl:, inData:,height:500, dataType:0, indexSelected:2);uap.frame.closeMulti(popName) /关闭多页面浮动窗口popName:多页面窗口的名称 参数还可以以对象的形式传参： popName:例如：/关闭指定的多页面浮动窗口uap.frame.closeMult

16、i(nav);/另外一种使用方式 var frame = uap.require(frame); frame.closeMulti(nav);uap.frame.selectMulti(popName,index) /设置多页面浮动窗口跳转到的子页面窗口的索引popName:要设置的多页面浮动窗口的名称index:要设置的多页面浮动窗口页面的索引 参数还可以以对象的形式传参： popName:,index:例如：/选择第三个页面uap.frame.selectMulti(nav,2);/另外一种使用方式 var frame = uap.require(frame); frame.selectM

17、ulti(nav,2);uap.frame.sendToBack(name) /把指定的浮动窗口设置到最下层name:要设置的浮动窗口名称参数还可以以对象的形式传参： name:例如：/把a窗口放到最下成uap.frame.sendToBack(a)/另外一种使用方式 var frame = uap.require(frame); frame.sendToBack(a)uap.frame.setBounce(bounceType,startPullCall,downEndCall,upEndCall,color,imgSettings) /设置上下弹动效果bounceType:弹动的类型,如果

18、为多个请用数组 0: 是向下拖动 1: 是向上拖动 startPullCall: 开 始 滑 动 时 触 发 回 调 downEndCall:上拉或者下拉超过边界执行回调 upEndCall:上拉或者下拉，超过边界之后，恢复最初状态执行回调color:如果超过了该边界显示的背景颜色 imgSettings:如果超过了该边界，并且想要设置显示的内容包括图片文字则设置该参数 关于imgSettings的设定的实例:imagePath:res:/reload.png, textColor:#530606, pullToReloadText: 拖 动 刷 新 , releaseToReloadText:释放刷新, loadingText:加载中，请稍等参数还可以以对象的形式传参：bounceType:, startPullCall:function()/do somethings,