Mer/Documentation/Desktop layout
m (→Marquee) |
|||
| Line 13: | Line 13: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | ||
| - | *Width: 86px, icon: | + | *Width: 86px, icon: 48x48 |
*Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu. | *Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu. | ||
| Line 19: | Line 19: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | *Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | ||
| - | *Width: 52px, icon: | + | *Width: 52px, icon: 48x48 |
*Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button | *Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button | ||
| Line 25: | Line 25: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
| - | *Width: X items of 42px, X > 0, icons | + | *Width: X items of 42px, X > 0, icons 32x32px |
*Description: Shows current application and X others | *Description: Shows current application and X others | ||
| Line 31: | Line 31: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
| - | *Width: Y items of 42px, Y > 0, icons | + | *Width: Y items of 42px, Y > 0, icons 32x32px |
*Description: Shows current status bar area | *Description: Shows current status bar area | ||
| Line 37: | Line 37: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | ||
| - | *Width: 52px, | + | *Width: 52px, 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 | ||
Revision as of 16:43, 8 March 2009
Contents |
Layout for Hildon Desktop on Mer
General outline: here
Marquee
- Height: 52px, Width: As wide as the screen
- Position: Top of screen, disappears in full screen.
The following equation must be satisified: 86 + 52 + X * 42 + Y * 42 + 52 = Width of screen
First element: Application menu button
- Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png
- Width: 86px, icon: 48x48
- Description: Mer logo or proper icon for application menu. Upon press, it highlights and shows application menu.
Second element: Menu button
- Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png
- Width: 52px, icon: 48x48
- Description: The former Hildon title bar, but since we don't have titlebars anymore, we have a menu button
Third element: Quick task switcher
- Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
- Width: X items of 42px, X > 0, icons 32x32px
- Description: Shows current application and X others
Fourth element: Status bar
- Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
- Width: Y items of 42px, Y > 0, icons 32x32px
- Description: Shows current status bar area
Fifth element: The magic X
- Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
- Width: 52px, 48x48 px icon
- Description: The former >>, the switcher menu, shows up when number of applications active > 0
