设置垂直或水平布局视图中的百分比
问题描述:
我只是钛开发的新手,所以很抱歉,如果这是一个愚蠢的问题......我一直在阅读文档,但我还没有找到我在找什么这里我去,设置垂直或水平布局视图中的百分比
我想设置一个视图的宽度百分比 - labelDetails在代码下面 - 。该视图嵌套在tableViewRow中,布局水平(或垂直,没关系) - row in below below。我使用类似:
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或仅更改默认单位,则一切都按预期工作。
我的系统:
- 应用类型:移动
- 钛SDK:3.0。
- 平台&版本:iOS的6.0
- 设备:iPhone模拟器
- 主机操作系统:OSX 10.8.2
- 钛工作室:3.0.1.201212181159
这是一个错误?什么是正确的路要走?
在此先感谢。
答
它看起来不像你曾经设置的tableView的宽度。如果tableView的宽度为“0”,则其宽度为100%的单元格仍将具有0宽度。
尝试设置您的tableView的宽度。
这并没有解决我的问题。视图默认填充其父宽度。无论如何感谢布兰登。还有其他建议吗? – 2013-02-17 12:58:25