1

我想使用 LimeJs 创建一个 html 小游戏。

目前我想创建一个 ui 测试。我正在创建一个聊天框。我对输入（DomElement）和框（CanvaElement）有一些问题。

我将一个输入和一个框放在位置 0;0 的图层中。我遇到的问题之一是输入与框不在同一位置。

我想用输入和框拖动我的图层。如果我使用 goog.events.listen，我不能使用文本框。我怎样才能做到这一点 ？

您是否知道任何其他与 LimeJs 兼容的用于创建 UI 的库？

代码：

//set main namespace
goog.provide('test_ui');

//get requirements
goog.require('lime.Director');
goog.require('lime.Scene');
goog.require('lime.Layer');


// entrypoint
test_ui.start = function() {

    var director = new lime.Director(document.body, 1024, 768);
    var scene = new lime.Scene();
    var target = new lime.Layer().setPosition(512, 384);

    scene.appendChild(target);
    director.replaceScene(scene);

    target.appendChild(test_ui.makeTest());
}

test_ui.makeTest = function() {
    var layer = new lime.Layer();
    var input = document.createElement('input'); //Text input
    input.setAttribute('style', 'position:absolute;'); //Set absolute position
    var box = new lime.Sprite().setFill('#AACCDD').setPosition(0, 0).setSize(400, 300);     //Box


    layer.appendChild(box);
    layer.appendChild(input);

    goog.events.listen(layer, ['mousedown'], function(e) {
            e.startDrag(false);
    });
    return layer;
}

goog.exportSymbol('test_ui.start', test_ui.start);

4

0 回答 0