是否可以在 Appcelerator 中确定字符串的宽度？

Question

我正在尝试确定字符串的长度，以便我可以动态布局一些标签。在 iOS 中我会使用：
CGSize 大小 = [字符串 sizeWithFont:font];
是否可以使用 Appcelerator API 来执行此操作，或者是否有其他方法来执行此类动态布局？

Answer 1

如果您创建具有“自动”宽度的标签，一旦构建了它们，您就可以访问它们的实际宽度并相应地定位任何其他标签：

var window = Ti.UI.createWindow();

var label = Ti.UI.createLabel({
    text: 'This is a test string',
    width: 'auto',
    color: '#FFF',
    left: 0,
    top: 0
});

var labelWidth = label.width;

Ti.API.info(labelWidth);

// Dynamically position the second label
var secondLabel = Ti.UI.createLabel({
    text: 'Second label',
    width: 100,
    left: labelWidth + 10,
    top: 0,
    color: '#FFF'
});

window.add(label);
window.add(secondLabel);

window.open();

它不是很优雅，但它可以工作。

Answer 2

var win = Ti.UI.createWindow({
    'layout': 'horizontal'
});

https://github.com/appcelerator/titanium_mobile /blob/master/demos/KitchenSink/Resources/examples/horizo​​ntal_layout.js