KR20120117578A - 디스플레이 방법 및 이를 적용한 디스플레이 장치 - Google Patents

디스플레이 방법 및 이를 적용한 디스플레이 장치 Download PDF

Info

Publication number
KR20120117578A
KR20120117578A KR1020110035398A KR20110035398A KR20120117578A KR 20120117578 A KR20120117578 A KR 20120117578A KR 1020110035398 A KR1020110035398 A KR 1020110035398A KR 20110035398 A KR20110035398 A KR 20110035398A KR 20120117578 A KR20120117578 A KR 20120117578A
Authority
KR
South Korea
Prior art keywords
window
gui element
displayed
gui
event
Prior art date
Application number
KR1020110035398A
Other languages
English (en)
Inventor
김용구
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to KR1020110035398A priority Critical patent/KR20120117578A/ko
Priority to EP12151968.0A priority patent/EP2511901A3/en
Priority to CN2012100362889A priority patent/CN102736841A/zh
Priority to US13/438,892 priority patent/US20120262483A1/en
Publication of KR20120117578A publication Critical patent/KR20120117578A/ko

Links

Images

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/14—Display of multiple viewports
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N5/00—Details of television systems
    • H04N5/44—Receiver circuitry for the reception of television signals according to analogue transmission standards
    • H04N5/445—Receiver circuitry for the reception of television signals according to analogue transmission standards for displaying additional information
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/37—Details of the operation on graphic patterns
    • G09G5/377—Details of the operation on graphic patterns for mixing or overlaying two or more graphic patterns
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/10—Mixing of images, i.e. displayed pixel being the result of an operation, e.g. adding, on the corresponding input pixels
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed

Abstract

다스플레이 방법이 개시된다. 디스플레이 장치에서 GUI 요소를 디스플레이하는 방법은 화면 상에 배치된 제1 윈도우에 적어도 하나의 GUI(Graphic User Interface) 요소를 디스플레이하는 단계, GUI 요소를 제어하기 위한 이벤트가 발생되면, 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하는 단계 및 제1 윈도우 상에 제2 윈도우를 중첩하여 GUI 요소에 애니메이션 효과를 부가하는 단계를 포함한다.

Description

