shakeView 封装了一个可供开发者自定义的摇一摇界面,包括动画方向,震动,声音等摇一摇时特定的效果,都可自定义。使用此插件有效的解决了前端实现摇一摇动画不流畅问题
打开摇一摇视图
open({params})
x:
y:
w:
h:
type:
anim:
{
time: //(可选项)数字类型;动画持续时间;默认:3.0秒
sound: //(可选项)字符串类型;摇动后的音效文件路径,要求本地路径(fs://、widget://),若不传则无声音提示
isShake: //(可选项)布尔类型;是否添加手机震动效果;默认:false
percent: //(可选项)数字类型;裂开距离占摇动视图的百分比;默认:50
}
img:
{
leftUp: //字符串类型;左边(上面)的图片路径,要求本地路径(widget://、fs://);默认:灰色视图
rightDown: //字符串类型;右边(下面)的图片路径,要求本地路径(widget://、fs://);默认:灰色视图
bg: //(可选项)字符串类型;背景图片路径,要求本地路径(widget://、fs://);默认:绿色视图
shake: //(可选项)字符串类型;震动效果动画时震动(抖动)的图片路径,要求本地路径(widget://、fs://),当type为up_down或left_right时忽略此参数
}
fixedOn:
fixed:
var shakeView = api.require('shakeView');
shakeView.open({
x: 0,
y: 300,
w: api.winWidth,
h: 300,
type: 'left_right',
img: {
leftUp: 'widget://res/1.png',
rightDown: 'widget://res/2.png',
bg: 'widget://res/3.png'
},
anim: {
time: '2',
sound: '',
isShake: true,
percent: 50
}
});
iOS系统,Android系统
可提供的1.0.0及更高版本
触发摇一摇事件
shake({params}, callback(ret, err))
anim:
{
time: //(可选项)数字类型;动画持续时间;默认:3.0秒
sound: //(可选项)字符串类型;摇动后的音效文件路径,要求本地路径(fs://、widget://),若不传则无声音提示
isShake: //(可选项)布尔类型;是否添加手机震动效果;默认:false
percent: //(可选项)数字类型;裂开距离占摇动视图的百分比;默认:50
}
回调摇一摇动画结束事件
var shakeView = api.require('shakeView');
shakeView.shake(function(ret, err) {
if (ret) {
api.alert({msg: JSON.stringify(ret)});
} else {
api.alert({msg: JSON.stringify(err)});
}
});
iOS系统,Android系统
可提供的1.0.0及更高版本
隐藏视图
hide()
var shakeView = api.require('shakeView');
shakeView.hide();
iOS系统,Android系统
可提供的1.0.0及更高版本
显示视图
show()
var shakeView = api.require('shakeView');
shakeView.show();
iOS系统,Android系统
可提供的1.0.0及更高版本
关闭视图
close()
var shakeView = api.require('shakeView');
shakeView.close();
iOS系统,Android系统
可提供的1.0.0及更高版本
摇一摇界面类型。字符串类型
##取值范围: