Reply
Thread Tools
Posts: 225 | Thanked: 64 times | Joined on Feb 2010
#1
I made a 320 x 200 Qt app, text boxes, buttons etc.. Ran on windows, looed ok, good amount of text visible etc

Ran it on the N900 and everything was tiny! Clearly, my 21 pixel high textboxes look ok on windows cos its on a 21 inch monitor, pixels are large.. So I'd neglected to consider that there are 480 pixels in about 2 inches onm the device.. And probably each font glyph is more like 50 pixels high than 10

So, I'm wondering:
How high should my textboxes/buttons etc be to look "normal" on the n900? Do I set them to 48 pixels? 61, 79? What height is a one-line text box, so that it looks like the text is vertically aligned properly?
Or alternatively: How large whould I temporarily set the font to have it mimick the size of the n900 font?

How large can the app canvas be max? i.e. how many pixels is the top bar

Thanks

Last edited by cjard; 2010-03-09 at 10:08.
 
joppu's Avatar
Posts: 780 | Thanked: 855 times | Joined on Sep 2009 @ Helsinki, Finland
#2
Why not use the native resolution of 800x480?
 

The Following User Says Thank You to joppu For This Useful Post:
Posts: 225 | Thanked: 64 times | Joined on Feb 2010
#3
er

if I make an app whose canvas is 800x480, and dont run it fullscreen, then the loss of screen realestate caused by the status bar (it holds the clock, battery icon etc) at the top will cause elements of my display to fall off screen

Essentially I'm looking for an answer to my question something like:

When designing in QtCreator ui designer:
Make your canvas 800x420 because the top bar is 60 pixels high
Make your textboxes 67 pixels high because the font glyphs are 57 pixels and there's 5 pixels padding top and bottom
Make your buttons 73 pixels high, because all buttons had 2 more pixels padding than textboxes
Make labels and radiobuttons and checkboxes 42 pixels high otherwise the text will be cropped


I could, of course, just get a screenshot of e.g. Conversations, and measure the control heights with an on screen ruler, and have a mess around to find the perfect height..
I just thought someone who'd written a ui app before would already know where this is documented
 
Posts: 289 | Thanked: 560 times | Joined on May 2009 @ Tampere, Finland
#4
http://wiki.maemo.org/Documentation/..._UI_Guidelines

Also check the references on the bottom of the page..
 

The Following 4 Users Say Thank You to jsa For This Useful Post:
Reply


 
Forum Jump


All times are GMT. The time now is 22:20.