Editing Mer/Documentation/Desktop layout
Warning: You are not logged in.
Your IP address will be recorded in this page's edit history.
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
- | + | == Layout for Hildon Desktop on Mer == | |
- | == | + | General outline: [http://tabletui.files.wordpress.com/2009/02/task_man_3items1.jpg?w=480&h=640 here] |
- | + | Pre-artwork implementation: http://www.daimi.au.dk/~cvm/mer-ui-implemented.png | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
New-artwork ideas: http://i041.radikal.ru/0903/5f/5cf0986d63e7.jpg | New-artwork ideas: http://i041.radikal.ru/0903/5f/5cf0986d63e7.jpg | ||
Line 50: | Line 18: | ||
Background: marquee_background.png, 18x52, repeating | Background: marquee_background.png, 18x52, repeating | ||
- | Width of screen = 90*3+A* | + | Width of screen = 90*3+A*56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder |
- | A = (Width of screen - 90 * 3) / | + | A = (Width of screen - 90 * 3) / 56 (integer division) |
- | S = Width of screen - 270 - A * | + | S = Width of screen - 270 - A * 56 |
==== First element: Application menu button ==== | ==== First element: Application menu button ==== | ||
Line 83: | Line 51: | ||
*Description: Shows current application and X others | *Description: Shows current application and X others | ||
- | ==== Fourth element: Status bar ==== | + | ==== Fourth element: Slack ==== |
+ | |||
+ | What remains of Screen width - ((X+Y) * 52) - 180 | ||
+ | |||
+ | ==== Fifth element: Status bar ==== | ||
''Implemented in h-d, r1149'' | ''Implemented in h-d, r1149'' | ||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
- | *Width: Y items of | + | *Width: Y items of 56px, Y > 0, icons 48x48px |
*Description: Shows current status bar area | *Description: Shows current status bar area | ||
Learn more about Contributing to the wiki.