디스플레이 방법 및 이를 적용한 디스플레이 장치 {Displaying method and display apparatus for applying the same}
본 발명은 디스플레이 방법 및 이를 적용한 디스플레이 장치에 관한 것으로, 더욱 상세하게는 GUI 요소에 애니메이션 효과를 부가하는 디스플레이 방법 및 이를 적용한 디스플레이 장치에 관한 것이다.
최근 다양한 멀티미디어 기기들의 발전으로, 아이콘이나 메뉴와 같은 아이템을 포인터를 이용하여 선택하는 방식에 의한 GUI는 이미 보편화되어 있으며, 사용자의 시각적인 욕구를 더욱 충족시키기 위해 아이콘이나 메뉴와 같은 아이템에 다양한 애니메이션 효과를 부가하고 있다.
종래에는 애니메이션 효과를 부가하기 위해, 하나의 그래픽 레이어에서 아이콘의 상태만을 변화시킨 복수의 이미지를 순차적으로 디스플레이하여, 특정 아이콘에 대해 애니메이션 효과를 부가하였다.
하지만, 이러한 방법에 의할 경우, 애니메이션 효과가 부가되지 않은 다른 아이콘가 흔들려 보이는 현상(side effect)이 발생될 수 있으며, 각 아이콘마다 애니메이션 효과를 부가하기 위한 복수의 이미지를 저장하여야 하므로, 디스플레이 장치의 사양에 따라 애니메이션 효과가 차이가 발생되는 문제점이 있다. 이에 따라, 애니메이션 효과를 부가함에 따라 발생될 수 있는 흔들림 현상(side effect)을 방지하고, 저사양 디스플레이 장치에서 용이하게 구현할 수 있게 하기 위한 방안의 모색이 요청된다.
본 발명은 상기와 같은 문제점을 해결하기 위하여 안출된 것으로서, 본 발명의 목적은 애니메이션 효과를 부가하기 위한 윈도우를 별도로 생성하고, 이를 아이콘 등이 표시된 다른 윈도우와 중첩하여 디스플레이하는 디스플레이 방법 및 이를 적용한 디스플레이 장치에 관한 것이다.
상기 목적을 달성하기 위한 본 발명의 일 실시 예에 따른 디스플레이 장치에서 GUI 요소를 디스플레이하는 방법은 화면 상에 배치된 제1 윈도우에 적어도 하나의 GUI(Graphic User Interface) 요소를 디스플레이하는 단계, 상기 GUI 요소를 제어하기 위한 이벤트가 발생되면, 상기 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하는 단계 및 상기 제1 윈도우 상에 상기 제2 윈도우를 중첩하여 상기 GUI 요소에 애니메이션 효과를 부가하는 단계를 포함한다.
이 경우, 상기 트렌지션 이미지 요소는, 상기 GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소와 동일한 크기로 동일한 위치에 디스플레이될 수 있다.
이 경우, 상기 GUI 요소에 애니메이션 효과를 부가하는 단계는 상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소의 컬러를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러가 순차적으로 변경되는 애니메이션 효과를 부가할 수 있다.
한편, 상기 트랜지션 이미지 요소는, 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소의 음영에 해당하는 위치에 디스플레이될 수 있다.
이 경우, 상기 GUI 요소에 애니메이션 효과를 부가하는 단계는 상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 애니메이션 효과를 부가할 수 있다.
한편, 상기 트랜지션 이미지 요소는, 상기 GUI 요소의 주변 영역에 부가적인 애니메이션 이미지가 보이도록, 상기 제2 윈도우 상에서 상기 GUI 요소의 주변 영역에 대응되는 위치에 디스플레이될 수 있다.
한편, 상기 트랜지션 이미지 요소는, 상기 GUI 요소에 대하여 컬러 변화, 음영 변화, 부가 이미지 표시 중 적어도 하나의 애니메이션 효과를 부가하기 위하여 상기 제2 윈도우 상에 표시될 수 있다.
한편, 본 실시 예에 따른 디스플레이 방법은 상기 애니메이션 효과가 완료되면 상기 제2 윈도우를 제거하고, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러를 최종 변경 상태로 변경하여 디스플레이하는 단계를 더 포함할 수 있다.
한편, 상기 제2 윈도우는, 상기 화면 전체 영역 중 상기 애니메이션 효과를 부가하고자 하는 GUI 요소가 위치하는 영역에만 부분적으로 중첩될 수 있다.
한편, 상기 이벤트는 상기 제1 윈도우에 디스플레이되는 GUI 요소가 선택되는 제1 이벤트, 상기 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치하는 제2 이벤트, 기 설정된 시간 주기가 도래하는 제3 이벤트, 상기 디스플레이 장치가 턴-온 또는 턴-오프되는 제4 이벤트 중 적어도 하나임이 바람직하다.
한편, 본 발명의 다른 실시 예에 따른 GUI 요소를 디스플레이하는 디스플레이 장치는 적어도 하나의 GUI(Graphic User Interface) 요소를 포함하는 제1 윈도우를 화면상에 디스플레이하는 디스플레이부 및 상기 GUI 요소를 제어하기 위한 이벤트가 발생되면, 상기 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하고, 상기 제1 윈도우 상에 상기 제2 윈도우를 중첩하여 상기 GUI 요소에 애니메이션 효과를 부가하는 제어부를 포함한다.
이 경우, 상기 트렌지션 이미지 요소는, 상기 GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소와 동일한 크기로 동일한 위치에 디스플레이될 수 있다.
이 경우, 상기 제어부는 상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소의 컬러를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러가 순차적으로 변경되는 애니메이션 효과를 부가할 수 있다.
한편, 상기 트랜지션 이미지 요소는, 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소의 음영에 해당하는 위치에 디스플레이될 수 있다.
이 경우, 상기 제어부는 상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 애니메이션 효과를 부가할 수 있다.
한편, 상기 트랜지션 이미지 요소는, 상기 GUI 요소의 주변 영역에 부가적인 애니메이션 이미지가 보이도록, 상기 제2 윈도우 상에서 상기 GUI 요소의 주변 영역에 대응되는 위치에 디스플레이될 수 있다.
한편, 상기 트랜지션 이미지 요소는, 상기 GUI 요소에 대하여 컬러 변화, 음영 변화, 부가 이미지 표시 중 적어도 하나의 애니메이션 효과를 부가하기 위하여 상기 제2 윈도우 상에 표시될 수 있다.
한편, 상기 제어부는, 상기 애니메이션 효과가 완료되면 상기 제2 윈도우를 제거하고, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러를 최종 변경 상태로 변경하여 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.
한편, 상기 제2 윈도우는, 상기 화면 전체 영역 중 상기 애니메이션 효과를 부가하고자 하는 GUI 요소가 위치하는 영역에만 부분적으로 중첩될 수 있다.
한편, 상기 이벤트는, 상기 제1 윈도우에 디스플레이되는 GUI 요소가 선택되는 제1 이벤트, 상기 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치하는 제2 이벤트, 기 설정된 시간 주기가 도래하는 제3 이벤트, 상기 디스플레이 장치가 턴-온 또는 턴-오프되는 제4 이벤트 중 적어도 하나임이 바람직하다.
이상과 같은 본 발명의 다양한 실시 예에 따르면, 애니메이션 효과를 부가하는 별도의 윈도우를 생성하므로, 애니메이션 효과를 부가함에 따라 발생될 수 있는 흔들림 현상을 방지하고, 저사양 디스플레이 장치에서 용이하게 구현할 수 있게 된다.
도 1은 본 발명의 일 실시 예에 따른 디스플레이 장치의 구성을 설명하는 블록도,
도 2a 및 도 2b는 본 발명의 일 실시 예에 따른 윈도우의 구성을 설명하기 위한 도면,
도 3a 및 도 3b는 본 발명의 일 실시 예에 따른 애니메이션 효과를 부가하는 방법을 설명하기 위한 도면,
도 4a 및 도 4b는 본 발명의 다른 실시 예에 따른 애니메이션 효과를 부가하는 방법을 설명하기 위한 도면,
도 5a 및 도 5b는 본 발명의 또 다른 실시 예에 따른 애니메이션 효과를 부가하는 방법을 설명하기 위한 도면,
도 6은 본 발명의 일 실시 예에 따른 디스플레이 방법을 설명하기 위한 흐름도 그리고,
도 7은 본 발명의 일 실시 예에 따른 디스플레이 방법을 설명하기 위한 흐름도이다.
이하에서는 도면을 참조하여 본 발명을 보다 상세하게 설명한다.
본 발명의 일 실시 예에 따르면, 디스플레이 장치는 디스플레이부 및 제어부를 포함한다. 디스플레이부는 적어도 하나의 GUI(Graphic User Interface) 요소를 포함하는 제1 윈도우를 화면상에 디스플레이할 수 있다. 그리고, 제어부는 GUI 요소를 제어하기 위한 이벤트가 발생되면, 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하고, 제1 윈도우 상에 상기 제2 윈도우를 중첩하여 상기 GUI 요소에 애니메이션 효과를 부가할 수 있다.
이하에서는, 본 실시 예에 따른 디스플레이 장치의 세부 구성을 보다 상세히 설명한다.
도 1은 본 발명의 일 실시 예에 따른 디스플레이 장치의 세부 구성을 설명하는 블록도이다. 도 1에 도시된 디스플레이 장치(100)는 화면 상에 배치된 제1 윈도우에 적어도 하나의 GUI(Graphic User Interface) 요소를 디스플레이하고, GUI 요소를 제어하기 위한 이벤트가 발생되면, 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하며, 제1 윈도우 상에 제2 윈도우를 중첩하여 GUI 요소에 애니메이션 효과를 부가할 수 있다. 그리고, 애니메이션 효과가 완료되면 제2 윈도우를 제거하고, 제1 윈도우 상의 GUI 요소를 최종 변경 상태로 변경하여 디스플레이할 수 있다.
여기서, 윈도우란 영상이 표시되는 화면 상에 부가되는 그래픽 레이어로서, GUI 요소 또는 트렌지션(transition) 이미지 요소가 디스플레이될 수 있다.
또한, 트렌지션 이미지 요소란, GUI 요소의 컬러, 음영이 변경되는 것처럼 보이도록 하는 이미지 요소를 의미하거나, 또는 GUI 요소의 주변 영역에 부가적인 애니메이션 이미지가 보이도록 하는 이미지 요소를 의미할 수 있다.
또한, 이벤트란, 제1 윈도우에 디스플레이되는 GUI 요소를 선택하는 사용자 명령, 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치시키는 사용자 명령, 기 설정된 시간 주기가 도래하는 이벤트 및 디스플레이 장치가 턴-온 또는 턴-오프되는 이벤트를 의미할 수 있다.
이에 따라, 본 실시 예에 따른, 디스플레이 장치(100)는 서로 다른 윈도우 상에 각각 디스플레이되는 GUI 요소 및 트렌지션 이미지 요소를 중첩함으로써, GUI 요소의 컬러, 음영이 변경되거나 GUI 요소의 주변 영역에 부가적인 이미지가 보이도록 하는 애니메이션 효과를 사용자에게 제공할 수 있게 된다.
이러한 기능을 수행하는 디스플레이 장치(100)는 도 1에 도시된 바와 같이, 수신부(110), 신호분리부(120), A/V처리부(130), 출력부(140), 인터페이스부(150), 제어부(160), 저장부(170), GUI 생성부(180) 및 입력부(190)를 포함한다.
수신부(110)는 방송국 또는 위성으로부터 유선 또는 무선으로 방송을 수신하여 복조한다. 구체적으로 수신부(110)는 적어도 하나의 튜너로 구현가능하다. 경우에 따라서 수신부(110)는 복수 개의 튜너를 구비하여, 복수 개의 채널에서 동시에 방송신호를 수신할 수도 있다.
신호분리부(120)는 방송신호를 영상신호, 음성신호, 방송정보로 분리한다. 그리고, 신호분리부(120)는 영상신호 및 음성신호를 A/V처리부(130)로 전송하고, 방송정보를 저장부(170), 제어부(160) 및 GUI생성부(180)로 전송한다.
A/V 처리부(130)는 신호분리부(120) 및 인터페이스부(150)에서 입력되는 영상신호 및 음성신호에 대해 비디오 디코딩, 비디오 스케일링, 오디오 디코딩 등의 신호처리를 수행한다. 또한, A/V 처리부(130)는 영상신호를 디스플레이부(146)로 출력하고, 음성신호를 오디오 출력부(143)로 출력한다.
반면, 영상신호 및 음성신호를 저장부(170)에 저장하거나 인터페이스부(미도시)를 통해 외부기기로 전송하는 경우, A/V 처리부(130)는 영상 신호와 음성 신호를 압축된 형태로 저장부(170) 또는 인터페이스부(150)에 출력하게 된다.
출력부(140)는 오디오 출력부(143) 및 디스플레이부(146)를 포함한다.
오디오 출력부(143)는 A/V 처리부(130)에서 출력되는 음성을 스피커를 통해 출력시키거나, 외부 출력단자를 통해 연결된 외부기기(예를 들면, 외부 스피커)로 출력한다.
디스플레이부(146)는 A/V 처리부(130)에서 출력되는 영상을 디스플레이에 표시하거나 외부 출력단자를 통해 연결된 외부기기(예를 들면, 외부 디스플레이)로 출력한다.
특히, 디스플레이부(146)는 GUI 처리부(180)에서 생성된 복수의 윈도우를 화면 상에 디스플레이할 수 있다. 구체적으로, 디스플레이부(146)는 GUI 요소를 포함하는 제1 윈도우 및 트렌지션 이미지를 포함하는 제2 윈도우를 중첩하여, 영상이 표시된 화면 상에 디스플레이할 수 있다.
인터페이스부(150)는 다양한 트랜지션 이미지 요소에 대한 각종 정보를 수신하기 위해, 디스플레이 장치(100)를 인터넷 등의 통신망에 연결하거나 또는 외부 서버, 다른 영상 기기와 연결되는 기능을 한다.
저장부(170)는 GUI 처리부(180)에서 생성되거나 외부로부터 수신된 다양한 GUI 요소, 트랜지션 이미지 요소 및 부가적인 이미지 요소에 대한 정보를 저장한다.
GUI 처리부(180)는 화면에 표시될 GUI를 생성하고, 생성한 GUI를 A/V처리부(130)에서 출력되는 영상에 부가한다.
구체적으로, GUI 처리부(180)는 아이콘, 버튼, 커서 등에 대한 GUI 요소를 생성하며, GUI 요소에 애니메이션 효과를 부가하기 위한 트랜지션 이미지 요소를 생성할 수 있다. 또한, GUI 처리부(180)는 윈도우 생성부(미도시)를 포함하여, 영상이 출력되는 화면 상에 부가되는 제1 윈도우 및, 제1 윈도우 상에 부가되는 제2 윈도우를 생성할 수 있다.
특히, GUI 처리부(180)는 GUI 요소의 컬러가 기설정된 패턴으로 변경되는 것처럼 보이도록 하기 위해, GUI 요소와 동일한 크기를 가지며 적어도 하나의 서로 다른 컬러로 이루어진 트랜지션 이미지 요소, GUI 요소의 음영이 기설정된 패턴으로 변경되는 것처럼 보이도록 하기 위해 음영은 나타내는 적어도 하나의 서로 다른 형태로 이루어진 트랜지션 이미지 요소, GUI 요소에 부가적인 이미지가 보이도록 하기 위해 적어도 하나의 서로 다른 형태 또는 컬러로 이루어진 트랜지션 이미지 요소를 생성할 수 있다.
또한, GUI 처리부(180)는 애니메이션 효과가 완료되면 그에 따라 최종 변경 상태를 나타내는 GUI 요소를 생성할 수 있다. 구체적으로, 변경된 컬러를 가지는 GUI 요소, 볼록한 상태 또는 눌린 상태를 가지는 GUI 요소 및 부가 이미지가 포함된 GUI 요소 등을 생성할 수 있다.
입력부(190)는 사용자 조작(예를 들면, 재핑 명령)을 입력받기 위한 구성으로, 숫자 버튼, 채널 탐색 버튼(채널 업 버튼/ 채널 다운 버튼), 음량 조절 버튼, 커서 제어 버튼이 포함된 조작패널로 구현될 수 있으며, 또는 이러한 사용자 조작을 전송하는 외부의 리모콘(200) 동작을 수신하기 위한 리모콘 수신부로서 동작할 수 있다.
그리고, 입력부(190)는 입력된 사용자 조작을 제어부(160)에 전송한다.
제어부(160)는 입력부(190)로부터 전달되는 사용자의 조작 내용을 기초로 사용자 명령을 파악하고, 파악한 사용자 명령에 따라 디스플레이 장치(100) 각 구성의 전반적인 동작을 제어한다.
특히, 제어부(160)는 GUI 처리부(180)를 제어하여 제1 윈도우 및 제2 윈도우를 생성하고, 이를 영상이 출력되는 화면 상에 부가할 수 있다. 구체적으로, 제어부(160)는 A/V 처리부(130)에서 출력되는 영상이 디스플레이되는 메인 윈도우 상에 제1 윈도우를 부가하고, 제1 윈도우 상에 제2 윈도우를 부가할 수 있다. 이에 따라, 메인 윈도우 상에 제1 윈도우와 제2 윈도우는 중첩되는 형태로 구현할 수 있다.
또한, 제어부(160)는 제1 윈도우에 GUI 요소를 디스플레이할 수 있다. 구체적으로, 제어부(160)는 제1 윈도우 상에 버튼, 아이콘, 커서 등에 대한 GUI 요소를 나타내는 프레임을 디스플레이할 수 있다. 이 경우, GUI 요소가 제1 윈도우 상에 기설정된 영역에 디스플레이되도록 할 수 있다.
그리고, GUI 요소를 제어하기 위한 이벤트가 발생되면 이벤트에 대응되는 애니메이션 효과를 GUI 요소에 부가하기 위해, 제어부(160)는 트랜지션 이미지 요소를 나타내는 프레임을 제2 윈도우에 디스플레이할 수 있다.
여기서, GUI 요소를 제어하기 위한 이벤트는, 제1 윈도우에 디스플레이되는 GUI 요소가 선택되거나, 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치되거나, 기 설정된 시간 주기가 도래하거나, 디스플레이 장치가 턴-온 또는 턴-오프되는 이벤트 중 적어도 하나일 수 있다.
구체적으로, 제어부(160)는 GUI 요소에 컬러 변화의 애니메이션 효과를 부가하기 위해, 트랜지션 이미지 요소의 컬러를 순차적으로 변경시켜 제2 윈도우 상에 디스플레이할 수 있다. 즉, 제어부(160)는 적어도 하나의 서로 다른 컬러를 가지는 트랜지션 이미지 요소를 제2 윈도우에 순차적으로 디스플레이할 수 있으며, 이 경우, 트랜지션 이미지 요소는 GUI 요소와 동일한 크기로, 동일한 위치에 디스플레이된다.
또한, 제어부(160)는 GUI 요소에 음영 변화의 애니메이션 효과를 부가하기 위해, 트랜지션 이미지 요소의 형태를 순차적으로 변경시켜 제2 윈도우 상에 디스플레이할 수 있다. 즉, 제어부(160)는 음영을 나타내는 적어도 하나의 서로 다른 형태를 가지는 트랜지션 이미지 요소를 제2 윈도우에 순차적으로 디스플레이할 수 있으며, 이 경우, 트랜지션 이미지 요소는 GUI 요소의 음영에 해당하는 위치에 디스플레이된다.
또한, 제어부(160)는 GUI 요소의 주변 영역에 부가적인 이미지가 생성되는 애니메이션 효과를 부가하기 위해, 트랜지션 이미지 요소의 컬러 및 형태를 순차적으로 변경시켜 제2 윈도우 상에 디스플레이할 수 있다. 즉, 제어부(160)는 부가적인 이미지를 나타내며 적어도 하나의 서로 다른 컬러 및 형태를 가지는 트랜지션 이미지 요소를 제2 윈도우에 순차적으로 디스플레이할 수 있으며, 이 경우, 트랜지션 이미지 요소는 GUI 요소의 주변 영역에 대응되는 위치에 디스플레이된다.
또한, 제어부(160)는 GUI 요소에 대하여 컬러 변화, 음영 변화, 부가 이미지 표시 중 적어도 하나의 애니메이션 효과를 부가하기 위해 트랜지션 이미지 요소를 제2 윈도우에 순차적으로 디스플레이할 수 있다. 즉, 제어부(160)는 GUI 요소의 컬러 변화, 음영 변화, 부가 이미지 표시의 애니메이션 효과를 부가하기 위한 트랜지션 이미지 요소 각각을 조합하여 제2 윈도우에 디스플레이할 수도 있다.
한편, 제어부(160)는 화면 전체 영역 중 애니메이션 효과를 부가하고자하는 GUI 요소가 위치하는 영역에만 부분적으로 제2 윈도우를 생성할 수도 있다. 구체적으로, 제어부(160)는 생성된 제2 윈도우를 복수의 영역으로 분할하고, 분할된 영역 중 GUI 요소가 위치하는 영역과 대응되는 영역에만 트랜지션 이미지 요소에 대한 프레임이 디스플레이되도록 할 수 있다.
한편, 제어부(160)는 메인 윈도우 상에 제1 윈도우와 제2 윈도우를 중첩되는 형태로 구현할 수 있음은 전술한 바 있다. 이 경우, 제어부(160)는 알파 브렌딩(alpha blending) 기법을 적용하여 제2 윈도우의 투명도를 조절함으로써, 제2 윈도우 상에 디스플레이된 트랜지션 이미지 요소를 이용하여 제1 윈도우 상에 디스플레이된 GUI 요소에 애니메이션 효과를 부가할 수 있다.
여기서, 알파 블렌딩(alpha blending) 기법은 그래픽 레이어에 투명도를 나타내는 알파값(alpha)을 두고, 이를 이용하여 겹쳐지는 다수 영상의 투명도를 조정함으로써, 한 화면에 다수의 영상이 동시에 디스플레이될 수 있도록 하는 방법이다.
구체적으로, 제어부(160)는 제1 윈도우 상에 디스플레이된 GUI 요소가 제2 윈도우 상에 디스플레이된 트랜지션 이미지 요소와 중첩되는 경우, 제2 윈도우의 투명도를 조절하여, GUI 요소와 트랜지션 이미지 요소가 겹쳐져서 디스플레이될 수 있도록 한다.
또한, 제어부(160)는 애니메이션 효과가 완료되면, 제2 윈도우를 제거하고 GUI 요소의 표시 상태를 최종 변경 상태로 하여 제1 윈도우 상에 디스플레이할 수 있다.
여기서, 최종 변경 상태는 GUI 요소에 부가되는 애니메이션 효과에 따라 다를 수 있다. 구체적으로, GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이기 위한 애니메이션 효과의 경우, 최종 변경 상태는 GUI 요소의 컬러가 변경된 상태를 의미할 수 있다. 또한, GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이기 위한 애니메이션 효과의 경우, 최종 변경 상태는 애니메이션 효과가 부가되기 전의 GUI 요소보다 볼록한 상태 또는 눌린 상태를 의미할 수 있다. 마지막으로, GUI 요소의 주변 영역에 부가적인 이미지가 표시되는 것처럼 보이기 위한 애니메이션 효과의 경우, 최종 변경 상태는 애니메이션 효과가 부가되기 전의 GUI 요소와 동일한 상태 또는 특정 이미지가 부가된 GUI 요소가 될 수 있다.
한편, 상술한 실시 예에서 디스플레이 장치가 턴-온 또는 턴-오프되거나 기 설정된 시간 주기가 도래하면, GUI 요소에 애니메이션 효과가 부가됨은 전술한 바 있다. 이 경우, 제1 윈도우 상에 디스플레이된 모든 GUI 요소에 대해 애니메이션 효과를 부가할 수 있으며, 또는 특정 GUI 요소부터 순차적으로 애니메이션 효과를 부가할 수도 있으며, 이는 사용자에 의해 설정가능함은 물론이다.
한편, 상술한 실시 예에서는 하나의 윈도우에 애니메이션 효과를 부가하기 위한 트랜지션 이미지 요소가 디스플레이되는 것을 설명하였으나, 이는 일 예에 불과하다. 즉, 제2 윈도우 상에 적어도 하나의 윈도우를 더 부가하고, 부가된 윈도우에 또 다른 트랜지션 이미지 요소를 디스플레이하여 3개 이상의 윈도우를 중첩하여 GUI 요소에 애니메이션 효과를 부가할 수 있음은 물론이다.
다른 한편, 상술한 실시 예에서는 애니메이션 효과로 UI 요소의 컬러 변화, 음영 변화 및 부가 이미지가 표시되는 것만을 설명하였으나, 이 역시 일 예에 불과하다. GUI 요소의 위치, 형태, 표시 방향이 기설정된 패턴으로 변경되는 것처럼 보이도록 하는 트랜지션 이미지 요소를 제2 윈도우 상에 디스플레이할 수도 있음은 물론이다.
일 예로, 제1 윈도우 상에 디스플레이된 GUI 요소의 형태가 변경되는 것처럼 보이도록 하는 애니메이션 효과를 구현하기 위해, 제1 윈도우와 중첩된 제2 윈도우 상에 GUI 요소와 다른 형태를 가지는 트랜지션 이미지 요소를 부가할 수 있다. 이 경우에도, 제2 윈도우의 투명도를 조절하여, 트랜지션 이미지 요소에 의해 GUI 요소의 형태만을 변경할 수 있음은 물론이다.
한편, 상술한 실시 예와 같은 디스플레이 장치(100)는 GUI 요소를 디스플레이할 수 있는 장치로써, 디지털 TV로 구현 가능하다. 하지만, 이에 한정되지 않으며 휴대폰, PMP, MP3, PC 등으로도 구현가능할 수 있다.
도 2a 및 도 2b는 본 발명의 일 실시 예에 따른 윈도우의 구성을 설명하기 위한 도면이다. 도 2a에 도시된 바와 같이, 윈도우는 그래픽 레이어로서, 서로 다른 3개의 윈도우가 중첩되는 형태로 구현될 수 있다. 즉, 본 실시 예의 디스플레이 장치는 영상을 출력하는 메인 윈도우(210) 상에 제1 윈도우(220)를 부가하고, 제1 윈도우(220) 상에 제2 윈도우(230)를 부가할 수 있다. 여기서, 제1 윈도우(220) 상에는 GUI 요소가 디스플레이되며, 제2 윈도우(230) 상에는 트랜지션 이미지 요소가 디스플레이된다. 또한, 도 2b에 도시된 바와 같이, 제2 윈도우(230)는 복수의 영역을 가지도록 분할하여 생성할 수 있다. 이에 따라, GUI 요소가 디스플레이되는 영역에 대응되는 영역에만 트랜지션 이미지 요소를 포함하는 프레임을 디스플레이할 수 있다.
한편, 상술한 실시 예에서는 9개의 영역으로 제2 윈도우를 분할하는 것을 설명하였지만, 이는 일 예에 불과하다. 영상이 출력되는 메인 윈도우의 크기 및 GUI 요소가 디스플레이되는 위치에 따라, 제2 윈도우를 더 많거나 적은 영역으로 분할할 수 있음은 물론이다.
도 3a 및 도 3b는 본 발명의 일 실시 예에 따른 애니메이션 효과를 부가하는 방법을 설명하기 위한 도면이다. 도 3a 및 도 3b에서는 GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이는 애니메이션 효과를 부가하는 방법을 일 예로 설명한다.
이를 위해, 먼저, 도 3a에 도시된 바와 같이, 제1 윈도우 상에는 특정 컬러를 가지는 '확인' 아이콘에 대한 GUI 요소(301)를 포함하는 기본 프레임이 디스플레이된다. 이후, GUI 요소를 제어하기 위한 이벤트가 발생되면, 제2 윈도우 상에는 적어도 하나의 서로 다른 컬러를 가지는 트랜지션 이미지 요소(312 내지 316)를 포함하는 각 프레임이 순차적으로 디스플레이된다,
이 경우, 트랜지션 이미지 요소(302 내지 306)는 '확인' 아이콘에 대한 GUI 요소(301)와 동일한 크기로, 동일한 위치에 제2 윈도우 상에 디스플레이된다. 이때, 제2 윈도우의 투명도를 조절하면, '확인' 아이콘에 대한 GUI 요소(301)와 순차적으로 디스플레이되는 트랜지션 이미지 요소(302 내지 306)는 각 프레임마다 중첩되어 디스플레이됨으로써, 애니메이션 효과가 부가될 수 있다.
한편, 애니메이션 효과가 완료되면, 제2 윈도우는 제거되고, GUI 요소(301)의 컬러는 최종 변경 상태로 변경되어 제1 윈도우 상에 디스플레이된다(307).
결과적으로, 도 3b에 도시된 바와 같이, 사용자는 특정 컬러를 가지는 '확인' 아이콘에 대한 GUI 요소(301)를 포함하는 영상 프레임, '확인' 아이콘에 대한 GUI 요소(301)와 트랜지션 이미지 요소(302 내지 306) 각각이 오버랩된 이미지(즉, 312 내지 316)를 포함하는 영상 프레임, 컬러가 최종적으로 변경된 '확인' 아이콘에 대한 GUI 요소(307)를 포함하는 영상 프레임을 순차적으로 보게 되며, 이에 따라, 사용자에게 GUI 요소의 컬러가 기설정된 패턴으로 변경되는 시각적 효과를 제공할 수 있게 된다.
도 4a 및 도 4b는 본 발명의 다른 실시 예에 따른 애니메이션 효과를 부가하는 방법을 설명하기 위한 도면이다. 도 4a 및 도 4b에서는 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이는 애니메이션 효과를 부가하는 방법을 일 예로 설명한다.
이를 위해, 먼저, 도 4a에 도시된 바와 같이, 제1 윈도우 상에는 '확인' 아이콘에 대한 GUI 요소(401)를 포함하는 기본 프레임이 디스플레이된다. 이후, GUI 요소를 제어하기 위한 이벤트가 발생 되면, 제2 윈도우 상에는 음영에 대해 적어도 하나의 서로 다른 형태, 즉, 시간에 따른 음영의 변경 상태를 나타내는 트랜지션 이미지 요소(402 내지 406)를 포함하는 각 프레임이 순차적으로 디스플레이된다.
이 경우, 트랜지션 이미지 요소(402 내지 406)는 제2 윈도우 상에서 '확인' 아이콘에 대한 GUI 요소(401)의 음영에 해당하는 위치에 디스플레이된다. 이때, 제2 윈도우의 투명도를 조절하면 '확인' 아이콘에 대한 GUI 요소(401)와 트랜지션 이미지 요소(402 내지 406)는 각 프레임마다 중첩되어 디스플레이되므로, 애니메이션 효과가 부가될 수 있다.
한편, 애니메이션 효과가 완료되면, 제2 윈도우는 제거되며, GUI 요소(401)의 형태는 최종 변경 상태로 변경되어 제1 윈도우 상에 디스플레이된다(407). 이 경우, 최종 변경 상태에 대한 GUI 요소는 볼록한 상태의 '확인' 아이콘이 될 수 잇다.
결과적으로, 도 4b에 도시된 바와 같이, 사용자는 '확인' 아이콘에 대한 GUI 요소(401)를 포함하는 영상 프레임, '확인' 아이콘에 대한 GUI 요소(401)와 트랜지션 이미지 요소(402 내지 406) 각각이 오버랩된 이미지(즉, 412 내지 416)를 포함하는 영상 프레임 및 볼록한 상태의 '확인' 아이콘에 대한 GUI 요소(407)를 포함하는 영상 프레임을 순차적으로 보게 되며, 이에 따라, 사용자에게 GUI 요소의 음영이 기설정된 패턴으로 변경되는 효과를 제공할 수 있다.
도 5a 및 도 5b는 본 발명의 또 다른 실시 예에 따른 애니메이션 효과를 부가하는 방법을 설명하기 위한 도면이다. 도 5a 및 도 5b에서는 GUI 요소의 주변 영역에 부가적인 이미지가 표시되는 것처럼 보이는 애니메이션 효과를 부가하는 방법에 대한 일 예에 해당한다.
도 5a 및 도 5b에서와 같이, 트랜지션 이미지 요소(502 내지 506)는 제2 윈도우 상에서 '확인' 아이콘에 대한 GUI 요소(501)의 주변 영역에 해당하는 위치에 디스플레이된다. 그리고, 제1 윈도우 및 제2 윈도우가 오버랩된 이미지(512 내지 516)를 포함하는 영상 프레임이 순차적으로 디스플레이되므로, 사용자에게 '확인' 아이콘에 대한 GUI 요소의 주변 영역에 부가적인 이미지가 표시되는 시각적인 효과를 제공할 수 있게 된다.
도 6은 본 발명의 일 실시 예에 따른 디스플레이 방법을 설명하기 위한 흐름도이다.
먼저, 화면 상에 배치된 제1 윈도우에 적어도 하나의 GUI요소를 디스플레이한다(S610). 여기서, GUI 요소는 아이콘, 버튼, 커서 등이 될 수 있다.
이후, GUI 요소를 제어하기 위한 이벤트가 발생되면(S620-Y), 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성한다(S630).
여기서, 트랜지션 이미지 요소는 GUI 요소에 부가하고자 하는 애니메이션 효과에 따라 다양한 형태의 이미지가 될 수 있으며, 배치되는 위치도 변경될 수 있다.
구체적으로, GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이도록 제2 윈도우 상에서 GUI 요소와 동일한 크기로 동일한 위치에, 적어도 하나의 서로 다른 컬러로 구성되어 디스플레이될 수 있으며, GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이도록 제2 윈도우 상에서 GUI 요소의 음영에 해당하는 위치에, GUI 요소의 음영에 해당하는 서로 다른 형태로 구성되어 디스플레이될 수 있으며, GUI 요소의 주변 영역에 부가적인 애니메이션 이미지가 보이도록, 제2 윈도우 상에서 GUI 요소의 주변 영역에 대응되는 위치에, 부가적인 이미지 형태로 디스플레이될 수 있다. 또한, 이들 애니메이션 효과를 중첩적으로 부가할 수도 있다.
이후, 제1 윈도우 상에 제2 윈도우를 중첩하여 GUI 요소에 애니메이션 효과를 부가한다(S640). 이 경우, 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소의 컬러를 순차적으로 변경시켜, 제1 윈도우 상의 GUI 요소의 컬러가 순차적으로 변경되는 애니메이션 효과를 부가할 수 있다. 또한, GUI 요소의 음영에 대한 트랜지션 이미지 요소를 순차적으로 변경시켜, 제1 윈도우 상의 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 애니메이션 효과를 부가할 수 있다.
한편, 애니메이션 효과가 완료되면 제2 윈도우를 제거하고, 제1 윈도우 상의 GUI 요소를 최종 변경 상태로 변경하여 디스플레이할 수 있다. 구체적으로, GUI 요소의 컬러를 최종 변경 상태로 변경하거나, GUI 요소의 음영이 부가된 최종 변경 상태로 변경하여 디스플레이할 수 있다. 또한, 처음과 동일한 GUI 요소를 디스플레이할 수도 있다.
한편, S610 단계에서, 제2 윈도우는, 화면 전체 영역 중 애니메이션 효과를 부가하고자 하는 GUI 요소가 위치하는 영역에만 부분적으로 중첩될 수 있다. 즉, 생성된 제2 윈도우를 복수의 영역으로 분할하고, 분할된 영역 중 GUI 요소가 위치하는 영역에 대응되는 영역에만 트랜지션 이미지 요소에 대한 프레임이 디스플레이되도록 할 수 있다.
한편, S620 단계에서, 이벤트는 제1 윈도우에 디스플레이되는 GUI 요소가 선택되는 이벤트, 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치하는 이벤트, 기 설정된 시간 주기가 도래하는 이벤트, 디스플레이 장치가 턴-온 또는 턴-오프되는 이벤트 중 적어도 하나일 수 있다.
도 7은 본 발명의 일 실시 예에 따른 디스플레이 방법을 보다 상세히 설명하기 위한 흐름도이다.
먼저, 제1 윈도우 상에 디스플레이된 GUI 요소를 제어하기 위한 이벤트가 발생되면(S710), 애니메이션 효과가 시작된다(S720). 구체적으로, GUI 요소에 애니메이션 효과를 부가하기 위한 트랜지션 이미지 요소가 디스플레이되는 제2 윈도우를 생성하고, 이를 제1 윈도우 상에 부가한다.
이후, 해당 애니메이션 효과를 부가하기 위한 트랜지션 이미지 요소를 포함하는 프레임(즉, 애니메이션 프레임)을 출력하여 디스플레이한다(S730). 구체적으로, 전체 애니메이션 프레임이 모두 출력될 때까지 제2 윈도우 상에 애니메이션 프레임을 순차적으로 디스플레이한다(S740).
그리고, 애니메이션 프레임 모두가 순차적으로 디스플레이되면, 애니메이션 효과를 종료하고(S750), 이에 따라, 제2 윈도우를 제거한다.
이후, 최종 변경 상태(즉, GUI 요소의 최종 이미지)에 해당하는 GUI 요소를 출력한다(S760).
상술한 방법들은 본 발명의 일 실시 예에 따른 디스플레이 장치에 의해 구현될 수 있으며, 본 디스플레이 장치의 모든 구성이 구비되지 않은 다른 장치에 의해서도 구현될 수 있다.
또한, 본 발명에서는, 상술한 것과 같이 영상 표시 방법을 실행하기 위한 프로그램을 포함하는 컴퓨터 판독 기록매체를 포함할 수 있다. 컴퓨터 판독 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 컴퓨터 판독 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플라피디스크, 광데이터 저장장치 등이 있으며, 또한 컴퓨터 판독 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.
또한, 이상에서는 본 발명의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안될 것이다.
100 : 디스플레이 장치 110 : 수신부
120 : 신호분리부 130 : A/V 처리부
140 : 출력부 150 : 인터페이스부
160 : 제어부 170 : 저장부
180 : GUI 처리부 190 : 입력부

Claims (20)

  1. 디스플레이 장치에서 GUI 요소를 디스플레이하는 방법에 있어서,
    화면 상에 배치된 제1 윈도우에 적어도 하나의 GUI(Graphic User Interface) 요소를 디스플레이하는 단계;
    상기 GUI 요소를 제어하기 위한 이벤트가 발생되면, 상기 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하는 단계; 및
    상기 제1 윈도우 상에 상기 제2 윈도우를 중첩하여 상기 GUI 요소에 애니메이션 효과를 부가하는 단계;를 포함하는 디스플레이 방법.
  2. 제1항에 있어서,
    상기 트렌지션 이미지 요소는, 상기 GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소와 동일한 크기로 동일한 위치에 디스플레이되는 것을 특징으로 하는 디스플레이 방법.
  3. 제2항에 있어서,
    상기 GUI 요소에 애니메이션 효과를 부가하는 단계는,
    상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소의 컬러를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러가 순차적으로 변경되는 애니메이션 효과를 부가하는 것을 특징으로 하는 디스플레이 방법.
  4. 제1항에 있어서,
    상기 트랜지션 이미지 요소는, 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소의 음영에 해당하는 위치에 디스플레이되는 것을 특징으로 하는 디스플레이 방법.
  5. 제4항에 있어서,
    상기 GUI 요소에 애니메이션 효과를 부가하는 단계는,
    상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 애니메이션 효과를 부가하는 것을 특징으로 하는 디스플레이 방법.
  6. 제1항에 있어서,
    상기 트랜지션 이미지 요소는, 상기 GUI 요소의 주변 영역에 부가적인 애니메이션 이미지가 보이도록, 상기 제2 윈도우 상에서 상기 GUI 요소의 주변 영역에 대응되는 위치에 디스플레이되는 것을 특징으로 하는 디스플레이 방법.
  7. 제1항에 있어서,
    상기 트랜지션 이미지 요소는, 상기 GUI 요소에 대하여 컬러 변화, 음영 변화, 부가 이미지 표시 중 적어도 하나의 애니메이션 효과를 부가하기 위하여 상기 제2 윈도우 상에 표시되는 것을 특징으로 하는 디스플레이 방법.
  8. 제1항에 있어서,
    상기 애니메이션 효과가 완료되면 상기 제2 윈도우를 제거하고, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러를 최종 변경 상태로 변경하여 디스플레이하는 단계;를 더 포함하는 것을 특징으로 하는 디스플레이 방법.
  9. 제1항에 있어서,
    상기 제2 윈도우는, 상기 화면 전체 영역 중 상기 애니메이션 효과를 부가하고자 하는 GUI 요소가 위치하는 영역에만 부분적으로 중첩되는 것을 특징으로 하는 디스플레이 방법.
  10. 제1항에 있어서,
    상기 이벤트는,
    상기 제1 윈도우에 디스플레이되는 GUI 요소가 선택되는 제1 이벤트, 상기 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치하는 제2 이벤트, 기 설정된 시간 주기가 도래하는 제3 이벤트, 상기 디스플레이 장치가 턴-온 또는 턴-오프되는 제4 이벤트 중 적어도 하나인 것을 특징으로 하는 디스플레이 방법.
  11. GUI 요소를 디스플레이하는 디스플레이 장치에 있어서,
    적어도 하나의 GUI(Graphic User Interface) 요소를 포함하는 제1 윈도우를 화면상에 디스플레이하는 디스플레이부; 및
    상기 GUI 요소를 제어하기 위한 이벤트가 발생되면, 상기 이벤트에 대응되는 트렌지션(transition) 이미지 요소가 디스플레이되는 제2 윈도우를 생성하고, 상기 제1 윈도우 상에 상기 제2 윈도우를 중첩하여 상기 GUI 요소에 애니메이션 효과를 부가하는 제어부;를 포함하는 디스플레이 장치.
  12. 제11항에 있어서,
    상기 트렌지션 이미지 요소는, 상기 GUI 요소의 컬러가 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소와 동일한 크기로 동일한 위치에 디스플레이되는 것을 특징으로 하는 디스플레이 장치.
  13. 제12항에 있어서,
    상기 제어부는,
    상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소의 컬러를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러가 순차적으로 변경되는 애니메이션 효과를 부가하는 것을 특징으로 하는 디스플레이 장치.
  14. 제11항에 있어서,
    상기 트랜지션 이미지 요소는, 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 것처럼 보이도록 상기 제2 윈도우 상에서 상기 GUI 요소의 음영에 해당하는 위치에 디스플레이되는 것을 특징으로 하는 디스플레이 장치.
  15. 제14항에 있어서,
    상기 제어부는,
    상기 제2 윈도우에 디스플레이되는 트랜지션 이미지 요소를 순차적으로 변경시켜, 상기 제1 윈도우 상의 상기 GUI 요소의 음영이 기 설정된 패턴으로 변경되는 애니메이션 효과를 부가하는 것을 특징으로 하는 디스플레이 장치.
  16. 제11항에 있어서,
    상기 트랜지션 이미지 요소는, 상기 GUI 요소의 주변 영역에 부가적인 애니메이션 이미지가 보이도록, 상기 제2 윈도우 상에서 상기 GUI 요소의 주변 영역에 대응되는 위치에 디스플레이되는 것을 특징으로 하는 디스플레이 장치.
  17. 제11항에 있어서,
    상기 트랜지션 이미지 요소는, 상기 GUI 요소에 대하여 컬러 변화, 음영 변화, 부가 이미지 표시 중 적어도 하나의 애니메이션 효과를 부가하기 위하여 상기 제2 윈도우 상에 표시되는 것을 특징으로 하는 디스플레이 장치.
  18. 제11항에 있어서,
    상기 제어부는,
    상기 애니메이션 효과가 완료되면 상기 제2 윈도우를 제거하고, 상기 제1 윈도우 상의 상기 GUI 요소의 컬러를 최종 변경 상태로 변경하여 디스플레이하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 디스플레이 장치.
  19. 제11항에 있어서,
    상기 제2 윈도우는, 상기 화면 전체 영역 중 상기 애니메이션 효과를 부가하고자 하는 GUI 요소가 위치하는 영역에만 부분적으로 중첩되는 것을 특징으로 하는 디스플레이 장치.
  20. 제11항에 있어서,
    상기 이벤트는,
    상기 제1 윈도우에 디스플레이되는 GUI 요소가 선택되는 제1 이벤트, 상기 제1 윈도우에 디스플레이되는 GUI 요소 상에 커서가 위치하는 제2 이벤트, 기 설정된 시간 주기가 도래하는 제3 이벤트, 상기 디스플레이 장치가 턴-온 또는 턴-오프되는 제4 이벤트 중 적어도 하나인 것을 특징으로 하는 디스플레이 장치.
