Titanium 钛合金标签对齐问题

我已经在应用程序中创建了自定义复选框。如果标签文本很小，我对复选框和标签没有问题。如果标签文本较大（超过一行），则对齐方式无法正确显示

请看上面的屏幕截图：第一个选项标签文本是“请选择评估程序测试的2个主要原因”，第二个选项标签文本是“问题2”。如果第一个标签中的文本很小，可以放在一行中，那么UI看起来不错。但如果文本不止一行，我就面临上述问题

我的代码如下：

查看：

<Label class="standardType1">Please select the 2 primary reasons rating the program?</Label>

<View class="checkBoxContainerView">
    <Widget id="box1" src="checkbox" value="true"/>
    <Label class="question1">Please select the 2 primary reasons rating the program testing the program</Label>
</View>

<View class="checkBoxContainerView">
    <Widget id="box2" src="checkbox" value="true"/>
    <Label class="question1">Question2</Label>
</View>

"#box1":
{
    height: Ti.UI.SIZE,
    width: Ti.UI.SIZE,
    left:10
}

"#box2":
{
    height: Ti.UI.SIZE,
    width: Ti.UI.SIZE,
    left:10
}

".question1":
{
    top: 3,
    left: 13,
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    color: '#fff',
    font:{
        fontSize: 16, 
        fontWeight: 'normal'
    }
}

".checkBoxContainerView":
{
    left: 15,
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    layout: 'horizontal'
}

---

有人能帮我吗？即使标签文本不止一行，视图的高度也应自动增加，并且选项应为“视图”。请帮帮我。

在对你的问题考虑了很多之后，我做了一些实验。我没有使用复选框，但如果标签是多行标签，我尝试接收正确的对齐

Xml:

---

正如您所见，我没有为容器指定任何高度或宽度（不是在.tss中定义的，而是在xml中定义的），只是为标签设置了一个宽度参数。您应该考虑为您的复选框使用10-20%，其余的用于您的标签。不要指定任何高度参数，因为系统会自动执行此操作。

仔细考虑您的问题后，我进行了一些试验。我没有使用复选框，但如果标签是多行标签，我尝试接收正确的对齐

Xml:

---

正如您所见，我没有为容器指定任何高度或宽度（不是在.tss中定义的，而是在xml中定义的），只是为标签设置了一个宽度参数。您应该考虑为您的复选框使用10-20%，其余的用于您的标签。不要指定任何高度参数，因为系统将自动执行此操作。

我现在没有要测试的系统，但我认为您应该为.checkboxContainerViewer设置

宽度：Ti.UI.FILL

。谢谢，现在显示了完整的标签文本。但是标签文本是从下一行开始的。该标签显示在复选框下方。我需要标签应该在复选框显示的同一行开始。有什么建议吗？你可以将checkBoxConterView的高度设置为“自动”吗？@Robin Ellerkmann我试过将高度设置为“自动”。它没有像我预期的那样工作。请你建议另一种解决方法，尽管它看起来有点奇怪：你可以尝试删除标签的高度属性。这将迫使Tianium自动缩放高度。我现在没有要测试的系统，但我认为您应该为.checkboxContainerViewer设置

宽度：Ti.UI.FILL

。谢谢，现在显示完整的标签文本。但是标签文本是从下一行开始的。该标签显示在复选框下方。我需要标签应该在复选框显示的同一行开始。有什么建议吗？你可以将checkBoxConterView的高度设置为“自动”吗？@Robin Ellerkmann我试过将高度设置为“自动”。它没有像我预期的那样工作。请你建议另一种解决方法，尽管它看起来有点奇怪：你可以尝试删除标签的高度属性。这将强制钛自动缩放高度。

<View id="temp" layout="horizontal" top="0" left="0">
    <Label id="headline"/>
    <Label id="description"/>
</View>

"#headline": {
    top: "0",
    left: "0",
    width: "50%",
    text: "Headline",
    font: {
        fontSize: 20
    }
}
"#description": {
    left: "0",
    width: "50%",
    text: "Your long text here",
    font: {
        fontSize: 16
    }
}