鈦創建表視圖替換現有的視圖

Question

我有一個夢想......沒有那樣。 我有一個視圖，所有工作正常，直到我添加createTableView。 當我這樣做時，它會替換屏幕上出現的所有內容。 我如何同時擁有mapview和tableview？

var self = Ti.UI.createView(); 

var mapview = Titanium.Map.createView({ 
    top:1, 
    height:200, 
    mapType: Titanium.Map.STANDARD_TYPE, 
    region:{latitude:33.74511, longitude:-84.38993, latitudeDelta:0.5, longitudeDelta:0.5}, 
    animate:true, 
    regionFit:true, 
    userLocation:true 
}); 

self.add(mapview); 

var lbl = Ti.UI.createLabel({ 
    text:'Please select an item', 
    height:'auto', 
    width:'auto', 
    color:'#000' 
}); 
self.add(lbl); 

self.addEventListener('itemSelected', function(e) { 
    lbl.text = e.name+': $'+e.price; 
}); 

detailData = [{title:"Foo",leftImage:"bar.png",hasChild:true}]; 


var table = Ti.UI.createTableView({ 
    data:detailData 
}); 
// if i dont rem the below line all i get on screen is the table view 
self.add(table); 

Answer 1

的TableView中的控制通常需要在整個畫面上，我會嘗試加入的MapView到TableView中的行之一，however, this may not work on Android：

// Create the table 
var self = Ti.UI.createView(); 
var detailData = [{title:"Foo",leftImage:"bar.png",hasChild:true}]; 
var table = Ti.UI.createTableView({ 
    data : detailData 
}); 
self.add(table); 

// Create the mapview 
var mapview = Titanium.Map.createView({ 
    top:1, 
    height:200, 
    mapType: Titanium.Map.STANDARD_TYPE, 
    region:{latitude:33.74511, longitude:-84.38993, latitudeDelta:0.5, longitudeDelta:0.5}, 
    animate:true, 
    regionFit:true, 
    userLocation:true 
}); 

// Insert a row in first index of the table that has the mapview in it 
var row = Ti.UI.createTableViewRow(); 
row.add(mapview); 
table.insertRowBefore(1, row); 

編輯：

哎呀，更簡單的方法就是設置表格的高度，並使您的容器視圖具有垂直佈局：

// Create the container view 
var self = Ti.UI.createView({ 
    layout : 'vertical' 
}); 
// Add the mapview 
var mapview = Titanium.Map.createView({ 
    height:200, 
}); 
self.add(mapview); 
// Add the table 
var table = Ti.UI.createTableView({ 
    top : 0, 
    data : detailData 
}); 
self.add(table);