在垂直或水平布局视图中将宽度设置为百分比

时间:2013-02-14 19:01:24

标签: ios user-interface titanium

我只是Titanium开发的新手,很抱歉,如果这是一个愚蠢的问题......我一直在阅读文档,但我找不到我要找的东西,所以我去了,

我想在下面的代码中将视图的宽度设置为百分比 - labelDetails 。该视图嵌套在tableViewRow中,布局水平(或垂直,无关紧要) - 下面的代码中的。我用的是:

function randomInt(max){
    return Math.floor(Math.random() * max) + 1;
}

tableData = []; //Tabla de Rows
for (var i=1; i<=20; i++){
    var row = Ti.UI.createTableViewRow({
        className:'forumEvent', 
        backgroundColor:'green',
        rowIndex:i, 
        height:110,
        width:'100%',
        layout:'horizontal'
    });



    var labelUserName = Ti.UI.createLabel({
        color:'#576996',
        backgroundColor: 'red',
        font:{fontFamily:'Arial', fontWeight:'bold'},
        text:'Fred Smith ' + i,
        left:70, top: 6,
        width:200, height: 30
    });
    row.add(labelUserName);

    var labelDetails = Ti.UI.createLabel({
        color:'#222',
        font:{fontFamily:'Arial', fontWeight:'normal'},
        text:'Replied to post with id ' + randomInt(1000) + '.',
        left:70, top:44,
        width: '50%', //Here is the percentage
        backgroundColor: 'blue'
    });
    row.add(labelDetails);



  tableData.push(row);
}


var tableView = Ti.UI.createTableView({
    backgroundColor:'transparent',
    data:tableData
});

self.add(tableView);

~~~

当我运行模拟器时,不显示labelDetails。如果我将labelDetails的宽度更改为px或只是默认单位,则一切都按预期工作。

我的系统:

  • 申请类型:手机
  • Titanium SDK:3.0。
  • 平台&amp;版本:iOS 6.0
  • 设备:iOS模拟器
  • 主机操作系统:OSX 10.8.2
  • Titanium Studio:3.0.1.201212181159

这是一个错误吗?什么是正确的方法?

提前致谢。

1 个答案:

答案 0 :(得分:0)

看起来你没有设置tableView的宽度。如果tableView的宽度为“0”,则其宽度为100%的单元格仍将具有0宽度。

尝试设置tableView的宽度。