Apparatus, method, and computer-readable storage medium for manipulating a user interface element
Disclosed herein are clutch and boom features that can enable the manipulation of user interface elements when using a touch-sensitive component to build or otherwise design a graphical display, such as a website, video game, magazine layout, etc. Upon touching user interface element to be manipulated, the user interface element can be targeted for manipulation. In response to a clutch user interface element being engaged, the targeted user interface element can be enabled for manipulation (e.g., colored, rotated, moved, etc.) by the user, while the non-targeted user elements are protected from manipulation. Boom is an example of manipulation functionality provided by some embodiments, which can be configured to move the targeted user interface element a precise amount (e.g., pixel-by-pixel).
1. A method of manipulating user interface elements presented on a display screen, comprising:
displaying a target user interface element on a touch-sensitive display screen;
determining a selection touch event has occurred in proximity to the target user interface element while there is an absence of a different touch event proximate a different user interface element;
activating by a processor, selection functionality that enables a user interface element to be selected while there is an absence of the different touch event;
selecting the target user interface element for manipulation in response to determining the selection touch event has occurred;
determining when the different touch event is occurring proximate the different user interface element and assigning at least one event listener to the selected element;
when the different touch event is occurring, activating, by a processor, manipulating functionality of the event listener assigned to the target user interface element;
determining when the different touch event ceases to occur; and
deactivating the manipulating functionality associated with the target user interface.
2. The method of claim 1 , wherein selecting the target user interface element for manipulation comprises storing, in memory, a target element identifier associated with the target element in response to determining the selection touch event has occurred.
3. The method of claim 2 further comprises, in response to determining the different touch event has begun occurring:
retrieving the target element identifier from memory; and
associating the target user interface element with the manipulating functionality.
4. The method of claim 1 further comprising, in response to determining the target user interface element has been selected for manipulation, displaying a visual indicator identifying the target user interface as selected.
5. The method of claim 1 , wherein activating the manipulating functionality enables a user to manipulate the target user interface element in a manner that is permitted only when the different touch event is being detected.
6. The method of claim 1 , wherein activating the manipulating functionality enables a user to manipulate the target user interface element in a manner that is restricted unless the different touch event is detected.
7. The method of claim 1 , wherein activating the manipulating functionality enables boom functionality for precision movement of the target user interface element on the display screen and displaying x and y pixel positions associated with the position of the target user interface element.
8. The method of claim 1 further comprising displaying an overlay including a plurality of selectable virtual buttons associated with one or more manipulating functionalities that are activated while the different touch event is occurring.
9. An apparatus configured to manipulate user interface elements presented on a display screen, comprising:
a touch-sensitive display screen configured to:
display a target user interface element;
detect a selection touch event;
detect a different touch event; and
a processor configured to:
determine the selection touch event has occurred in proximity to the target user interface element while there is an absence of the different touch event proximate a different user interface element;
activate selection functionality that enables a user interface element to be selected while there is an absence of the different touch event;
select the target user interface element for manipulation in response to determining the selection touch event has occurred;
determine when the different touch event is occurring proximate the different user interface element and assigning at least one event listener to the selected element;
when the different touch event is occurring, activate manipulating functionality of the event listener the target user interface element;
determine when the different touch event ceases to occur; and
deactivate the manipulating functionality associated with the target user interface.
10. The apparatus of claim 9 further comprising memory configured to store a target element identifier associated with the target element in response to determining the selection touch event has occurred.
11. The apparatus of claim 10 , wherein in response to determining the different touch event has begun occurring, the processor is further configured to:
retrieve the target element identifier from memory; and
associate the target user interface element with the manipulating functionality.
12. The apparatus of claim 9 , wherein in response to determining the target user interface element has been selected for manipulation, the processor is further configured to cause the display of a visual indicator identifying the target user interface as selected.
13. The apparatus of claim 9 , wherein the processor is further configured to enable a user to manipulate the target user interface element in a manner that is permitted only when the different touch event is being detected.
14. The apparatus of claim 9 , wherein the processor is further configured to enable a user to manipulate the target user interface element in a manner that is restricted unless the different touch event is detected.
15. The apparatus of claim 9 , wherein the processor is further configured to enable boom functionality.
16. The apparatus of claim 9 , wherein the processor is further configured to facilitate the display of an overlay including a plurality of selectable virtual buttons associated with one or more manipulating functionalities that are activated while the different touch event is occurring.
17. A computer program product comprising at least one non-transitory computer-readable storage medium storing computer-executable program code portions, the computer-executable program code portions comprising program code instructions for:
displaying a target user interface element on a touch-sensitive display screen;
determining a selection touch event has occurred in proximity to the target user interface element while there is an absence of a different touch event proximate a different user interface element;
activating selection functionality that enables a user interface element to be selected while there is an absence of the different touch event;
selecting the target user interface element for manipulation in response to determining the selection touch event has occurred;
determining when the different touch event is occurring proximate the different user interface element and assigning at least one event listener to the selected element;
when the different touch event is occurring, activating, by a processor, manipulating functionality of the event listener assigned to the target user interface element;
determining when the different touch event ceases to occur; and
deactivating the manipulating functionality associated with the target user interface.
18. The computer program product of claim 17 , wherein the instructions for selecting the target user interface element for manipulation comprises instructions for storing, in memory, a target element identifier associated with the target element in response to determining the selection touch event has occurred.
19. The computer program product of claim 18 further comprises, in response to determining the different touch event has begun occurring, instructions for:
retrieving the target element identifier from memory; and
associating the target user interface element with the manipulating functionality.
20. The computer program product of claim 17 further comprising, in response to determining the target user interface element has been selected for manipulation, instructions for displaying a visual indicator identifying the target user interface as selected.
21. The computer program product of claim 17 , wherein instructions for activating the manipulating functionality enables a user to manipulate the target user interface element in a manner that is permitted only when the different touch event is being detected.
22. The computer program product of claim 17 , wherein instructions for activating the manipulating functionality enables a user to manipulate the target user interface element in a manner that is restricted unless the different touch event is detected.
23. The computer program product of claim 17 , wherein the instructions for activating the manipulating functionality enables boom functionality for precision movement of the target user interface element on the display screen.
24. The computer program product of claim 17 further comprising instructions for displaying an overlay including a plurality of selectable virtual buttons associated with one or more manipulating functionalities that are activated while the different touch event is occurring.