Design interface for mobile platform

[quailcreek]

Here you go.
Don't want to shanghai the thread.

[kolia]

Hi Simon

See fullScreenMode in the Dictionary.

This is indeed a nice option. As a matter of fact this the option I use. I will certainly avoid to design a specific interface for each type of device unless it is really needed. However a phone and a tablet feature quite different form factors, and it may be worth in certain circumstances to design a specific layout for each of them.
I made the excercise to have all the code at the stack level and almost no code below. It does work fine, it is a bit tricky though with the different events at startup and with the defaultstack context. The only concern now is to have a giant stack with all the code, which may not be very much readable in the long term.

[jacque]

@quailcreek, I saw your stack briefly in passing yesterday but today it's been removed. From what I remember though, you could use either noBorder or showAll and you should be fine. The margins I was talking about are just the blank areas outside your stack rect. In your case, those won't matter because you don't have any content there anyway. The only thing you may need to do is make your toolbar and navigation bar wider to accomodate all screen widths. But keep their icons in the same positions you have now so that they will still show on narrow screens. In other words, you want the group backgrounds to extend as wide as possible but the icons to remain visible in the narrower horizontal "center".

If that doesn't look right, you may have to write a short repositioning handler to space out the icons depending on the screen width, but in my current project I didn't bother and it looks okay.