Appcelerator Titanium - Wie platziere ich ein Bild am unteren Rand des Bildschirms

Question

Ich habe eine Hauptansicht, dann auf dieser Ansicht habe ich, als Kinder, zwei Etiketten und ein Bild. Ich möchte, dass die Etiketten nacheinander vom oberen Bildschirmrand fließen und ich das Bild unten möchte. Ich bekomme die Etiketten richtig fließen, indem ich das Layout: 'Vertikal' im Hauptfenster einstelle. Aber sobald das erledigt ist, kann ich das Bild nicht mehr auf den Grund zwingen. Hier ist ein Ausschnitt aus meinem Code:

var self = Ti.UI.createView({ 
    backgroundColor:'#fff', 
    layout:'vertical' 
}); 

var l1 = Titanium.UI.createLabel({     
    text:quote, 
    color:'#000', 
    shadowColor:'#ddd', 
    shadowOffset:{x:2,y:2}, 
    font:{fontFamily:'Marker Felt',fontSize:24}, 
    top:20, 
    left:15, 
    right:15, 
    height:'auto' 
}); 
self.add(l1); 

var l2 = Titanium.UI.createLabel({ 
    text:author, 
    color:'#000', 
    shadowColor:'#ddd', 
    shadowOffset:{x:2,y:2}, 
    font:{fontSize:16}, 
    top:10, 
     left:15, 
     right:15, 
    height:'auto', 
    textAlign:'right' 
}); 
self.add(l2); 

var imgView = Titanium.UI.createImageView({ 
    image:myimage, 
    setBottom:10, 
    height:100 
}); 
self.add(imgView); 

habe ich versucht, das Bildlayout einstellen und das nicht funktioniert. Wenn ich das "self" -Fenster-Layout auf "absolut" ändere, kann ich nicht scheinen, dass die Etiketten sauber hintereinander fließen. Das erste Etikett hat eine variable Höhe, so dass ich sie aufeinander folgen muss.

Ich verwende Titan 1.82.

Danke. Im Voraus.

Answer 1

Möglicherweise müssen Sie eine weitere Ansicht hinzufügen. Die ‚Basis‘ Ansicht würde, was Sie ‚Selbst‘ hinzugefügt bei top:0 und height: 'auto'

Dann fügen Sie imgView auf ‚Basis‘ mit bottom: 10 anrufen (nicht setBottom wie Sie haben).

Answer 2

Setzen Sie einfach den unteren: 0; Position: fixiert; Ich denke, das wird Ihnen helfen, das Bild unten auf dem Bildschirm zu setzen. Wenn es immer noch nicht funktioniert bedeutet, versuchen Sie mit Html, Css und Javascript für das Design wird es sehr einfach sein.