IP Library Granted Patent US 9,727,200
Granted Patent B2
US 9,727,200 · App. 13/916,900 · Granted Aug 8, 2017

Method and system for displaying graphic user interface

Inventor: Seungmyung Lee (Seoul, KR)
Assignee: Samsung Electronics Co., Ltd.
G06F3/048G06T11/001G09G5/00G09G5/024
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 9,727,200
App. No.
13/916,900
Granted
Aug 8, 2017
Kind
B2
Abstract

An apparatus and method for displaying graphic user interface (GUI) in a variety of states includes combining effect images and chroma key layers to which color codes are applied in multi-layers. More specifically, the GUI display method includes: loading a chroma key image of a certain shape for a GUI; applying a color code corresponding to the GUI to the chroma key image; creating a GUI image by combining an effect image corresponding to the GUI with the chroma key image to which the color code is applied; and displaying the GUI image.

Claims (60)

1. A graphic user interface (GUI) display method comprising:

loading a chroma key image of a specific shape for a GUI;

applying a color code corresponding to the GUI to the chroma key image;

creating a GUI image by combining an effect image corresponding to the GUI with the chroma key image to which the color code is applied by arranging an image effect layer on a chroma key layer;

after creating the GUI image, removing the chroma key image; and

after removing the chroma key image, displaying the created GUI image, and in response to altering at least one of the color code or the effect images, altering a state of the GUI without loading a new GUI image.

2. The method of claim 1 , wherein the GUI comprises:

at least one of a dial image, a keyboard, an icon, a control button, a scroll bar and an indicator bar.

3. The method of claim 1 , wherein the color code comprises:

at least one of RGB values, a hex code, or a code corresponding to one of the colors of a palette.

4. The method of claim 1 , wherein the state of the GUI includes

at least one of a normal state, a pressed state, a selected state, a highlighted state, an active state, and an inactive state.

5. The method of claim 1 , wherein the effect image corresponds to at least one of a texture effect and a cubic effect.

6. The method of claim 1 , further comprising:

successively varying the color codes and applying the successively varied color codes to the image iteratively in response to detecting each lapse of a preset time interval; and

displaying the GUI image based on the successively varied color codes.

7. The method of claim 1 , further comprising:

detecting an input to the GUI; and

determining at least one of the color code and the effect image according to the input.

8. The method of claim 7 , wherein loading the chroma key image comprises:

determining the GUI corresponding to the input; and

loading the chroma key image for the GUI.

9. The method of claim 7 , further comprising:

successively varying the color codes according to the input and applying them gradually to the image; and

displaying the GUI image based on the successively varied color codes.

10. A graphic user interface (GUI) display apparatus comprising:

a display unit which displays one or more GUIs; and

a controller comprising at least one processor having circuitry configured to:

load a chroma key image of a specific shape for the GUI;

apply a color code corresponding to the GUI to the chroma key image;

create a GUI image by combining an effect image corresponding to the GUI with the chroma key image to which the color code is applied by arranging an image effect layer on a chroma key layer;

after creating the GUI image, remove the chroma key image; and

after removing the chroma key image control the display unit to display the GUI image, and in response to an altering of at least one of the color code or the effect image, alter a state of the GUI without loading a new GUI image.

11. The apparatus of claim 10 , wherein the GUI comprises:

at least one of a dial image, a keyboard, an icon, a control button, a scroll bar and an indicator bar.

12. The apparatus of claim 10 , wherein the color code comprises:

at least one of RGB values, a hex code, or a code corresponding to one of the colors of a palette.

13. The apparatus of claim 10 , wherein the effect image corresponds to state of the GUI, includes at least one of a normal state, a pressed state, a selected state, a highlighted state, an active state, and an inactive state.

14. The apparatus of claim 10 , wherein the effect image corresponds to at least one of a texture effect and a cubic effect according to shadow.

15. The apparatus of claim 10 , wherein the controller successively varies the color codes and applies the successively varied color codes to the image iteratively in response to detecting each lapse of a preset time interval, and controls the display unit to display the GUI image according to the successively varied color codes.

16. The apparatus of claim 10 , further comprising:

an input unit for receiving an input to the GUI,

wherein the controller is configured to determine at least one of the color code and the effect image according to the input.

17. The apparatus of claim 16 , wherein the controller is configured to determine the GUI corresponding to the input, and loads the chroma key image for the GUI.

18. A graphic user interface (GUI) display method comprising:

detecting an input to a displayed GUI;

determining a color code and an effect image of the GUI according to the input;

recreating the GUI by applying the determined color code to a chroma key image corresponding to the GUI and combining the determined effect image to the chroma key;

after creating the GUI image, removing the chroma key image; and

after removing the chroma key image, displaying the recreated GUI,

wherein in response to altering at least one of the color code or the effect images, a state of the recreated GUI is altered without loading a new GUI image.

19. The method of claim 18 , further comprising:

determining at least one color code;

repeatedly recreating the GUI by applying the at least one color code; and

repeatedly displaying the recreated GUI.

20. The method of claim 18 , further comprising:

loading a chroma key image of a specific shape for the GUI;

applying a color code corresponding to the GUI to the chroma key image;

creating the GUI by combining an effect image corresponding to the GUI with the chroma key image to which the color code is applied; and

displaying the GUI.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jun 13, 2013
From: LEE, SEUNGMYUNG
To: SAMSUNG ELECTRONICS CO., LTD.
Reel/Frame 030606/0010 →
Priority Claims (1)
KR 10-2012-0087704 · Aug 10, 2012 · national
Continuity (1)
Related Publication 20140047362A1 · Feb 13, 2014