Question

如何在我的tableview中添加多行标签，如此屏幕中的多标签（多任务手势下面的标签）： http://cl.ly/6g0B

Answer 1

通过创建headerView来实际完成（至少在Titanium中）。

headerLabel = Ti.UI.createLabel({
    text: 'line 1'
});

headerView = Ti.UI.createView({
    height: 60
});

headerSection = Ti.UI.createTableViewSection();

headerView.add(headerLabel);
headerSection.add(headerView);
tableView.add(headerSection);

您可以向视图添加更多labels，并将height设置为相应调整。您还需要使用headerSection填充data。

Answer 2

您需要将您的tableview分组（至少在定位iOS设备时）。然后，创建一个包含行的表视图部分，并通过其headerView属性将多行标签添加到部分。

在此处查看TableViewSection视图的文档：http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.TableViewSection-object

一个简短的例子 - 它是未经测试的抱歉，我目前没有Mac，但原则是合理的。您可以创建标题视图，创建节，设置节标题视图，向节添加一些单元格，并为表格提供一系列节目：

var tableView = Ti.UI.createTableView({
   style: Ti.UI.iPhone.TableViewStyle.GROUPED
});
var tableData = [];

var multiLineLabelView = Ti.UI.createView();
var line1 = Ti.UI.createLabel({
     text: 'Some text'
});
var line2 = Ti.UI.createLabel({
     text: 'More text',
     top: 20
});
multiLineLabelView.add(line1);
multiLineLabelView.add(line2);

var section = Ti.UI.createTableViewSection({
    headerView: multiLineLabelView,
    height: 40
});

var row1 = Ti.UI.createTableViewRow({
    title: 'Row 1'
});

var row2 = Ti.UI.createTableViewRow({
    title: 'Row 2'
});

section.add(row1);
section.add(row2);

tableData.push(section);
tableView.data = tableData;

需要注意的重要一点是，您只需要一个表 - 在您给出的示例中，行被分组为多个部分，其中一些部分具有标题。

TableView中的多行标签

2 个答案: