System and method for rearranging icons displayed in a graphical user interface
An electronic device capable of rearranging icons on a graphic user interface is described. The electronic device provides a method that allows icons that are displayed on one of a plurality of pages to be moved from one page to any other page. The icons can be dragged to a page indicator associated with the page it is to be moved to.
1. A method of rearranging icons between a plurality of pages of a graphical user interface (GUI), each page associated with a respective one of a plurality of page indicators displayed in the GUI, the GUI displaying a single page at a time, the method comprising:
placing the GUI in a rearrangement mode;
while in rearrangement mode:
adding a blank page to the plurality of pages of the GUI and a blank page indicator to the plurality of page indicators displayed in the GUI in response to placing the GUI in the rearrangement mode, the blank page for use in rearranging the icons;
detecting an initiation of an icon move of a selected icon displayed on a current page, wherein the initiation of the icon move comprises a start touch contact of a drag gesture that includes a page selection input;
determining a selected page indicator of the plurality of page indicators when the drag gesture of the page selection input is dragged within a predefined distance threshold of one of the plurality of page indicators, the selected page indicator corresponding to a selected one of the plurality of pages;
providing a graphical feedback information highlighting the selected page indicator of the plurality of page indicators;
determining if the selected page provides sufficient space for the selected icon to be moved to, providing a first graphical feedback information when there is sufficient space, and when there is not sufficient space the providing a second graphical feedback information that is different from the first graphical feedback information;
wherein the first and second graphical feedback information comprises one or more of:
displaying an arrow pointing to the selected page indicator;
changing a shape of the selected page indicator;
changing a color of the selected page indicator;
changing a size of the selected page indicator;
displaying a title associated with the selected page indicator; and
replacing the selected page indicator with the selected icon;
moving the selected icon to the selected page associated with the selected page indicator comprising:
enabling positioning of the selected icon on the selected page while the drag gesture is maintained without finalizing a position of the selected icon on the selected page by switching the GUI to replace a display of the current page with a display of the selected page including the selected icon on the selected page associated with the selected page indicator in response to the selected page indicator being selected by maintaining the drag gesture of the page selection input for an amount of time above a predetermined threshold time; and
finalizing the position of the selected icon on the selected page when the drag gesture ends, the finalizing causing the selected icon to be removed from the current page on which the start touch contact of the drag gesture was detected;
after the finalizing, switching the GUI to replace the display of the selected page with the display of the current page on which the start touch contact of the drag gesture was detected;
after the switching the GUI to replace the display of the selected page with the display of the current page, remaining in the rearrangement mode to allow additional icon movements from the current page; and
exiting the rearrangement mode upon detection of at least one of an indication to return the GUI to a normal interaction mode and expiration of a timeout period.
2. The method of claim 1 , wherein the rearrangement mode provides a visual indication that the GUI is in the rearrangement mode, wherein
the drag gesture is initiated with a hold touch for a period of time greater than a threshold, the hold touch placing the GUI in the rearrangement mode.
3. The method of claim 2 , further comprising:
detecting an initiation of a second icon move of a second selected icon; and
moving the second selected icon to a second selected page.
4. The method of claim 1 , further comprising rearranging the icons, including the selected icon, on the page associated with the selected page indicator.
5. The method of claim 1 , further comprising adding a second blank page and a second blank page indicator to the GUI if the selected icon is moved to the blank page.
6. The method of claim 1 , further comprising removing the blank page and the blank page indicator from the GUI upon exiting the rearrangement mode if no icon is moved to the blank page.
7. An electronic device comprising:
a touch-sensitive display;
a processor for executing instructions; and
a memory storing instructions, the instructions when executed by the processor configuring the electronic device to provide:
a graphical user interface (GUI) comprising a plurality of icons arranged on a plurality of pages, each page associated with a respective one of a plurality of page indicators displayed in the GUI, the GUI displaying a single page at a time; and
icon rearrangement functionality comprising:
placing the GUI in a rearrangement mode;
while in rearrangement mode:
adding a blank page to the plurality of pages of the GUI and a blank page indicator to the plurality of page indicators displayed in the GUI in response to placing the GUI in the rearrangement mode, the blank page for use in rearranging the icons;
detecting an initiation of an icon move of a selected icon displayed on a current page, wherein the initiation of the icon move comprises a start touch contact of a drag gesture that includes a page selection input;
determining a selected page indicator of the plurality of page indicators when the drag gesture of the page selection input is dragged within a predefined distance threshold of one of the plurality of page indicators the selected page indicator corresponding to a selected one of the plurality of pages;
providing a graphical feedback information highlighting the selected page indicator of the plurality of page indicators;
determining if the selected page provides sufficient space for the selected icon to be moved to, providing a first graphical feedback information when there is sufficient space, and when there is not sufficient space providing a second graphical feedback information that is different from the first graphical feedback information;
wherein the first and second graphical feedback information comprises one or more of:
displaying an arrow pointing to the selected page indicator;
changing a shape of the selected page indicator;
changing a color of the selected page indicator;
changing a size of the selected page indicator;
displaying a title associated with the selected page indicator; and
replacing the selected page indicator with the selected icon;
moving the selected icon to the selected page associated with the selected page indicator comprising:
enabling positioning of the selected icon on the selected page while the drag gesture is maintained without finalizing a position of the selected icon on the selected page by switching the GUI to replace a display of the current page with a display of the selected page including the selected icon on the selected page associated with the selected page indicator in response to the selected page indicator being selected by maintaining the drag gesture of the page selection input for an amount of time above a predetermined threshold time; and
finalizing the position of the selected icon on the selected page when the drag gesture ends, the finalizing causing the selected icon to be removed from the current page on which the start touch contact of the drag gesture was detected;
after the finalizing, switching the GUI to replace the display of the selected page with the display of the current page on which the start touch contact of the drag gesture was detected;
after the switching the GUI to replace the display of the selected page with the display of the current page, remaining in the rearrangement mode to allow additional icon movements from the current page; and
exiting the rearrangement mode upon detection of at least one of an indication to return the GUI to a normal interaction mode and expiration of a timeout period.
8. The electronic device of claim 7 , wherein the rearrangement mode provides a visual indication that the GUI is in the rearrangement mode, wherein the drag gesture is initiated with a hold touch for a period of time greater than a threshold, the hold touch placing the GUI in the rearrangement mode.
9. The electronic device of claim 8 , wherein the icon rearrangement functionality further comprises rearranging the icons, including the selected icon, on the page associated with the selected page indicator.
10. The electronic device of claim 7 , wherein the icon rearrangement functionality further comprises adding a second blank page and a second blank page indicator to the GUI if the selected icon is moved to the blank page.
11. The electronic device of claim 7 , wherein the icon rearrangement functionality further comprises removing the blank page and the blank page indicator from the GUI upon exiting the rearrangement mode if no icon is moved to the blank page.
12. A non-transitory computer readable medium storing instructions for configuring an electronic device to provide a method of rearranging icons between a plurality of pages of a graphical user interface (GUI), each page associated with a respective one of a plurality of page indicators displayed in the GUI, the GUI displaying a single page at a time, the method comprising:
placing the GUI in a rearrangement mode;
while in rearrangement mode:
adding a blank page to the plurality of pages of the GUI and a blank page indicator to the plurality of page indicators displayed in the GUI in response to placing the GUI in the rearrangement mode, the blank page for use in rearranging the icons;
detecting an initiation of an icon move of a selected icon displayed on a current page, wherein the initiation of the icon move comprises a start touch contact of a drag gesture that includes a page selection input;
determining a selected page indicator of the plurality of page indicators when the drag gesture of the page selection input is dragged within a predefined distance threshold of one of the plurality of page indicators the selected page indicator corresponding to a selected one of the plurality of pages;
providing a graphical feedback information highlighting the selected page indicator of the plurality of page indicators;
determining if the selected page provides sufficient space for the selected icon to be moved to, providing a first graphical feedback information when there is sufficient space, and if when there is not sufficient space providing a second graphical feedback information that is different from the first graphical feedback information;
wherein the first and second graphical feedback information comprises one or more of:
displaying an arrow pointing to the selected page indicator;
changing a shape of the selected page indicator;
changing a color of the selected page indicator;
changing a size of the selected page indicator;
displaying a title associated with the selected page indicator; and
replacing the selected page indicator with the selected icon;
moving the selected icon to the selected page associated with the selected page indicator comprising:
enabling positioning of the selected icon on the selected page while the drag gesture is maintained without finalizing a position of the selected icon on the selected page by switching the GUI to replace a display of the current page with a display of the selected page including the selected icon on the selected page associated with the selected page indicator in response to the selected page indicator being selected by maintaining the drag gesture of the page selection input for an amount of time above a predetermined threshold time; and
finalizing the position of the selected icon on the selected page when the drag gesture ends, the finalizing causing the selected icon to be removed from the current page on which the start touch contact of the drag gesture was detected;
after the finalizing, switching the GUI to replace the display of the selected page with the display of the current page on which the start touch contact of the drag gesture was detected;
after the switching the GUI to replace the display of the selected page with the display of the current page remaining in the rearrangement mode to allow additional icon movements from the current page; and
exiting the rearrangement mode upon detection of at least one of an indication to return the GUI to a normal interaction mode and expiration of a timeout period.
13. The non-transitory computer readable medium of claim 12 , wherein the method further comprises adding a second blank page and a second blank page indicator to the GUI if the selected icon is moved to the blank page.
14. The non-transitory computer readable medium of claim 12 , wherein the method further comprises removing the blank page and the blank page indicator from the GUI upon exiting the rearrangement mode if no icon is moved to the blank page.