鼠標(biāo)事件
| 事件 | 描述 |
|---|---|
| Laya.Event.MOUSE_DOWN | 鼠標(biāo)按下時(shí)觸發(fā) |
| Laya.Event.MOUSE_MOVE | 鼠標(biāo)移動(dòng)時(shí)觸發(fā) |
| Laya.Event.MOUSE_OUT | 鼠標(biāo)離開對(duì)象范圍時(shí)觸發(fā) |
| Laya.Event.MOUSE_OVER | 鼠標(biāo)移動(dòng)到對(duì)象范圍上方時(shí)觸發(fā) |
| Laya.Event.MOUSE_UP | 鼠標(biāo)按下松開時(shí)觸發(fā) |
| Laya.Event.MOUSE_WHEEL | 鼠標(biāo)滾輪事件 |
鼠標(biāo)按住
例如：點(diǎn)擊按住精靈維持一秒鐘松開鼠標(biāo)后精靈放大一倍
Hold 按住
class Test {
constructor() {
//初始化引擎
Laya.init(Laya.Browser.clientWidth, Laya.Browser.clientHeight, Laya.WebGL);
//初始化舞臺(tái)
this.initStage();
//運(yùn)行
this.run();
}
/**初始化舞臺(tái)*/
initStage(){
//設(shè)置舞臺(tái)對(duì)齊方式
this.setStageAlign("center", "middle");
//設(shè)置舞臺(tái)屏幕模式
this.setStageScreen("horizontal");
//設(shè)置舞臺(tái)縮放模式
this.setStageScale("showall");
//設(shè)置舞臺(tái)背景
Laya.stage.bgColor = "#000000";
}
/**設(shè)置舞臺(tái)縮放模式 */
setStageScale(mode){
mode = mode.toLowerCase();
if(mode == "noscale"){
//不縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_NOSCALE;
}else if(mode == "showall"){
//顯示所有 最小比例縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;
}else if(mode == "exactfit"){
//全屏不等比縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_EXACTFIT;
}else if(mode == "noborder"){
//無(wú)框縮放 最大比例縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_NOBORDER;
}else if(mode == "full"){
//全屏縮放 舞臺(tái)寬高等于屏幕寬高
Laya.stage.scaleMode = Laya.Stage.SCALE_FULL;
}else if(mode == "fixedwidth"){
//寬度固定 寬度不變 高度根據(jù)屏幕比縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_WIDTH;
}else if(mode == "fixedheight"){
//高度固定 高度不變 寬度根據(jù)屏幕比縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_HEIGHT;
}else if(mode == "fixedauto"){
//自動(dòng)選擇 根據(jù)寬高比自動(dòng)選擇使用fixedwidth或fixedheight
Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_AUTO;
}
}
/**設(shè)置舞臺(tái)屏幕模式 */
setStageScreen(mode = "horizontal"){
mode = mode.toLowerCase();
if(mode == "horizontal"){
Laya.stage.screenMode = Laya.Stage.SCREEN_HORIZONTAL;
}else if(mode == "vertical"){
Laya.stage.screenMode = Laya.Stage.SCREEN_VERTICAL;
}
}
/**設(shè)置舞臺(tái)對(duì)齊方式 */
setStageAlign(h, v){
h = h.toLowerCase();
if(h == "left"){
Laya.stage.alignH = Laya.Stage.ALIGN_LEFT;
}else if(h == "center"){
Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
}else if(h == "right"){
Laya.stage.alignH = Laya.Stage.ALIGN_RIGHT;
}
v = v.toLowerCase();
if(v == "top"){
Laya.stage.alignV = Laya.Stage.ALIGN_TOP;
}else if(v == "middle"){
Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
}else if(v == "bottom"){
Laya.stage.alignV = Laya.Stage.ALIGN_BOTTOM;
}
}
run(){
let url = "res/image/npc.png";
Laya.loader.load(url, Laya.Handler.create(this, function(url){
//創(chuàng)建精靈
let sprite = new Laya.Sprite();
//使用精靈加載圖片
sprite.loadImage(url);
//獲取紋理尺寸
let texture = Laya.loader.getRes(url);
//設(shè)置精靈的軸心點(diǎn)
sprite.pivot(texture.width>>1, texture.height>>1);
//設(shè)置精靈的坐標(biāo)位置
sprite.pos(Laya.stage.width>>1, Laya.stage.height>>1);
//設(shè)置精靈的縮放比例
sprite.scale(0.5, 0.5);
//添加到舞臺(tái)
Laya.stage.addChild(sprite);
//添加事件
sprite.on(Laya.Event.MOUSE_DOWN, this, this.onSpritePress);
sprite.on(Laya.Event.MOUSE_UP, this, this.onSpriteRelease);
}, [url]));
}
onSpriteRelease(evt){
Laya.Tween.to(evt.target, {"scaleX":0.5, "scaleY":0.5}, 300, Laya.Ease.bounceOut);
Laya.stage.off(Laya.Event.MOUSE_UP, this, this.onSpriteRelease);
}
onSpritePress(evt){
//延遲1秒后執(zhí)行緩動(dòng)
Laya.timer.once(1000, this, function(){
Laya.Tween.to(evt.target, {"scaleX":1, "scaleY":1}, 500, Laya.Ease.bounceOut);
});
}
}
//啟動(dòng)
new Test();
鼠標(biāo)拖動(dòng)
例如：拖動(dòng)顯示對(duì)象再超出邊界后可以看到回彈效果
鼠標(biāo)拖動(dòng)
class Test {
constructor() {
//初始化引擎
Laya.init(Laya.Browser.clientWidth, Laya.Browser.clientHeight, Laya.WebGL);
//初始化舞臺(tái)
this.initStage();
//運(yùn)行
this.run();
}
/**初始化舞臺(tái)*/
initStage(){
//設(shè)置舞臺(tái)對(duì)齊方式
this.setStageAlign("center", "middle");
//設(shè)置舞臺(tái)屏幕模式
this.setStageScreen("horizontal");
//設(shè)置舞臺(tái)縮放模式
this.setStageScale("showall");
//設(shè)置舞臺(tái)背景
Laya.stage.bgColor = "#000000";
}
/**設(shè)置舞臺(tái)縮放模式 */
setStageScale(mode){
mode = mode.toLowerCase();
if(mode == "noscale"){
//不縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_NOSCALE;
}else if(mode == "showall"){
//顯示所有 最小比例縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;
}else if(mode == "exactfit"){
//全屏不等比縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_EXACTFIT;
}else if(mode == "noborder"){
//無(wú)框縮放 最大比例縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_NOBORDER;
}else if(mode == "full"){
//全屏縮放 舞臺(tái)寬高等于屏幕寬高
Laya.stage.scaleMode = Laya.Stage.SCALE_FULL;
}else if(mode == "fixedwidth"){
//寬度固定 寬度不變 高度根據(jù)屏幕比縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_WIDTH;
}else if(mode == "fixedheight"){
//高度固定 高度不變 寬度根據(jù)屏幕比縮放
Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_HEIGHT;
}else if(mode == "fixedauto"){
//自動(dòng)選擇 根據(jù)寬高比自動(dòng)選擇使用fixedwidth或fixedheight
Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_AUTO;
}
}
/**設(shè)置舞臺(tái)屏幕模式 */
setStageScreen(mode = "horizontal"){
mode = mode.toLowerCase();
if(mode == "horizontal"){
Laya.stage.screenMode = Laya.Stage.SCREEN_HORIZONTAL;
}else if(mode == "vertical"){
Laya.stage.screenMode = Laya.Stage.SCREEN_VERTICAL;
}
}
/**設(shè)置舞臺(tái)對(duì)齊方式 */
setStageAlign(h, v){
h = h.toLowerCase();
if(h == "left"){
Laya.stage.alignH = Laya.Stage.ALIGN_LEFT;
}else if(h == "center"){
Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
}else if(h == "right"){
Laya.stage.alignH = Laya.Stage.ALIGN_RIGHT;
}
v = v.toLowerCase();
if(v == "top"){
Laya.stage.alignV = Laya.Stage.ALIGN_TOP;
}else if(v == "middle"){
Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
}else if(v == "bottom"){
Laya.stage.alignV = Laya.Stage.ALIGN_BOTTOM;
}
}
run(){
//繪制矩形
this.drawRect(400, 300);
//載入圖片
this.loadImage("res/image/npc.png");
}
//加載圖片
loadImage(url){
Laya.loader.load(url, Laya.Handler.create(this, function(url){
//創(chuàng)建精靈
let sprite = new Laya.Sprite();
//使用精靈加載圖片
sprite.loadImage(url);
//獲取紋理尺寸
let texture = Laya.loader.getRes(url);
//設(shè)置精靈的軸心點(diǎn)
sprite.pivot(texture.width>>1, texture.height>>1);
//設(shè)置精靈的坐標(biāo)位置
sprite.pos(Laya.stage.width>>1, Laya.stage.height>>1);
//設(shè)置精靈的縮放比例
sprite.scale(0.5, 0.5);
//添加到舞臺(tái)
Laya.stage.addChild(sprite);
//添加事件
sprite.on(Laya.Event.MOUSE_DOWN, this, this.onDrag);
}, [url]));
}
//繪制矩形
drawRect(width = 400, height = 300){
this.rectangle = new Laya.Rectangle(
Laya.stage.width-width>>1,
Laya.stage.height-height>>1,
width, height
);
Laya.stage.graphics.drawRect(
this.rectangle.x,
this.rectangle.y,
this.rectangle.width,
this.rectangle.height,
null, "#FFFFFF", 2
);
return this.rectangle;
}
//鼠標(biāo)按下開始拖拽
onDrag(evt){
//設(shè)置了拖動(dòng)區(qū)域和超界彈回的滑動(dòng)效果
evt.target.startDrag(this.rectangle, true, 100);
}
}
//啟動(dòng)
new Test();
Sprite精靈的startDrag方法用于開始拖動(dòng)當(dāng)前對(duì)象
public function startDrag(
area:Rectangle = null,
hasInertia:Boolean = false,
elasticDistance:Number = 0,
elasticBackTime:int = 300,
data:* = null,
disableMouseEvent:Boolean = false,
ratio:Number = 0.92
):void
| 參數(shù) | 默認(rèn)值 | 可選 | 描述 |
|---|---|---|---|
| area:Rectangle | null | 可選 | 拖動(dòng)區(qū)域，為當(dāng)前對(duì)象注冊(cè)點(diǎn)活動(dòng)區(qū)域 |
| hasIneritia:Boolean | false | 可選 | 鼠標(biāo)松開后是否慣性滑動(dòng) |
| elasticDistance:Number | 0 | 可選 | 橡皮筋效果的距離值嫂拴，0為無(wú)橡皮筋效果芳悲。 |
| elasticBackTime:int | 300 | 可選 | 橡皮筋回彈毫秒時(shí)間，默認(rèn)為300毫秒铲球。 |
| data:* | null | 可選 | 拖動(dòng)事件攜帶的數(shù)據(jù) |
| disableMouseEvent:Boolean | false | 可選 | 禁用其他對(duì)象的鼠標(biāo)檢測(cè)，啟動(dòng)可提高性能晰赞。 |
| ratio:Number | 0.92 | 可選 | 慣性阻尼系數(shù)稼病，影響慣性力度和時(shí)長(zhǎng)选侨。 |
