Some embodiments of the invention provide several novel techniques for manipulating radial menus in graphical user interfaces of an application. In some embodiments, radial menus include multiple selectable items arranged about an internal location (e.g., a center of the radial menu). The novel radial menu techniques of some embodiments include (i) non-uniform spacing of menu items, (ii) the use of shading or highlighting within a region associated with an item to indicate the present selectability of the item, and (iii) the use of radial gestures for opening sub-menus and the subsequent display of the sub-menu.
1. A method, comprising:
at an electronic device with a touch sensitive surface:
displaying a radial menu including a plurality of selectable menu items including a first selectable menu item and a second selectable menu item arranged about a center location, wherein the first selectable menu item is associated with a first angular range that encompasses the first selectable menu item and the second selectable menu item is associated with a second angular range that encompasses the second selectable menu item;
displaying a menu cancellation button at the center location of the radial menu, wherein the menu cancellation button is selectable to close the radial menu;
receiving a gestural input, wherein the gestural input comprises a swipe on the touch sensitive surface; and
in response to receiving the gestural input:
in accordance with a determination that a first item selection criteria has been met selecting the first selectable menu item and removing the second selectable menu item from the display while maintaining display of one or more menu items corresponding to the first menu item on the display, wherein the first item selection criteria includes detecting that the gestural input is in a direction that is consistent with the first angular range; and
in accordance with a determination that a second item selection criteria has been met selecting the second selectable menu item and removing the first selectable menu item from the display while maintaining display of one or more menu items corresponding to the second menu item on the display, wherein the second item selection criteria includes detecting that the gestural input is in a direction that is consistent with the second angular range.
2. The method of claim 1 , wherein the plurality of selectable menu items are positioned within four equally-sized quadrants associated with the radial menu, and further wherein the first selectable menu item is positioned within a first quadrant of the four equally-sized quadrants and the second selectable menu item is positioned within a second quadrant of the four equally-sized quadrants.
3. The method of claim 1 , wherein the first and the second item selection criteria further includes a threshold distance of movement from a start point of the gestural input.
4. The method of claim 1 , further comprising:
in response to receiving the gestural input:
in accordance with a determination that the gestural input is in a direction that is consistent with the first angular range, highlighting the first selectable menu item; and
in accordance with a determination that the gestural input is in a direction that is consistent the second angular range, highlighting the second selectable menu item.
5. The method of claim 4 , wherein highlighting the first selectable menu item includes highlighting a first portion of the radial menu corresponding to the first angular range, and further wherein highlighting of the second selectable menu item includes highlighting a second portion of the radial menu corresponding to the second angular range.
6. The method of claim 5 , wherein highlighting the first or the second selectable menu item includes highlighting in a portion of the radial menu that extends to an edge of a display area of the electronic device.
7. The method of claim 1 , further comprising:
in response to selecting of one of the plurality of selectable menu items, removing the plurality of selectable menu items from display; and
presenting a radial sub-menu as a set of selectable sub-menu items.
8. The method of claim 1 , wherein the gestural input comprises swiping outward from the center location of the radial menu towards one of the plurality of selectable menu items.
9. The method of claim 1 , wherein the gestural input comprises swiping in an angular range encompassing one of the plurality of selectable menu items in the radial menu, wherein a starting point of the gestural input does not correspond to the center location of the radial menu.
10. A non-transitory computer readable medium storing a computer program which when executed by at least one processor presents a radial menu, the computer program comprising sets of instructions for:
displaying a radial menu including a plurality of selectable menu items including a first selectable menu item and a second selectable menu item arranged about a center location, wherein the first selectable menu item is associated with a first angular range that encompasses the first selectable menu item and the second selectable menu item is associated with a second angular range that encompasses the second selectable menu item;
displaying a menu cancellation button at the center location of the radial menu, wherein the menu cancellation button is selectable to close the radial menu;
receiving a gestural input, wherein the gestural input comprises a swipe on the touch sensitive surface; and
in response to receiving the gestural input:
in accordance with a determination that a first item selection criteria has been met selecting the first selectable menu item and removing the second selectable menu item from the display while maintaining display of one or more menu items corresponding to the first menu item on the display, wherein the first item selection criteria includes detecting that the gestural input is in a direction that is consistent with the first angular range; and
in accordance with a determination that a second item selection criteria has been met selecting the second selectable menu item and removing the first selectable menu item from the display while maintaining display of one or more menu items corresponding to the second menu item on the display, wherein the second item selection criteria includes detecting that the gestural input is in a direction that is consistent with the second angular range.
11. The non-transitory computer readable medium of claim 10 , wherein the plurality of selectable menu items are positioned within four equally-sized quadrants associated with the radial menu, and further wherein the first selectable menu item is positioned within a first quadrant of the four equally-sized quadrants and the second selectable menu item is positioned within a second quadrant of the four equally-sized quadrants.
12. The non-transitory computer readable medium of claim 10 , wherein the first and the second item selection criteria further includes a threshold distance of movement from a start point of the gestural input.
13. The non-transitory computer readable medium of claim 10 , further comprising sets of instructions for:
in response to receiving the gestural input:
in accordance with a determination that the gestural input is in a direction that is consistent with the first angular range, highlighting the first selectable menu item; and
in accordance with a determination that the gestural input is in a direction that is consistent with the second angular range, highlighting the second selectable menu item.
14. The non-transitory computer readable medium of claim 13 , wherein highlighting the first selectable menu item includes highlighting a first portion of the radial menu corresponding to the first angular range, and further wherein highlighting of the second selectable menu item includes highlighting a second portion of the radial menu corresponding to the second angular range.
15. The non-transitory computer readable medium of claim 14 , wherein highlighting the first or the second selectable menu item includes highlighting in a portion of the radial menu that extends to an edge of a display area.
16. The non-transitory computer readable medium of claim 10 , further comprising sets of instructions for:
in response to selecting of one of the plurality of selectable menu items, removing the plurality of selectable menu items from display; and
presenting a radial sub-menu as a set of selectable sub-menu items.
17. The non-transitory computer readable medium of claim 10 , wherein the gestural input comprises swiping outward from the center location of the radial menu towards one of the plurality of selectable menu items.
18. The non-transitory computer readable medium of claim 10 , wherein the gestural input comprises swiping in an angular range encompassing one of the plurality of selectable menu items in the radial menu, wherein a starting point of the gestural input does not correspond to the center location of the radial menu.