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 == | |
- | + | ||
- | + | ||
- | + | ||
- | == Desktop | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
General outline: [http://tabletui.files.wordpress.com/2009/02/task_man_3items1.jpg?w=480&h=640 here] | 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 | |
- | + | ||
- | + | ||
=== Marquee === | === Marquee === | ||
Line 48: | Line 12: | ||
*Position: Top of screen, disappears in full screen. | *Position: Top of screen, disappears in full screen. | ||
- | + | The following equation must be satisified: 86 + 52 + A * 42 + 52 = Width of screen, A = ((Width of screen) - 190) / 42 | |
- | + | X = A / 3 (integer division) | |
- | + | Y = A - X (integer division) | |
+ | |||
+ | Z = Width of screen - 138 - A * 42, Z > 52 | ||
+ | |||
+ | <PRE> | ||
+ | # New marquee at the top | ||
+ | style "hildon-navigator" | ||
+ | { | ||
+ | bg_pixmap[NORMAL] = "../images/mb_marquee_background.png" | ||
+ | } | ||
+ | class "HildonDesktopPanelWindow" style "hildon-navigator" | ||
+ | </PRE> | ||
+ | |||
+ | ../images/mb_marquee_background.png: PNG image, 18 x 52, 8-bit/color RGBA, non-interlaced | ||
- | |||
==== First element: Application menu button ==== | ==== First element: Application menu button ==== | ||
Line 61: | Line 37: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-appmenu.png | ||
- | *Width: | + | *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. | ||
- | *Widget icon: qgn_grid_tasknavigator_others , http://s51.radikal.ru/i133/0903/7d/f77074ef093e.png | + | *Widget icon: qgn_grid_tasknavigator_others , http://s51.radikal.ru/i133/0903/7d/f77074ef093e.png |
==== Second element: Menu button ==== | ==== Second element: Menu button ==== | ||
Line 70: | Line 46: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | *Example: http://www.daimi.au.dk/~cvm/mer-menubutton.png | ||
- | *Width: | + | *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 | ||
*Implemented by: marquee-plugins, drop-down-menu.c | *Implemented by: marquee-plugins, drop-down-menu.c | ||
- | *Icon name: qgn_mer_menubutton | + | *Icon name: qgn_mer_menubutton |
==== Third element: Quick task switcher ==== | ==== Third element: Quick task switcher ==== | ||
Line 80: | Line 56: | ||
*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | *Example: http://www.daimi.au.dk/~cvm/mer-hmm.png | ||
- | *Width: | + | *Width: X items of 42px, X > 0, icons 32x32px |
*Description: Shows current application and X others | *Description: Shows current application and X others | ||
Line 88: | Line 64: | ||
*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 42px, Y > 0, icons 32x32px |
*Description: Shows current status bar area | *Description: Shows current status bar area | ||
- | ==== | + | ==== Fifth element: The magic X ==== |
''Implemented in h-d, r1150'' | ''Implemented in h-d, r1150'' | ||
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | *Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png | ||
- | *Width: | + | *Width: Z px, 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 | + | *Icon: qgn_list_tasknavigator_appswitcher |
- | + | ||
- | + |
Learn more about Contributing to the wiki.