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 - 180 - A * 56 | ||
- | |||
==== First element: Application menu button ==== | ==== First element: Application menu button ==== | ||
Line 80: | Line 49: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
- | *Width: 1/3 times A (integer) items of | + | *Width: 1/3 times A (integer) items of 52px, X > 0, icons 48x48px |
*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 52px, Y > 0, icons 48x48px |
*Description: Shows current status bar area | *Description: Shows current status bar area | ||
Line 96: | Line 69: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | ||
- | *Width: 90px, 48x48 px icon | + | *Width: 90px, Z > 52, 48x48 px icon |
*Description: The former >>, the switcher menu, shows up when number of applications active > 0 | *Description: The former >>, the switcher menu, shows up when number of applications active > 0 | ||
*Icon: qgn_list_tasknavigator_appswitcher , http://s51.radikal.ru/i134/0903/84/e7c91bfbf9ce.png | *Icon: qgn_list_tasknavigator_appswitcher , http://s51.radikal.ru/i134/0903/84/e7c91bfbf9ce.png | ||
Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png | Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png |
Learn more about Contributing to the wiki.