坞工具栏底部垂直布局

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的高度。任何想法将appreciated..thanks

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);