AppCan入门 JS SDK窗口模块

xiaoxiao2021-02-28  105

一、打开一个新窗口

appcan.window.open(name,data,aniId,type,dataType,width,height,animDuration,extraInfo)

参数 name:新窗口的名称 data:新窗口填充的数据 dataType:新窗口填充的数据类型 aniId:动画类型Id type:窗口类型 width、height 宽度和高度 animDuration:动画执行时间 毫秒为单位 例如: appcan . window . open ({ name : name , dataType : 0 , aniId : 2 , data : name  +  ".html" , extraInfo :{ opaque : true , bgColor : bg } }); 二、关闭当前窗口

appcan.window.close(aniId,animDuration)

appcan.window.close(-1);表示当前窗口是怎么打开的,就按照相反的动画关闭 三、在指定的窗口执行脚本

appcan.window.evaluateScript(name,scriptContent,type)

name:指定窗口的名称 scriptContent:要执行的脚本--->就是一个函数(“func()”) type:窗口类型 四、在指定弹出窗口执行脚本

appcan.window.evaluatePopoverScript(name,popName,scriptContent)

name:要执行脚本的窗口名称(当页面中只有一个主窗口时,name叫做root) popName:要执行的弹出窗口的名称(为浮动窗口时,名称为“content”) scriptContent:要执行的脚本内容 注意三和四的区别:三是浮动窗口调用主窗口的方法,就是说js代码是写在主窗口中的,而四是主窗口调用浮动窗口中的方法,js代码是写在浮动窗口中的   五、设置页面的上下弹出效果(上拉刷新,下拉加载效果)

appcan.window.setBounce(bounceType,startPullCall,downEndCall,upEndCall,color,imgSettings)

bounceType:0 向下拖动,1向上拖动 startPullCall:开始滑动时触发回调 downEndCall:上拉或者下拉超过边界执行回调 upEndCall:上拉或者下拉,超过边界之后,恢复最初状态执行回调 color:如果超过了该边界显示背景颜色 imgSettings:如果吵过了该边界,并且想要设置显示的内容,则设置参数

六、appcan.window.resetBounceView(position)

恢复默认弹动,position :0顶端,1底部 七、toast窗口的弹出和关闭(提示窗口)

appcan.window.openToast(msg,duration,position,type)

msg:提示的内容 duration:toast窗口显示的时间,单位毫秒 position:位置 5 为中间 type:0 没有菊花圈,1 有菊花圈

appcan.window.closeToast()

关闭正在显示的toast 八、窗口的移进移出

appcan.window.moveAnim(left,top,callback,duration)

left:距离左边的距离 top:距离上边的距离 callback:动画移动完成后的回调函数 duration:动画持续时间 九、弹出窗口的打开和关闭

appcan.window.openPopover(name,dataType,url,data,left,top,width,height,fontSize,type,bottomMargin,extraInfo)

与此方法功能相似的是:

appcan.frame.open(id,url,left,top,name,index,change,extraInfo)

打开一个浮动窗口/弹出框,如果不存在则会先创建然后在打开,如果存在则直接打开 与上面方法相反的是:关闭指定弹出窗口

appcan.window.closePopover(name)

appcan.frame.close(name)

十、重置弹出窗口的位置大小

appcan.window.resizePopover(name,left,top,width,height)

重置指定弹出窗口的大小、位置

appcan.frame.resize(id,left,top,name)

设置指定的浮动窗口恢复到指定窗口的大小,并设置浮动窗口的位置 这里是根据id,设置浮动窗口的大小
转载请注明原文地址: https://www.6miu.com/read-28982.html

最新回复(0)