Question

我的视图的布局为vertical

var tray = Ti.UI.createView({
    width:deviceWidth * 0.9,
    height:'100%',
    top:0,
    left:0,
    backgroundColor:'transparent',
    layout:'vertical'
});
win.add(tray);

在tray内，我有一个TableView和一个Toolbar

var slideList = Ti.UI.createTableView({
    width:deviceWidth * 0.9,
    height:xxx, //--> Need to know what to do here
    top:0,
    left:0,
    search:searchList,
    filterAttribute:'searchFilter',
    backgroundColor:(Ti.Platform.osname == 'android') ? '#000000' : '#ffffff'
});
tray.add(slideList);

var iOSControls = Ti.UI.iOS.createToolbar({
    items:[flexSpace,backBtn,flexSpace,playBtn,flexSpace,linkBtn,flexSpace],
    bottom:0,
    borderTop:false,
    borderBottom:true,
    barColor:'#000'
});
tray.add(iOSControls);

我不完全确定如何调整TableView s height属性的大小，使其填充tray的高度减去iOSControls的高度。任何想法都会受到赞赏。谢谢

Answer 1

我认为在iOS设备中有工具栏默认高度等于“44px”。

但是，在您的情况下，您尝试此代码，只需在您的应用程序中复制此代码。

var tray = Ti.UI.createView({
    width:deviceWidth * 0.9,
    height:'100%',
    top:0,
    left:0,
    backgroundColor:'transparent',
    layout:'horizontal'
});
win.add(tray);

var iOSControls = Ti.UI.iOS.createToolbar({
    items:[flexSpace,backBtn,flexSpace,playBtn,flexSpace,linkBtn,flexSpace],
    bottom:0,
    borderTop:false,
    borderBottom:true,
    barColor:'#000'
});
tray.add(iOSControls);
var slideList = Ti.UI.createTableView({
    width:deviceWidth * 0.9,
    height:Ti.UI.FILL, //--> Need to know what to do here
    top:0,
    left:0,
    search:searchList,
    filterAttribute:'searchFilter',
    backgroundColor:(Ti.Platform.osname == 'android') ? '#000000' : '#ffffff'
});
tray.add(slideList);

将工具栏停靠在垂直布局的底部

1 个答案: