Organisation de l'application : Views ?

fannyt
Titanium

Bonjour,
Je débute avec Titanium et j'ai beaucoup de mal à organiser mon application...
Voici le rendu que je souhaite : http://fannytonnes.com/Master/mockup/accueil.png
Et voici mon code pour le moment :
[code]
//FirstView Component Constructor
function FirstView() {

var mainWindow = Titanium.UI.createView({fullscreen:true,backgroundColor:'black'});

var content = Ti.UI.createView({
    backgroundColor: 'black',
    width: 'auto',
    height: 'auto',
    layout: 'vertical'
});

//<LOGO>
var mobilePro = Ti.UI.createLabel({
    width: 'auto',
    height: '50',
    text: L('MobilePro'),
    color: 'white'
});
content.add(mobilePro);

var logo = Ti.UI.createImageView({
    image: '../../img/logo.png',
    width: 128,
    height: 128
});
content.add(logo);
//</LOGO>

//<FORM>
var form = Ti.UI.createView({
    width: 'auto',
    height: 'auto',
    layout: 'vertical'
});

//<LOGIN>
var login_line = Ti.UI.createView({
    width: 'auto',
    height: 'auto',
    layout: 'horizontal'
});

var login_label = Ti.UI.createLabel({
    color:'#ffffff',
    text:'Login :'
});
login_line.add(login_label);

var login_field = Ti.UI.createTextField({
    color:'#000000',
    backgroundColor:'#ffffff',
    width: 100
});
login_line.add(login_field);

form.add(login_line);
//<LOGIN>

//<PASSWORD>
var password_line = Ti.UI.createView({
    width: 'auto',
    height: 'auto',
    layout: 'horizontal'
});

var password_label = Ti.UI.createLabel({
    color:'#ffffff',
    text:'Mot de passe :'
});
password_line.add(password_label);

var password_field = Ti.UI.createTextField({
    color:'#000000',
    backgroundColor:'#ffffff',
    width: 100
});
password_line.add(password_field);

form.add(password_line);
//<PASSWORD>

content.add(form);
//</FORM>

mainWindow.add(content);

return mainWindow;

}

module.exports = FirstView;

[/code]

Quand je lance l'application sur mon navigateur, tout va bien : j'ai bien mes 6 éléments : Le label "MobilePro", l'image, les deux labels et textfield correspondants.
Quand je fais tourner l'application sur mon téléphone (Android), je n'ai que l'image et le premier label+textfield.
Je pense que cela vient de mon organisation avec mes view, mais je n'arrive pas à voir comment faire (à part faire une vue pour chaque élément, mais je pense qu'il doit y avoir une autre solution)

Merci si vous prenez le temps de lire et de répondre !

Aucune réponse