Appcelerator Titanium - 如何将图像放在屏幕底部

时间:2012-04-15 00:19:14

标签: appcelerator titanium-mobile

我有一个主视图,然后在那个视图中,作为孩子,我有两个标签和一个图像。我希望标签从屏幕顶部一个接一个地流动,我希望图像在底部。通过在主窗口中设置布局:'vertical',我可以使标签正确流动。但一旦完成,我似乎无法强迫图像到底。以下是我的代码片段:

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

我尝试过设置图片布局但不起作用。如果我将'自我'窗口布局更改为'绝对',那么我似乎无法让标签在彼此之后干净利落地流动。第一个标签的高度可变,所以我需要它们相互跟随。

我正在使用Titanium 1.82。

感谢。提前。

2 个答案:

答案 0 :(得分:3)

您可能需要添加其他视图。 “基础”视图会在top:0height: 'auto'

处添加您称为“自我”的内容

然后使用bottom: 10将imgView添加到“base”(不像你所拥有的setBottom)。

答案 1 :(得分:-1)

设置底部:0;位置:固定;我认为这将有助于你设置屏幕底部的图像..如果它仍然不工作意味着尝试使用Html,Css和Javascript设计它将非常容易。