Method of wearable device displaying icons, and wearable device for performing the same

Abstract

A method of a wearable device displaying icons is provided. The method includes displaying a plurality of circular icons comprising a first circular icon located in a center area of a touch display in a first size and a second circular icon located outside of the center area of the touch display in a second size smaller than the first size, and based on a direction of a touch input received on the touch display, moving the plurality of icons such that the first circular icon is moved to a position located outside of the center area of the touch display and reduced in size from the first size to the second size and the second circular icon is moved to the center area of the touch display and enlarged in size from the second size to the first size.

1 . An electronic apparatus comprising:
 a touch display;   a memory configured to store an instruction; and   at least one processor configured to control the electronic apparatus by the instruction,   wherein the at least one processor is configured to:
 control the touch display to display a plurality of UI elements and a first execution screen corresponding to a first UI element from among the plurality of UI elements; and 
 in response to a user drag touch being input on the execution screen, control the touch display to display a second execution screen different from the first execution screen together with at least a part of the plurality of UI elements based on a direction of the user drag touch. 
   
     
     
         2 . The apparatus as claimed in  claim 1 ,
 wherein the plurality of UI elements correspond to a plurality of applications, and   wherein the first execution screen is an execution screen of a first application from among the plurality of applications.   
     
     
         3 . The apparatus as claimed in  claim 2 , wherein the at least one processor is configured to:
 in response to a user drag touch in a first direction being input on the execution screen, control the touch display to display an execution screen of a second application from among the plurality of applications together with at least a part of the plurality of UI elements; and   wherein in response to a user drag touch in a second direction different from the first direction being input on the execution screen, control the touch display to display the plurality of UI elements and another execution screen of the first application.   
     
     
         4 . The apparatus as claimed in  claim 3 ,
 wherein the plurality of UI elements are arranged and displayed in a vertical direction,   wherein the first direction is a vertical direction, and   wherein the second direction is a horizontal direction.   
     
     
         5 . The apparatus as claimed in  claim 1 ,
 wherein the at least one processor is configured to:
 based on a user pinch-out touch for moving so that after two touches are detected on the execution screen, a distance between the two touches is increased being input, control the touch display to increase and display a size of the execution screen, and 
   wherein based on a user pinch-in touch for moving so that after two touches are detected on the execution screen a distance between the two touches is decreased being input, control the touch display to decrease and display a size of the execution screen.   
     
     
         6 . The apparatus as claimed in  claim 1 , wherein the at least one processor is configured to, based on a user touch being input on the execution screen, control the touch display to remove the plurality of UI elements and enlarge and display the execution screen on a full screen. 
     
     
         7 . A controlling method of an electronic apparatus, the method comprising:
 displaying a plurality of UI elements and a first execution screen corresponding to a first UI element from among the plurality of UI elements; and   in response to a user drag touch being input on the execution screen, displaying a second execution screen different from the first execution screen together with at least a part of the plurality of UI elements based on a direction of the user drag touch. and   
     
     
         8 . The method as claimed in  claim 7 ,
 wherein the plurality of UI elements correspond to a plurality of applications, and   wherein the first execution screen is an execution screen of a first application from among the plurality of applications.   
     
     
         9 . The method as claimed in  claim 8 ,
 wherein the displaying a second execution screen comprises:
 in response to a user drag touch in a first direction being input on the execution screen, displaying an execution screen of a second application from among the plurality of applications together with at least a part of the plurality of UI elements, and 
   wherein in response to a user drag touch in a second direction different from the first direction being input on the execution screen, displaying the plurality of UI elements and another execution screen of the first application.   
     
     
         10 . The method as claimed in  claim 9 ,
 wherein the plurality of UI elements are arranged and displayed in a vertical direction,   wherein the first direction is a vertical direction, and   wherein the second direction is a horizontal direction.   
     
     
         11 . The method as claimed in  claim 7 , further comprising:
 based on a user pinch-out touch for moving so that after two touches are detected on the execution screen, a distance between the two touches is increased being input, increasing and displaying a size of the execution screen; and   based on a user pinch-in touch for moving so that after two touches are detected on the execution screen a distance between the two touches is decreased being input, decreasing and displaying a size of the execution screen.   
     
     
         12 . The method as claimed in  claim 7 , further comprising, based on a user touch being input on the execution screen, removing the plurality of UI elements and enlarging and displaying the execution screen on a full screen.