, как я могу положить внутрь вид Развернутый вид конкурировать с титаном

Question

У меня есть три вида по основному виду и два вида ребенка

Основного вид:

var viewMain = Ti.UI.createView(); 
viewManin.layout = 'vertical'; 
viewManin.backgroundColor = 'transparent'; 
viewManin.width = deviceWidth; 

ребенок view1:

var viewChild1 = Ti.UI.createView(); 
viewChild1.layout = 'vertical'; 
viewChild1.height = 'auto'; 
viewChild1.backgroundColor = 'transparent'; 
viewChild1.width = deviceWidth; 

ребенок view2 :

var viewChild2 = Ti.UI.createView(); 
viewChild2.layout = 'vertical'; 
viewChild2.height = 'auto'; 
viewChild2.backgroundColor = 'transparent'; 
viewChild2.width = deviceWidth; 

, добавление видов на Основной вид:

viewMain.add(viewChilde1); 
viewMain.add(viewChilde2); 

внутри каждого вида ребенка я этикетки с переменным размером текста, так что я не могу определить высоту представления. wen Я добавляю дочерние представления к основному виду, что происходит, так как последний добавленный вид занимает весь основной вид. как я могу сделать, чтобы оба вида отображались на экране?

Answer 1

@Manuel_Rodrigues! Я думаю, прежде чем вы попытаетесь это сделать, вы должны потратить кусочек времени на то, чтобы прочитать API титана. У него было хорошее состояние, чтобы объяснить имущество Ti.UI.FILL, Ti.UI.SIZE и AUTO в другой ситуации для вас, чтобы применить их. Здесь я написал пример для вас:

var win = Ti.UI.createWindow({ 
    width: '100%', 
    height: '100%' 
}); 

var mainView = Ti.UI.createView({ 
    width: '100%', 
    height: 'auto', 
    layout: 'vertical', 
    horizontalWrap: true 
}); 
win.add(mainView); 

var view1 = Ti.UI.createView({ 
    top: 10, 
    left: 10, 
    width: '45%', 
    borderRadius: 5, 
    height: Ti.UI.SIZE, 
    backgroundColor: '#25649d' 
}); 
win.add(view1); 

var viewLabel1 = Ti.UI.createLabel({ 
    font:{ 
     fontSize: 16 
    }, 
    width: 'auto', 
    height: 'auto', 
    color: 'black', 
    textAlign: 'left', 
    verticalAlign: Ti.UI.TEXT_ALIGNMENT_CENTER, 
    text: 'this is a very long long long long long long text.' 
}); 
view1.add(viewLabel1);  

var view2 = Ti.UI.createView({ 
    top: 10, 
    right: 10, 
    width: 'auto', 
    borderRadius: 5, 
    height: Ti.UI.SIZE, 
    backgroundColor: '#25649d' 
}); 
win.add(view2); 

var viewLabel2 = Ti.UI.createLabel({ 
    font:{ 
     fontSize: 16 
    }, 
    width: 'auto', 
    height: 'auto', 
    color: 'black', 
    textAlign: 'right', 
    verticalAlign: Ti.UI.TEXT_ALIGNMENT_CENTER, 
    text: 'yes, I had seen it!' 
}); 
view2.add(viewLabel2);  

Если запустить этот код, он должен показать, как следующие: