Ограничьте слой размером и прокрутите дочерние элементы внутри с помощью LimeJS.

У меня есть карта, которую я хочу прокручивать. Прокрутка работает, но теперь, поскольку карта находится в моем меню, событие mousedown для нажатия на что-то в меню запускает как этот прослушиватель, так и прослушиватель перетаскивания карты, потому что карта выходит за пределы размера слоя и находится под меню. Есть ли способ ограничить это?

Код:

//set main namespace
goog.provide('rh.game');

//get requirements
goog.require('lime.Director');
goog.require('lime.Scene');
goog.require('lime.Layer');
goog.require('lime.RoundedRect');
goog.require('lime.Sprite');
goog.require('lime.Label');
goog.require('rh.house');
// entrypoint
rh.start = function(){

var director = new lime.Director(document.body,1024,768).setDisplayFPS(false),
Game = new lime.Scene(),
menulayer = new lime.Layer().setAnchorPoint(0,0).setPosition(0,568),
menubg = new lime.RoundedRect().setAnchorPoint(0,0).setSize(1024,200).setFill('assets/menubg.png'),
houselbl = new lime.Sprite().setPosition(0, 0).setAnchorPoint(0,0).setFill('assets/storage.png');
flayer = new lime.Layer().setAnchorPoint(0,0).setPosition(0,0).setSize(1024,568),
field = new lime.Sprite().setSize(3000,2500).setAnchorPoint(0,0).setFill('assets/fields.jpg'),
selected_ = -1;

menulayer.appendChild(menubg);
menulayer.appendChild(houselbl);
flayer.appendChild(field);

goog.events.listen(flayer,['mousedown'],function(e){
    if(selected_ == 1){
    var house = new rh.house().setPosition(e.position.x, e.position.y);
    flayer.appendChild(house);
    selected_ = -1;
    houselbl.setFill('assets/storage.png');
    }


    e.startDrag(false, new goog.math.Box(-1932, 0, 0, -1976));      
});

goog.events.listen(houselbl,['mousedown'],function(e){
    selected_ = 1
    houselbl.setFill('assets/storages.png');
});

Game.appendChild(flayer);
Game.appendChild(menulayer);

director.replaceScene(Game);
}

Спасибо за чтение.


javascript html limejs
person Kevin Peters    schedule 17.10.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Добавление e.event.stopPropagation() к прослушивателю исправило его, чтобы он не мог получить доступ к другим объектам, кроме тех, на которые он указывает при перекрытии.

Пример:

goog.events.listen(houselbl,['mousedown'],function(e){
    e.swallow(['mouseup'],function(){

    if (selected_ !== -1) {
        selected_ = -1;
        houselbl.setFill('assets/storage.png');
    }else{
    selected_ = 1
    houselbl.setFill('assets/storages.png');
    }
    });
e.event.stopPropagation()
});
person Kevin Peters    schedule 17.10.2012