Titanium mobile relative layout

Question

I'm creating android app using Titanium mobile. How do I create this interface using vertical layout?

----------------
Header View        } height = 40dp
-----------------


 Content View      } height = fill_parent


----------------

In the official android sdk, we have fill_parent size to stretch the content view to bottom. Setting height to 'auto' will adjust the height according the height of the content; setting it to '100%' will covers the whole screen.

Been searching this answer for days, really appreciate your helps.

Edit: Another question, what if the header view was at bottom?

-----------------


 Content View      } height = fill_parent


----------------
 Header View        } height = 40dp
----------------

Rene Pot · Accepted Answer · 2012-02-19T18:34:31.007

2

The content view should be like this (like you also can do it with HTML)

var content_view = Ti.UI.createView({
    top: 40,
    bottom: 0
});

If the bar is at the bottom, just turn it around:

var content_view = Ti.UI.createView({
    top: 0,
    bottom: 40
});

edited Feb 19 '12 at 18:34

answered Feb 18 '12 at 15:49

Rene Pot

24,681
7
68
92

thank you, but what if the header view was at bottom? (added to my original question) – Bananakilo Feb 19 '12 at 06:33
turn it around :) That easy :) Added it to my answer – Rene Pot Feb 19 '12 at 18:34

Titanium mobile relative layout

1 Answers1