Question

我已经用钛创建了一个应用程序，可以创建10000个按钮并将它们添加到窗口中。我的目标是衡量整个创建过程的时间，以便将其与其他跨平台解决方案进行比较。

现在我的问题是：所有的按钮都被完美地拉出来，但正如标题所说，时间测量是关闭的，用真正的秒表计时它需要大约一分钟，但是当使用.getTime（）时比较它给我0.02分钟。

function renderButtons() {
    var win = Ti.UI.createWindow({
        backgroundColor: 'B8B8B8',
        exitOnClose: true,
        fullscreen: 'false',
        title: 'Label Demo'
    });

    win.open();
    var count = 0;
    var Pwidth = Ti.Platform.displayCaps.platformWidth;
    var Pheight = Ti.Platform.displayCaps.platformHeight;
    var widthRan = 0;
    var heightRan = 0;
    var left;
    var top;
    var color;
    var time = '0.0';
    var elapsed = '0.0';
    var start = '0.0';

    start = new Date().getTime();
    for (count = 0; count < 10000; count++) {
        left = Math.floor((Math.random()*Pwidth));
        top = Math.floor((Math.random()*Pheight));
        widthRan = Math.floor((Math.random()*100));
        heightRan = Math.floor((Math.random()*100));
        color = getRandomColor();
        var pixel = Ti.UI.createButton({
            center: { x:left, y:top },
            width: widthRan,
            height: heightRan,
            textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
            text: 'Back',
            color: 'white',
            backgroundColor: color
        });
        win.add(pixel);
    }

    elapsed = new Date().getTime();
    time = elapsed - start;
    var seconds = time/1000;
    var mins = seconds/60;
    win.close();
    alert(mins.toString());
}

我的时间测量方法是否已关闭，或者这可能是钛问题？这很奇怪，因为它对我的矩阵乘法非常有效。

Answer 1

您正在以警报显示时间alert(time.toString());它不会在几秒或几分钟内给您时间差异。 alert(seconds);会以秒为单位显示您的差异，alert(mins);会显示您在几分钟内的差异。

Answer 2

您正在测量初始化10000个按钮对象而不在屏幕上绘制它们所需的时间。要计算从开始应用程序到用户查看屏幕上所有按钮的确切时间，您需要使用附加到窗口对象的事件监听器。

尝试这样的事情：

function renderButtons() {
    var win = Ti.UI.createWindow({
        backgroundColor: 'B8B8B8',
        exitOnClose: true,
        fullscreen: 'false',
        title: 'Label Demo'
    });

    var start = new Date().getTime();
    for (var count = 0; count < 1000; count++) {
        win.add( createRandomButton() );
    }
    alert('init: ' + (new Date().getTime() - start));

    win.addEventListener('postlayout', function(){
        alert('postlayout: ' + (new Date().getTime() - start));
    });

    win.open();
}

如果您需要在渲染完成后立即关闭窗口，请在eventListener中添加win.close()以防止在屏幕上绘制它时调用它：

win.addEventListener('postlayout', function(){
    alert('postlayout: ' + (new Date().getTime() - start));
    win.close();
});

使用javascript在钛中进行时间测量

2 个答案: