Question

我有两个LabelViews。添加到视图的文本大小可变。如何才能将第二个LabelView放在第一个LabelView的正下方，而不知道它的高度？

如果将第一个LabelView设置为“自动”以适合文本，我怎样才能获得第一个<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <style type="text/css"> h1, p { height: 70px; vertical-align: bottom; margin-top: 0; margin-bottom: 0; } </style> </head> <body> <div class="row"> <div class="col-xs-3 col-md-3"> <div> <h1> Fist column h1 </h1> </div> <div> <p> First column p </p> </div> </div> <div class="col-xs-3 col-md-3"> <p> Second column p </p> <p> Second column p </p> <p> Second column p </p> </div> <div class="col-xs-3 col-md-3"> <h1> Third column h1 </h1> <p> Third column p </p> <h1> Third column h1 </h1> <p> Third column p </p> </div> <div class="col-xs-3 col-md-3"> <div> <p> Fourth column p </p> </div> </div> </div> </body> </html>的高度？

PS：我没有使用Alloy。

Answer 1

好吧，@ Manuel_Rodrigues我不明白你的问题！如果您在 Titanium 中遇到此问题，以下建议可能会对您有所帮助。首先，您说的 LabelViews 是标签或查看的UI组件？而且，根据您的描述，我想知道您是否想要执行类似 CHAT IN TEXT 之类的内容，即最后一个人聊天内容下的聊天内容。如果这是你想要的，那么：

1.使文本自动适合标签

var label = Ti.UI.createLabel({
    font:{
        fontSize: '18'                          //text font size
    },
    top: 10,                                    //the distance between the labels
    width: 'auto',                              //automatic define width by the text
    height: 'auto',                             //automatic define height by the text
    textAlign: 'center',                        //text display in the center of the label in horizontal direction
    verticalAlign: Ti.UI.TEXT_ALIGNMENT_CENTER  //text display in the center of the label in vertical direction
});

请注意：

如果您将宽度和高度都设置为值自动，则当文本很长时，移动设备屏幕可以显示 t显示所有内容，标签不会使新行显示其余文本。因此，更好的方法是将指定值设置为宽度或等于移动屏幕的宽度。

2.自动显示最后一个标签下的下一个标签

如果您选择查看作为这些标签的父级，则应将属性布局设置为值垂直。好吧，如果您只定义了窗口，请执行相同的操作。

var view = Ti.UI.createView({
    width: '100%',
    height: 'auto',
    layout: 'vertical'
});
view.add(label1);
view.add(label2);
...

或窗口：

var win = Ti.UI.createWindow({
    width: '100%',
    height: '100%',
    layout: 'vertical'
});
win.add(label1);
win.add(label2);
...

我希望这可以帮到你！

将LabelView动态放置在另一个LabelView下

1 个答案: