Mer/Documentation/Desktop layout

(Fifth element: The magic X)
Line 12: Line 12:
The following equation must be satisified: 86 + 52 + A * 42 + 52 = Width of screen, A = ((Width of screen) - 190) / 42
The following equation must be satisified: 86 + 52 + A * 42 + 52 = Width of screen, A = ((Width of screen) - 190) / 42
-
X = A / 3
+
X = A / 3 (integer division)
-
Y = A - X
+
Y = A - X (integer division)
 +
 
 +
Z = Width of screen - 138 - A * 42, Z > 52
==== First element: Application menu button ====
==== First element: Application menu button ====
Line 54: Line 56:
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
-
*Width: 52px, 48x48 px icon
+
*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

Revision as of 08:09, 9 March 2009

Contents

Layout for Hildon Desktop on Mer

General outline: here

Marquee

Implemented in h-d, r1145

  • Height: 52px, Width: As wide as the 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

First element: Application menu button

Implemented, h-d r1147

  • 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.
  • Widget icon: qgn_grid_tasknavigator_others

Second element: Menu button

Implemented in lp:~mer-committers/m-r/marquee-plugins r2

  • 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
  • Implemented by: marquee-plugins, drop-down-menu.c
  • Icon name: qgn_mer_menubutton

Third element: Quick task switcher

Implemented in h-d r1148

Fourth element: Status bar

Implemented in h-d, r1149

Fifth element: The magic X

  • Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
  • Width: Z px, Z > 52, 48x48 px icon
  • Description: The former >>, the switcher menu, shows up when number of applications active > 0
  • Icon: qgn_list_tasknavigator_appswitcher