Blend UI sidebar 側(cè)邊欄API文檔

sidebar是Layer的靜態(tài)方法,是對(duì)Layer功能擴(kuò)展；

sidebar的創(chuàng)建

Blend.ui.Layer.addSidebar(layerId,options);

參數(shù):

id

指定增加側(cè)邊欄的layer的id，默認(rèn)為當(dāng)前l(fā)ayer;

類型	說(shuō)明	是否必須
String	layer的id	否

實(shí)例：

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com'
})

options

側(cè)邊欄的配置項(xiàng):

url

類型	說(shuō)明	是否必須
String	側(cè)邊欄要加載的URL	是

實(shí)例：

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com'
})

width

配置footbar距離屏幕left的坐標(biāo)

類型	說(shuō)明	是否必須
Number	側(cè)邊欄的寬度,默認(rèn)為寬度的2/3	否

實(shí)例：

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com',
    width:200
})

bgColor

側(cè)邊欄底層背景色，頁(yè)面背景透明時(shí)能看出效果；

類型	說(shuō)明	是否必須
Number	背景顏色	否

實(shí)例：

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com',
    width:200,
    bgColor:"#ff0000"
})

側(cè)邊欄顯示

Blend.ui.Layer.showSidebar(layerId);

參數(shù)：

id

要顯示側(cè)邊欄的layer的id，可省略， 默認(rèn)為當(dāng)前l(fā)ayer的id；

類型	說(shuō)明	是否必須
String	layer的id	否

實(shí)例: var Layer = Blend.ui.Layer; Layer.showSidebar();

側(cè)邊欄隱藏

Blend.ui.Layer.hideSidebar(layerId);

參數(shù)：

id

要隱藏側(cè)邊欄的layer的id，可省略， 默認(rèn)為當(dāng)前l(fā)ayer的id；

類型	說(shuō)明	是否必須
String	layer的id	否

實(shí)例:

var Layer = Blend.ui.Layer;
Layer.hideSidebar();

側(cè)邊欄銷毀

Blend.ui.Layer.destorySidebar(layerId);

類型	說(shuō)明	是否必須
String	layer的id	否

參數(shù)：

id

要銷毀側(cè)邊欄的layer的id，可省略， 默認(rèn)為當(dāng)前l(fā)ayer的id；

實(shí)例: var Layer = Blend.ui.Layer; Layer.destorySidebar();