Provided is a method and apparatus for displaying a user interface by displaying a first screen including at least one icon and a second screen including a first region obtained by reducing the size of the first screen 3-Dimensionally depending on an input of a user to edit or browse a folder, and a second region displaying folder content.
|
1. A method of displaying a user interface, the method comprising:
displaying a first screen including at least one icon;
in response to receiving a first touch input to modify the first screen, displaying a second screen including a first region and a second region, wherein the first region includes the first screen reduced in size so that the first screen is fully displayed in the first region and the second region is for displaying at least one icon associated with content of a folder displayed in the first region; and
after receiving the first touch to modify the first screen to display the second screen, in response to receiving a second touch input of an icon displayed in the first region, displaying the touched icon in the second region and displaying an icon corresponding to a new folder in the first region,
wherein a size of the second region is automatically changed based on a number of icons displayed in the second region, and
wherein sizes of icons included in the first region are changed based on the number of icons displayed in the second region.
11. A non-transitory computer readable recording medium having recorded thereon a program for executing the method of displaying a user interface, the method comprising:
displaying a first screen including at least one icon;
in response to receiving a first touch input to modify the first screen, displaying a second screen including a first region and a second region, wherein the first region includes the first screen reduced in size so that the first screen is fully displayed in the first region and the second region is for displaying at least one icon associated with content of a folder displayed in the first region; and
after receiving the first touch to modify the first screen to display the second screen, in response to receiving a second touch input of an icon displayed in the first touch region, displaying the touched icon in the second region and displaying an icon corresponding to a new folder in the first region,
wherein a size of the second region is automatically changed based on a number of icons displayed in the second region, and
wherein sizes of icons included in the first region are changed based on the number of icons displayed in the second region.
6. An apparatus for displaying a user interface, the apparatus comprising:
a display device; and
a controller configured to:
control the display device to display a first screen including at least one icon,
in response to receiving a first touch input to modify the first screen, control the display device to display a second screen including a first region and a second region, wherein the first region includes the first screen reduced in size so that the first screen is fully displayed in the first region and the second region is for displaying at least one icon associated with content of a folder displayed in the first region, and
after receiving the first touch to modify the first screen to display the second screen, in response to receiving a second touch input of an icon displayed in the first region, display the touched icon in the second region and display an icon corresponding to a new folder in the first region,
wherein a size of the second region is automatically changed based on a number of icons displayed in the second region, and
wherein sizes of icons included in the first region are changed based on the number of icons displayed in the second region.
20. A method of displaying a user interface in a display device of mobile device, the method comprising:
displaying, in the display device, a first screen including a plurality of icons;
in response to receiving a first touch input to modify the first screen, displaying, in the display device, a second screen including a first region and a second region, wherein the first region includes the first screen reduced in size so that a substantial portion of the plurality of icons are displayed in the first region and the second region is for displaying at least one icon associated with content of a folder displayed in the first region; and
after receiving the first touch to modify the first screen to display the second screen, in response to receiving a second touch input of an icon displayed in the first region, displaying the touched icon in the second region and displaying an icon corresponding to a new folder in the first region,
wherein a size of the second region is automatically changed based on a number of icons displayed in the second region, and
wherein sizes of icons included in the first region are changed based on the number of icons displayed in the second region.
12. A method of moving a least one icon from a second region to a first region in a second region, the method comprising:
displaying a first screen including a folder;
receiving a user input to modify the folder;
reducing, in response to the user input, a size of the first screen so that the first screen is fully displayed in the first region of the second screen;
displaying the second screen including the first region and the second region;
displaying contents of the folder in the second region;
moving at least one icon included in the folder from the second region to the first region in response to a dragging input;
deleting the folder from the second region, upon moving a last of the at least one icon from the second region to the first region; and
displaying a modified first region without the folder, wherein the folder is deleted from the second region,
wherein the second region is adjacent to the first region in the second screen and displays contents of the folder,
wherein a size of the second region is automatically changed based on a number of icons that are moved to the second region, and
wherein sizes of icons included in the first region are changed based on a number of icons included in the second region.
16. An apparatus for moving at least one icon from a second region to a first region in a second screen, the apparatus comprising:
a controller configured to reduce, in response to a received user input, a size of a first screen so that the first screen is fully displayed in the first region of the second screen, so as to modify a folder, to move at least one icon included in the folder from the second region to the first region in response to a dragging input, to delete the folder from the second region, upon moving a last of the at least one icon from the second region to the first region, and to modify the first region to display without the folder, when the folder is deleted from the second region; and
a display device configured to display the first screen and the second screen,
wherein the first screen includes the folder comprising at least one icon,
wherein the second screen displays the second region adjacent to the first region, the second region displaying contents of the folder,
wherein a size of the second region is automatically changed based on a number of icons that are moved to the second region, and
wherein sizes of icons included in the first region are changed based on a number of icons included in the second region.
2. The method of
3. The method of
4. The method of
5. The method of
wherein the icon displayed in the first region and the first region have trapezoidal shapes, and
wherein an upper width of the first region is smaller than a lower width of the first region.
7. The apparatus of
8. The apparatus of
9. The apparatus of
10. The apparatus of
wherein the icon displayed in the first region and the first region have trapezoidal shapes, and
wherein an upper width of the first region is relatively smaller than a lower width of the first region.
13. The method of
14. The method of
deleting the icon representing the folder from the first region.
15. The method of
17. The apparatus of
18. The apparatus of
19. The apparatus of
|
This application claims priority under 35 U.S.C. §119 to a Korean Patent Application No. 10-2010-0114555, which was filed in the Korean Intellectual Property Office on Nov. 17, 2010, the entire disclosure of which is incorporated herein in its entirety by reference.
1. Field of the Invention
The present invention relates generally to a method and apparatus for displaying a user interface, and more particularly, to a method and apparatus for displaying a folder and an icon in an environment where both the folder and the icon exist.
2. Description of the Related Art
With the increase in the number of portable devices, a method for effectively displaying a user interface on a small screen has become an important issue. A user interface display needs to be intuitive and also sufficiently aesthetically pleasing to the user to conveniently utilize a portable device.
Additionally, the number of application programs executable in the portable device has increased due to improvements in hardware performance and software development environments, resulting in a user interface utilizing icon folders to organize icons of various application programs stored in the portable device.
Accordingly, the present invention has been made to solve the above-mentioned problems, and to provide at least the advantages as described below. An aspect of the present invention provides a method and apparatus for effectively displaying a folder and an icon, and a computer readable recording medium having recorded thereon a program for executing the method.
According to an aspect of the present invention, there is provided a method of displaying a user interface, the method including displaying a first screen including at least one icon, and displaying a second screen including a first region obtained by reducing the size of the first screen, and a second region displaying folder content according to an input of a user to edit or browse a folder, wherein the first region is generated depending on changing a size of the at least one icon according to a location of the at least one icon on the first screen.
According to another aspect of the present invention, there is provided an apparatus for displaying a user interface, the apparatus including a controller for generating a first screen including at least one icon, and a second screen including a first region obtained by reducing the size of the first screen, and a second region displaying folder content according to an input of a user to edit or browse a folder; and a display unit for displaying the first and second screens, wherein the first region is generated depending on changing a size of the at least one icon according to a location of the at least one icon on the first screen.
According to another aspect of the present invention, there is provided a computer readable recording medium having recorded thereon a program for executing the method.
The above and other features and advantages of the embodiments of the present invention will be more apparent from the following description taken in conjunction with the accompanying drawings in which:
Hereinafter, the present invention will be described in greater detail with reference to the accompanying drawings, in which aspects of the present invention are illustrated. In the following description, same or similar drawing reference numerals are used for the same or similar elements throughout the drawings.
Referring to
The controller 110 generates screens to be displayed to a user through the display unit 120. The controller 110 generates a first screen including at least one icon, and a second screen including a first region obtained by reducing the size of the first screen according to an input of the user to edit or browse a folder, and a second region displaying the folder content.
The first screen includes at least one icon, which may represent a predetermined application program or a predetermined folder. The first region included in the second screen may be obtained by reducing the size of the first screen such that the user looking at the second screen experiences a 3-Dimensional (3D) effect.
The user may view an apparent 3D space on a 2D screen by applying a predetermined shade effect to the first region while reducing the size of the first region, or depending on adjusting a degree of reduction of an icon according to a location of the icon on the first screen.
The display unit 120 displays the screen generated by the controller 110. The display unit 120 receives an image signal about the screen from the controller 110, and displays the screen according to the image signal via a display device, such as a Liquid Crystal Display (LCD) panel or an Organic Light Emitting Display (OLED) panel, included in the display unit 120. The screen generated by the controller 110 displayed on the display unit 120 will be described in detail with reference to
Referring to
When the user touches a predetermined icon for a predetermined period of time on the screen 210, the screen 210 may be changed to the screen 220. However, touching the predetermined icon for the predetermined period of time is only one example of a control operation for editing the screen 210, and the editing screen 220 may be invoked using other methods.
For example, the screen 220 may be displayed when the user pushes a button separate from the touch screen of the display device, or touches a different touch sensor. Alternatively, if the display device includes a motion sensor, the user may move the display device in a predetermined motion to invoke the display of the editing screen 220. Alternatively, the screen 220 may be displayed by shaking or rotating the display device.
An “x” for deleting an application is displayed on the screen 220 for editing the screen 210, and a region 222 related to a folder generating function is displayed on the top of the screen 220. However, a location of the region 222 is not limited to the top of the screen 220, and may be elsewhere, for example on the left or the right of the screen 220.
After the user selects the region 222, for example, by touching the region 222, a screen 230 of
The screen 230 includes a first region 232 obtained by reducing the size of the screen 220, and a second region 234 displaying folder content. The screen 220 is reduced in size according to a predetermined perspective to generate a 3D effect, by setting a virtual vanishing point inside or outside the screen 230, and including the screen 220 in the first region 232 on a plane formed by the vanishing point in the lower boundary of the screen 230.
Since the screen 220 is reduced in size to generate the 3D effect, not only the height of the screen 220 is reduced, but also the size of the icons of the screen 220 is adjusted depending on the location of the icon on the screen 220. When the vanishing point is positioned in the upper direction of the screen 230 as shown in
Since the screen 220 is reduced in size after setting the vanishing point, the first region 232 obtained by reducing the size of the screen 220 has a trapezoidal shape, wherein the upper width is smaller than the lower width, and an icon located in the first region 232 also has a trapezoidal shape, wherein the upper width is smaller than the lower width. The lower width of the first region 232 is identical to a width of the screen 220, and the upper width of the first region 232 is reduced in size to be smaller than the lower width.
Since the region 222 is directed to the folder generating function, there is no content displayed on the second region 234 where the folder content is displayed. Since a new folder is generated, the user interface for displaying a folder name displays “New Folder”.
The user selects an icon 236 to be included in the folder from the screen 230, as shown in
For example, when the icon 236 is selected and displayed on the second region 234, other icons may all move by one space over to fill the location of the icon 236. Then, an empty space is generated at the bottom right of a screen 240, and the icon 242 may be displayed in the empty space.
When folder editing is completed and the user performs a control operation to complete the editing of the folder, the screen 250 of
The screen 250 of
For example, when the icon 242 representing the folder is selected, for example, by being touched, on the screen 250 of
Here, the size of the second region 320 is determined based on the folder content, i.e., the number of icons representing application programs included in the folder. As shown in
When a user selects, for example, by touching, an icon in the second region 320, 322, or 324 of the screen 300 of
Referring to
The screen 410 of
When the user selects the region 416, a screen 420 of
When the user interface 424 is selected, a screen 430 of
Referring to
The screen 510 of
The icon to be added to a folder may be selected from the first region 512, as described above with reference to
As the predetermined icon 516 is deleted from the folder, the predetermined icon 516 is displayed again on the first region 512 and only one icon is displayed on the second region 514 as shown in
Also, as shown in
When icons 516 and 522 included in the folder are all moved to the first region 512, the icon 502 is also deleted from the region 512 as shown in
When a user selects an icon 602 representing a folder from a screen 600 of
However, in
A vanishing point may be set for each of the other line levels excluding the first and second lines, and icons may be reduced based on the vanishing point. Referring to
In
In
Referring to
In step 720, the apparatus 100 displays a second screen including a first region obtained by reducing the first screen, and a second region displaying folder content, according to a user input for editing or browsing a folder.
Here, the screen 230 of
According to the present invention, a user may easily select, browse, and edit a folder or an icon displayed on a screen of a display device. Also, the user using the display device may be highly satisfied since the icon and folder content is displayed on one screen in 3D.
The invention can also be embodied as computer readable codes on a computer readable recording medium.
For example, the apparatus for displaying a user interface, according to the embodiment of the present invention, may include a bus coupled to each unit of the apparatus shown in
The computer readable recording medium is any data storage device that can store data which can be thereafter read by a computer system. Examples of the computer readable recording medium include read-only memory (ROM), random-access memory (RAM), CD-ROMs, magnetic tapes, floppy disks, optical data storage devices, etc. The computer readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.
While the present invention has been shown and described with reference to various embodiments thereof, it will be understood by those of ordinary skill in the art that various changes in form and detail may be made therein without departing from the spirit and scope of the present invention as defined by the appended claims.
Shim, Jung-hyun, Choi, Won-young
Patent | Priority | Assignee | Title |
10656784, | Jun 16 2014 | Samsung Electronics Co., Ltd. | Method of arranging icon and electronic device supporting the same |
11733828, | Jul 22 2019 | VIVO MOBILE COMMUNICATION CO., LTD. | Icon moving method and terminal device |
Patent | Priority | Assignee | Title |
5678015, | Sep 01 1995 | RPX Corporation | Four-dimensional graphical user interface |
5880733, | Apr 30 1996 | Microsoft Technology Licensing, LLC | Display system and method for displaying windows of an operating system to provide a three-dimensional workspace for a computer system |
6577330, | Aug 12 1997 | Matsushita Electric Industrial Co., Ltd. | Window display device with a three-dimensional orientation of windows |
6983424, | Jun 23 2000 | International Business Machines Corporation | Automatically scaling icons to fit a display area within a data processing system |
7735018, | Sep 13 2005 | SPACETIME3D, INC | System and method for providing three-dimensional graphical user interface |
20040103102, | |||
20060253796, | |||
20070250788, | |||
20080189645, | |||
20080215980, | |||
20090058821, | |||
20090089752, | |||
20090158173, | |||
20090222766, | |||
20100222112, | |||
20110083103, | |||
20110179368, | |||
20120036460, | |||
EP2075682, | |||
KR1020010022847, | |||
KR1020070107892, | |||
KR1020100057358, |
Executed on | Assignor | Assignee | Conveyance | Frame | Reel | Doc |
Aug 12 2011 | SHIM, JUNG-HYUN | SAMSUNG ELECTRONICS CO , LTD | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 027850 | /0747 | |
Aug 12 2011 | CHOI, WON-YOUNG | SAMSUNG ELECTRONICS CO , LTD | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 027850 | /0747 | |
Sep 30 2011 | Samsung Electronics Co., Ltd | (assignment on the face of the patent) | / |
Date | Maintenance Fee Events |
Sep 16 2020 | M1551: Payment of Maintenance Fee, 4th Year, Large Entity. |
Date | Maintenance Schedule |
Jul 18 2020 | 4 years fee payment window open |
Jan 18 2021 | 6 months grace period start (w surcharge) |
Jul 18 2021 | patent expiry (for year 4) |
Jul 18 2023 | 2 years to revive unintentionally abandoned end. (for year 4) |
Jul 18 2024 | 8 years fee payment window open |
Jan 18 2025 | 6 months grace period start (w surcharge) |
Jul 18 2025 | patent expiry (for year 8) |
Jul 18 2027 | 2 years to revive unintentionally abandoned end. (for year 8) |
Jul 18 2028 | 12 years fee payment window open |
Jan 18 2029 | 6 months grace period start (w surcharge) |
Jul 18 2029 | patent expiry (for year 12) |
Jul 18 2031 | 2 years to revive unintentionally abandoned end. (for year 12) |