KR1020110035398A 2011-04-15 2011-04-15 디스플레이 방법 및 이를 적용한 디스플레이 장치 KR20120117578A (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020110035398A KR20120117578A (ko) 2011-04-15 2011-04-15 디스플레이 방법 및 이를 적용한 디스플레이 장치
EP12151968.0A EP2511901A3 (en) 2011-04-15 2012-01-20 Displaying method and display apparatus using the same
CN2012100362889A CN102736841A (zh) 2011-04-15 2012-02-15 显示方法以及使用该显示方法的显示设备
US13/438,892 US20120262483A1 (en) 2011-04-15 2012-04-04 Displaying method and display apparatus using the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110035398A KR20120117578A (ko) 2011-04-15 2011-04-15 디스플레이 방법 및 이를 적용한 디스플레이 장치

Publications (1)

Publication Number Publication Date
KR20120117578A true KR20120117578A (ko) 2012-10-24

Family

ID=45655176

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110035398A KR20120117578A (ko) 2011-04-15 2011-04-15 디스플레이 방법 및 이를 적용한 디스플레이 장치

Country Status (4)

Country Link
US (1) US20120262483A1 (ko)
EP (1) EP2511901A3 (ko)
KR (1) KR20120117578A (ko)
CN (1) CN102736841A (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20150081687A (ko) * 2014-01-06 2015-07-15 삼성전자주식회사 영상표시장치, 영상표시장치의 구동방법 및 영상표시방법
KR20180104658A (ko) * 2016-01-20 2018-09-21 알리바바 그룹 홀딩 리미티드 컬러 트윈 애니메이션을 실현하는 방법 및 장치

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8160400B2 (en) 2005-11-17 2012-04-17 Microsoft Corporation Navigating images using image based geometric alignment and object based controls
JP6740900B2 (ja) * 2014-07-02 2020-08-19 ソニー株式会社 画像処理装置、画像処理方法およびプログラム
US10013789B2 (en) * 2015-11-20 2018-07-03 Google Llc Computerized motion architecture
CN108010120A (zh) * 2017-11-30 2018-05-08 网易（杭州）网络有限公司 静态阴影的显示方法、装置、存储介质、处理器及终端
CN115755397A (zh) * 2019-04-26 2023-03-07 苹果公司 具有低光操作的头戴式显示器
CN113434223A (zh) * 2020-03-23 2021-09-24 北京字节跳动网络技术有限公司 特效处理方法及装置

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5638501A (en) * 1993-05-10 1997-06-10 Apple Computer, Inc. Method and apparatus for displaying an overlay image
US7490295B2 (en) * 2004-06-25 2009-02-10 Apple Inc. Layer for accessing user interface elements
JP4876610B2 (ja) * 2006-02-14 2012-02-15 セイコーエプソン株式会社 画像表示システム，画像表示方法，画像表示プログラム，記録媒体，データ処理装置
JP4518181B2 (ja) * 2008-04-17 2010-08-04 セイコーエプソン株式会社 画像送信装置、表示システム、画像送信プログラム及び記録媒体
JP5080401B2 (ja) * 2008-08-25 2012-11-21 株式会社Ｐｆｕ 情報処理装置、透過表示要素制御方法およびプログラム
JP4529020B1 (ja) * 2009-02-05 2010-08-25 株式会社ヤッパ 情報表示装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20150081687A (ko) * 2014-01-06 2015-07-15 삼성전자주식회사 영상표시장치, 영상표시장치의 구동방법 및 영상표시방법
KR20180104658A (ko) * 2016-01-20 2018-09-21 알리바바 그룹 홀딩 리미티드 컬러 트윈 애니메이션을 실현하는 방법 및 장치
US10930026B2 (en) 2016-01-20 2021-02-23 Advanced New Technologies Co., Ltd. Method and apparatus for realizing color tween animation
US11328459B2 (en) 2016-01-20 2022-05-10 Advanced New Technologies Co., Ltd. Method and apparatus for realizing color tween animation

Also Published As

Publication number Publication date
CN102736841A (zh) 2012-10-17
EP2511901A3 (en) 2015-09-02
EP2511901A2 (en) 2012-10-17
US20120262483A1 (en) 2012-10-18

Similar Documents

Publication Publication Date Title
KR20120117578A (ko) 디스플레이 방법 및 이를 적용한 디스플레이 장치
CN109618206B (zh) 呈现用户界面的方法和显示设备
CN108762702A (zh) 移动终端、图像显示装置及使用其的用户接口提供方法
EP2587830B1 (en) Display apparatus and display method thereof
KR101913206B1 (ko) 디스플레이 장치 및 이의 부팅 방법
KR20100128960A (ko) 영상표시장치 및 그 동작방법
CN109429097A (zh) 图像显示设备及其操作方法
EP2469883A1 (en) Display apparatus and method for playing menu applied thereto
CN110659010A (zh) 一种画中画显示方法以及显示设备
KR20110120132A (ko) 원격제어장치 및 그 동작 제어방법
KR101003506B1 (ko) 애플리케이션 인스톨이 가능한 영상표시기기 및 그 동작 제어방법
CN111176603A (zh) 一种用于显示设备的图像显示方法及显示设备
EP3038374A1 (en) Display device and display method
CN111954059A (zh) 屏保的展示方法及显示设备
EP3203728A1 (en) Display apparatus and display method
CN112214190A (zh) 显示设备资源播放方法及显示设备
CN113518257A (zh) 多系统投屏处理方法与设备
KR101571718B1 (ko) 영상 표시 장치 및 그 동작 방법
CN110572519A (zh) 一种来电显示界面的拦截方法以及显示设备
CN111259639B (zh) 一种表格的自适应调节方法及显示设备
KR101995422B1 (ko) 네트워크와 연결된 다기능 디바이스 및 그 제어 방법
KR102056165B1 (ko) 방송수신장치, 및 그 동작방법
KR20160140375A (ko) 디스플레이장치 및 그 제어방법
CN113467651A (zh) 一种控件对应的内容的显示方法及显示设备
CN114415864B (zh) 触摸区域的确定方法与显示设备

Legal Events

Date Code Title Description
WITN Application deemed withdrawn, e.g. because no request for examination was filed or no examination fee was paid