Question

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

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

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

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

您是否知道任何其他用于创建UI的库，可与LimeJs一起使用？

代码：

//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）;

LimeJs框和domElement输入在同一层中

0 个答案: