AppCan入门 JS SDK窗口模块

一、打开一个新窗口

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，设置浮动窗口的大小