HTML5+ - WebviewStyles (窗口样式) 详解

时间:2019-08-10 发布者: 访问量:3394

webviewStyle 设置于创建窗口函数中,格式为JSON对象,用于设置窗口的样式,属性如下:

background
窗口空白区域的背景模式,设置background为颜色值(参考CSS Color Names,可取值/十六进制值/rgb值/rgba值),窗口为独占模式显示(占整个屏幕区域); 设置background为“transparent”,则表示窗口背景透明,为非独占模式。

top: (String 类型 )窗口垂直向下的偏移量

支持百分比、像素值,默认值为0px。 未设置top属性值时,优先通过bottom和height属性值来计算窗口的top位置。

left: (String 类型 )窗口水平向右的偏移量

支持百分比、像素值,默认值为0px。 未设置left属性值时,优先通过right和width属性值来计算窗口的left位置。

right: (String 类型 )窗口水平向左的偏移量

支持百分比、像素值,默认无值(根据left和width属性值来自动计算)。 当设置了left和width值时,忽略此属性值; 当未设置width值时,可通过left和bottom属性值来确定窗口的宽度。


bottom: (String 类型 )窗口垂直向上的偏移量

支持百分比、像素值,默认值无值(根据top和height属性值来自动计算)。 当设置了top和height值时,忽略此属性值; 当未设置height值时,可通过top和bottom属性值来确定窗口的高度。


height: (String 类型 )窗口的高度

支持百分比、像素值,默认为100%。 当未设置height属性值时,优先通过top和bottom属性值来计算窗口的高度。

bounce: (String 类型 )窗口遇到边框是否有反弹效果

可取值:none表示没有反弹效果;vertical表示垂直方向有反弹效果;horizontal表示水平方向有反弹效果;all表示垂直和水平方向都有反弹效果。


opacity: (Number 类型 )窗口的不透明度

0为全透明,1为不透明,默认值为1,即不透明。

scalable: (Boolean 类型 )窗口是否可缩放

窗口设置为可缩放(scalable:true)时,用户可通过双指操作放大或缩小页面,此时html页面可通过meta节点设置“name="viewport" content="user-scalable=no"”来限制页面不可缩放。 窗口设置为不可缩放(scalable:false)时,用户不可通过双指操作放大或缩小页面,即使页面中的meta节点也无法开启可缩放功能。 默认值为false,即不可缩放。

发布于
  用户评论
    生活编程