canmove, Confirmed users
1,584
edits
Mobile/Archive/PlatformIntegration: Difference between revisions
Jump to navigation
Jump to search
Mobile/Archive/PlatformIntegration (view source)
Revision as of 21:38, 9 November 2010
, 9 November 2010→Menu
m (→Menu =) |
(→Menu) |
||
| Line 46: | Line 46: | ||
=== Android === | === Android === | ||
==== Menu ==== | ==== App Menu ==== | ||
* Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=606565 | * Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=606565 | ||
* Mockup: http://www.flickr.com/photos/madhava_work/5105182033/sizes/l/ | * Mockup: http://www.flickr.com/photos/madhava_work/5105182033/sizes/l/ | ||
The "App Menu" is a menu that appears at the bottom of the screen when the hardware "Menu" key on Android is pressed. For testing, it can also be displayed on other platform by pressing Control-Shift-M. | |||
The app menu is designed to look and behave like the menu in native Android apps. However, it is not a native widget (it is an imitation built with XUL), so there are some differences: | |||
* Colors and gradients are generally the same, but might not match precisely. | |||
* Fennec's App Menu does not (yet) have animated transitions when it appears and disappears. | |||
The availability and contents of the app menu depend on what section of the Fennec UI is active. The contents of the menu will change over time and can be modified by add-ons. Here are the contents for the initial release: | |||
* Main browser UI: | |||
** Site Options - opens the identity panel / site menu. | |||
** Preferences - opens the preference panel | |||
** Add-ons - opens the add-on manager | |||
** Downloads - opens the download manager | |||
* Awesomescreen | |||
** No menu for this release. (Nothing happens when "Menu" key is pressed.) | |||
* Tool panels (prefs, add-ons, downloads, console, etc.) | |||
** No menu for this release. (Nothing happens when "Menu" key is pressed.) | |||
Showing/hiding: | |||
* Pressing the menu button makes the app menu and locks the titlebar to the top of the screen. | |||
* Pressing the menu button again hides the app menu and unlocks the titlebar. | |||
* Pressing the system "Back" key hides the app menu and unlocks the titlebar. | |||
* Touching outside the app menu hides the app menu and unlocks the titlebar. | |||
* Opening any panel or popup (e.g., opening the awesomescreen by pressing the system "Search" key) hides the app menu and unlocks the titlebar. | |||
* Tapping on a menu button makes the menu disappear, unlocks the titlebar, and executes the button action. | |||
* If you touch a menu button and then move your finger off the button before releasing it, the tap is canceled and nothing happens (just like any other button in Fennec). | |||
The layout of the buttons should match the layout of the menus in native Android apps: | |||
* The menu is at the bottom of the screen, floats above all other content and chrome, and takes up whe whole width of the screen. | |||
* Buttons are about 100 pixels high (on HDPI displays like the Nexus One). | |||
* In landscape mode, all are in a single row. | |||
* In portrait mode: | |||
** 1 to 3 buttons: one row | |||
** 4 buttons: 2 on top, 2 on bottom | |||
** 5 buttons: 2 on top, 3 on bottom | |||
** 6 buttons: 3 on top, 3 on bottom | |||
** >6 buttons: 3 on top, 2 on bottom plus a "More" button that displays the remaining items in a popup dialog. (NOT YET IMPLEMENTED IN FENNEC) | |||
* If the device changes orientation while the menu is visible, the menu will still be visible and it will have the correct layout for the new orientation. | |||
== Goals/Use Cases == | == Goals/Use Cases == | ||