获取 Titanium 移动应用程序中标签的宽度

Question

设置标签内容后如何获取标签的宽度？没有设置初始宽度。

我在表行中有两个标签，如下所示：

label 1 (label 2)

这里最初未设置标签 1 的宽度。随着内容的变化，label 1的宽度发生变化，有时会导致与label 2重叠。

现在我的主要目标是动态设置 label 2 left，使其不与 label 1 重叠。我想这样做：

1. 首先计算 label 1 的宽度
2. ，然后设置 label 2 的左侧 = label 1 的宽度 + 10

如果还有其他方法，请帮助。

这里有一些代码

var win = Titanium.UI.createWindow({
    title: 'Cleos',
    backgroundImage: 'tablebg.png',
    navBarHidden: true,
});
var tableview = Titanium.UI.createTableView({
    backgroundColor: 'transparent',
    separatorStyle: Ti.UI.iPhone.TableViewSeparatorStyle.NONE,
    style: Titanium.UI.iPhone.TableViewStyle.PLAIN
});
win.add(tableview);
var modelData = new Array;
for (i = 0; i <= daga.length - 1; i++) { // `data` as json, comes from a source
    var row = Titanium.UI.createTableViewRow({
        height: 120.0,
        backgroundColor: 'transparent',
        selectedBackgroundColor: '#380710',
        hasDetail: true
    });
    var imageThumb = Titanium.UI.createImageView({
        image: '...',
        width: 100.0,
        height: 100.0,
        left: 4.0,
        top: 10.0
    });
    row.add(imageThumb);
    var name = Titanium.UI.createLabel({
        text: '...',
        font: {
            fontSize: 16,
            fontWeight: 'bold'
        },
        textAlign: 'left',
        color: '#fff',
        height: 30.0,
        top: 5.0,
        left: 110.0
    });
    row.add(modelname);
    var NumberOfImages = Titanium.UI.createLabel({
        text: '(' + 12 + ')',
        font: {
            fontSize: 16
        },
        width: 'auto',
        color: '#bfbebe',
        textAlign: 'left',
        height: 30.0,
        top: 5.0,
        left: '' // I want to set this `left  = width of label name`
    });
    row.add(NumberOfImages);
    modelData.push(row);
    tableview.setData(modelData);
}
win.open();

Answer 1

var width = label.toImage().width;

这将获得图像的实际宽度或高度（以像素为单位），并考虑字体属性（大小、系列、粗细）。

Answer 2

var labelWidth = label.width;

但要小心“auto”值，因为它们通常返回 0。应该在将标签添加到视图之后请求该值。

[更新]
如果 NumberOfImages.left = name.width+name.left; 不起作用，我会尝试计算宽度，例如

var pixelPerChar = 8;
var pseudoWidth = name.text.length/pixelPerChar;
NumberOfImages.left = pseudoWidth + name.left;

Answer 3

将宽度和高度都设置为 auto，那么它应该返回一个正确的值。

Answer 4

具有 auto 尺寸的 Titanium 标签往往很烦人（或者是我上次使用 Titanium 时）；一个通常有效的解决方案是将它们放置在具有 auto 宽度或高度的 TiView 内部，然后从视图中读取相关属性。

Answer 5

创建时将 name 的宽度设置为“auto”。

在行中添加name后，可以通过name.size.width获取宽度

Answer 6

将宽度设置为“自动”似乎会剪辑为 320（如果标签大于屏幕宽度，则标签不会保留一行）。有没有办法让标签比屏幕大并且自动宽度超过屏幕边缘

Answer 7

我在启动时也遇到此类问题。
你，轻松解决这个问题，你用%age（百分比）设置高度。
这意味着，当你定义
标签高度 = 10%
label.left = 5% 等
然后，它计算屏幕当前高度并以百分比设置默认值。

在这种用途中我们也有利润。当我们改变方向时，它很容易发生，用百分比。

谢谢