KR102118223B1 - 크로스 윈도우 애니메이션 - Google Patents

크로스 윈도우 애니메이션 Download PDF

Info

Publication number
KR102118223B1
KR102118223B1 KR1020147012956A KR20147012956A KR102118223B1 KR 102118223 B1 KR102118223 B1 KR 102118223B1 KR 1020147012956 A KR1020147012956 A KR 1020147012956A KR 20147012956 A KR20147012956 A KR 20147012956A KR 102118223 B1 KR102118223 B1 KR 102118223B1
Authority
KR
South Korea
Prior art keywords
window
animation
overlay
cross
different windows
Prior art date
Application number
KR1020147012956A
Other languages
English (en)
Other versions
KR20140094540A (ko
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 마이크로소프트 테크놀로지 라이센싱, 엘엘씨
Publication of KR20140094540A publication Critical patent/KR20140094540A/ko
Application granted granted Critical
Publication of KR102118223B1 publication Critical patent/KR102118223B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)

Abstract

애니메이션은 서로 다른 윈도우를 크로스할 수 있다. 이러한 크로스 윈도우 애니메이션은 인터윈도우 애니메이션(interwindow animation) 및/또는 윈도우 전환 애니메이션(window transition animation)을 포함할 수 있다. 인터윈도우 애니메이션은 윈도우에 걸쳐 요소를 애니메이팅하는 데 사용된다. 윈도우 전환은 애니메이션을 사용하여 윈도우를 동시에 이동/크기조절크기조절/감추기 하는 데 사용된다. 이러한 애니메이션을 수행하기 위해, 오버레이 윈도우가 서로 다른 두 개의 윈도우의 적어도 일부를 포함하는 애니메이션 영역을 덮는다. 레이어는 애니메이션의 일부로서 움직여질 수 있는 이미지 또는 시각적 요소를 나타내는 데 사용될 수 있다. 이러한 레이어는 기본 윈도우(underlying window)에 걸쳐 시각적 요소를 이동시키도록 애니메이션 오버레이 윈도우에 배치될 수 있다. 지원되는 기본 윈도우는 애니메이션의 시간 중에 오버레이 윈도우에 직접 콘텐트를 드로잉(drawing)하기 위한 위한 것이다. 기본 윈도우의 화면(picture)은 기본 윈도우가 지원되지 않아 기본 윈도우가 애니메이션 내에 포함되는 경우에 애니메이션 오버레이 윈도우에 드로잉된다. 애니메이션이 완료되는 경우에, 애니메이션 오버레이 윈도우가 제거될 수 있다.

Description

크로스 윈도우 애니메이션{CROSS WINDOW ANIMATION}
많은 애플리케이션이 애니매이션을 사용하여 사용자 경험을 풍부하게 한다. 예를 들어, 애니메이션은 사용자가 사용자 인터페이스 요소를 선택하고, 다음 슬라이드로 진행하며, 문서를 열거나 닫고, 뷰를 변경하는 것 등에 응답하여 수행될 수 있다. 이러한 애니메이션은 애플리케이션의 윈도우 내에서 수행된다. 예를 들어, 하나의 애니메이션이 사용자 인터페이스 윈도우 내에서 수행될 수 있고, 다른 애니메이션은 문서 윈도우 내에서 수행될 수 있다. 흔히 이러한 윈도우를 이동, 크기조절 또는 크로스(cross)하는 애니메이션을 생성하는 것이 바람직하다. 그러나, 이러한 유형의 애니메이션은 어려울 수 있다.
본 요약은 상세한 설명에서 아래에 추가로 기술되는 개념을 간략한 형태로 소개하기 위해 제공된다. 본 요약은 청구되는 발명의 대상의 주요 특징 또는 필수 특징을 식별하기 위한 것이 아니고, 또한 청구되는 발명의 대상의 범주를 정하는 데 보조내용으로 사용하려는 것도 아니다.
애니메이션은 서로 다른 윈도우를 크로스할 수 있다. 이러한 크로스 윈도우 애니메이션은 인터윈도우 애니메이션(interwindow animation) 및/또는 윈도우 전환 애니메이션(window transition animation)을 포함할 수 있다. 인터윈도우 애니메이션은 여러 윈도우에 걸쳐 요소를 애니메이팅하는 데 사용된다. 윈도우 전환은 애니메이션을 사용하여 윈도우를 동시에 이동/크기조절/보여주기/감추기 하는 데 사용된다. 이러한 애니메이션을 수행하기 위해, 오버레이 윈도우(overlay window)가 생성되어 서로 다른 윈도우의 적어도 일부를 포함하는 애니메이션 영역을 덮는다. 레이어는 애니메이션의 일부로서 움직여질 수 있는 이미지 또는 시각적 요소를 나타내는 데 사용될 수 있다. 이러한 레이어는 여러 기본 윈도우(underlying window)에 걸쳐 시각적 요소를 이동시키도록 애니메이션 오버레이 윈도우에 배치될 수 있다. 지원되는 기본 윈도우는 애니메이션의 시간 중에 오버레이 윈도우에 직접 콘텐트를 드로잉(drawing)하기 위한 것이다. 기본 윈도우의 화면(picture)은 기본 윈도우가 지원되지 않아 기본 윈도우가 애니메이션 내에 포함되는 경우에 애니메이션 오버레이 윈도우에 드로잉된다. 애니메이션이 완료되는 경우에, 애니메이션 오버레이 윈도우가 제거될 수 있다.
도 1은 예시적인 컴퓨팅 장치를 나타낸다.
도 2는 크로스 윈도우 애니메이션을 수행하기 위한 예시적인 시스템을 나타낸다.
도 3은 인터윈도우 애니메이션 및 윈도우 전환 애니메이션을 보여주는 예시적인 디스플레이를 도시한다.
도 4는 오버레이 윈도우를 사용하여 서로 다른 윈도우 사이에서 레이어를 애니메이팅하는 크로스 윈도우 애니메이션을 위한 프로세스를 도시한다.
도 5는 오버레이 윈도우를 사용하여 서로 다른 윈도우를 이동/크기조절 하는 것을 포함하는 크로스 윈도우 애니메니션을 위한 프로세스를 도시한다.
도 6은 크로스 윈도우 애니메이션에서 사용되는 시스템 아키텍처를 나타낸다.
도 7 내지 도 10은 크로스 윈도우 애니메이션을 나타내는 예시적인 디스플레이를 도시한다.
이제 도면을 참조하여 다양한 실시예가 설명되며, 도면에서 동일한 참조번호는 동일한 구성요소를 나타낸다. 구체적으로, 도 1 및 이에 대응하는 설명은 실시예가 구현될 수 있는 적합한 컴퓨팅 환경에 대한 간략하고 일반적인 설명을 제공하기 위한 것이다.
프로그램 모듈은 루틴, 프로그램, 컴포넌트, 데이터 구조 및, 특정한 태스크를 수행하거나 특정한 추상 데이터 타입을 구현하는 다른 타입의 구조를 포함한다. 핸드 헬드 장치, 멀티프로세서 시스템, 마이크로프로세서 기반의 또는 프로그램 가능한 가전기기, 미니컴퓨터, 메인프레임 컴퓨터 등을 포함하는, 다른 컴퓨터 시스템 구성이 사용될 수 있다. 또한, 분산형 컴퓨팅 환경이 사용될 수 있는데, 분산형 환경에서 태스크가 통신 네트워크를 통해 연결되는 원격 프로세싱 장치에 의해 수행된다. 분산형 컴퓨팅 환경에서, 프로그램 모듈은 로컬 및 원격 메모리 저장 장치 모두에 배치될 수 있다.
이제 도 1을 참조하여, 다양한 실시예에서 사용되는 컴퓨터(100)를 위한 예시적인 컴퓨터 아키텍처가 설명될 것이다. 도 1에 도시된 컴퓨터 아키텍처는 서버 컴퓨팅 장치, 데스크톱 컴퓨팅 장치, 모바일 컴퓨팅 장치(예, 스마트폰, 노트북, 태블릿 등)로서 구현될 수 있고, 중앙 처리 유닛(5)("CPU"), 시스템 메모리(7)(예를 들면, 랜덤 액세스 메모리(9)("RAM") 및 리드 온리 메모리(10)("ROM")) 및 메모리를 중앙 처리 유닛(5)("CPU")에 연결하는 시스템 버스(12)를 포함한다.
예컨대 시동(startup) 중에, 컴퓨터 내 구성요소들 사이에 정보를 전송하는 것을 돕는 기본 루틴들을 포함하는 기본 입/출력 시스템이 ROM(10) 내에 저장된다. 컴퓨터(100)는 운영체제(16), 애플리케이션(들)(24), 프리젠테이션(들)/문서(들)(27) 및 웹 브라우저(25)와 애니메이션 매니저(26)(이는 이하에서 더 상세하게 설명될 것임)와 같은 다른 프로그램 모듈을 저장하는 대용량 저장 장치(14)를 더 포함한다.
대용량 저장 장치(14)는 버스(12)에 연결된 대용량 저장 컨트롤러(미도시)를 통해 CPU(5)에 연결된다. 대용량 저장 장치(14) 및 이와 연관된 컴퓨터 판독가능 매체는 컴퓨터(100)에게 비휘발성 저장소를 제공한다. 본 명세서에 포함된 컴퓨터판독가능 매체에 대한 설명이 하드 디스크 또는 CD-ROM 드라이브와 같은 대용량 저장 장치를 지칭하고 있지만, 컴퓨터 판독가능 매체는 컴퓨터(100)에 의해 액세스될 수 있는 임의의 이용가능한 매체일 수 있다.
제한적이지 않은 예를 들면, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 다른 데이터와 같은 정보의 저장을 위한 임의의 방법이나 기술로 구현된 휘발성 및 비휘발성, 이동식 및 비이동식 매체를 포함한다. 컴퓨터 저장 매체에는 RAM, ROM, EPROM(Erasable Programmable Read Only Memory), EEPROM(Electrically Erasable Programmable Read Only Memory), 플래시 메모리 또는 다른 고체 메모리 기법, CD-ROM, DVD(digital versatile disks), 또는 그 외 다른 광 저장소, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 다른 자기 저장 장치들, 또는 원하는 정보를 저장하기 위하여 사용될 수 있으며 컴퓨터(100)에 의해 액세스될 수 있는 임의의 다른 매체가 포함되지만, 이에 한정되는 것은 아니다.
다양한 실시예들에 따라, 컴퓨터(100)는 인터넷과 같은 네트워크(18)를 통해 원격 컴퓨터들과의 논리적 연결들을 이용하는 네트워크 환경에서 동작할 수 있다. 컴퓨터(100)는 버스(12)에 연결된 네트워크 인터페이스 유닛(20)을 통해 네트워크(18)에 연결될 수 있다. 네트워크 연결은 무선 및/또는 유선일 수 있다. 네트워크 인터페이스 유닛(20)은 또한 다른 타입의 네트워크들 및 원격 컴퓨터 시스템들에 연결하기 위하여 이용될 수도 있다. 또한, 컴퓨터(100)는 터치 입력 장치와 같은 복수의 다른 장치들로부터 입력을 수신하고 프로세싱하는 입력/출력 컨트롤러(22)를 포함할 수 있다. 터치 입력 장치는 인식될 단일/멀티-터치 입력(터치방식/비-터치방식)이 인식되도록 하는 임의의 기술을 이용할 수 있다. 예를 들어, 이 기술들에는 열(heat), 손가락 압력, 고속 캡쳐 카메라, 적외선 광, 광학적 캡쳐, 튜닝된 전자기 유도, 초음파 수신기, 트랜스듀서 마이크로폰, 레이저 레인지파인더, 새도우 캡쳐 등이 포함될 수 있으나, 이에 제한되지는 않는다. 일 실시예에 따라, 터치 입력 장치는 근접-터치(즉, 터치 입력 장치를 물리적으로 터치하는 것이 아니라 터치 입력 장치와 가까운 거리 내에서 터치하는)를 검출하도록 구성될 수 있다. 또한, 터치 입력 장치는 디스플레이(28)로서 동작할 수도 있다. 입력/출력 컨트롤러(22)는 또한 하나 이상의 디스플레이 스크린, 프린터, 또는 그 외 다른 타입의 출력 장치로 출력을 제공할 수 있다.
카메라 및/또는 일부 다른 감지 장치는 하나 이상의 사용자들을 기록하고 컴퓨팅 장치의 사용자들에 의해 만들어지는 모션 및/또는 제스처를 캡쳐하도록 동작할 수 있다. 또한, 감지 장치는 예컨대 마이크로폰에 의해 발화된 단어를 캡쳐하거나 및/또는 예컨대 키보드 및/또는 마우스(미 도시됨)에 의해 사용자로부터의 다른 입력을 캡쳐하도록 동작할 수 있다. 감지 장치는 사용자의 움직임을 검출할 수 있는 임의의 모션 검출 장치를 포함할 수 있다. 예를 들어, 카메라는 복수의 카메라들 및 복수의 마이크로폰들을 포함하는 MICROSOFT KINECT® 모션 캡쳐 장치를 포함할 수 있다.
본 발명의 실시예들은 도면들에 도시되어 있는 컴포넌트들/프로세스들 각각 또는 다수가 하나의 단일 집적 회로에 통합되어 있을 수 있는 시스템-온-칩(SOC, system-on-a-chip)을 통해 실시될 수 있다. 이러한 SOC 장치는 하나 이상의 프로세싱 유닛, 그래픽스 유닛, 통신 유닛, 시스템 가상화 유닛 및 다양한 애플리케이션 기능성 - 이들 모두는 하나의 단일 집적 회로로서 칩 기판상에 통합됨(또는 "버닝됨(burned)") - 을 포함할 수 있다. SOC를 통해 동작하는 경우에, 본 명세서에서 기술되는 기능 중 일부/전부는 이 단일 집적 회로(칩) 상에 컴퓨팅 장치/시스템(100)의 다른 컴포넌트들과 함께 통합될 수 있다.
위에서 간략하게 언급된 바와 같이, 다수의 프로그램 모듈들 및 데이터 파일들이 컴퓨터(100)의 대용량 저장 장치(14) 및 RAM(9)에 저장될 수 있고, 이들은 워싱턴주 레드몬드의 마이크로소프트 코포레이션(MICROSOFT CORPORATION)의 WINDOWS SERVER®, WINDOWS 7® 운영체제와 같은, 네트워크 컴퓨터의 동작 제어에 적합한 운영체제(16)를 포함한다.
또한, 대용량 저장 장치(14) 및 RAM(9)은 하나 이상의 프로그램 모듈을 저장할 수 있다. 특히, 대용량 저장 장치(14) 및 RAM(9)은, 애니메이션 매니저(26), 생산성 애플리케이션(24)(예, MICROSOFT POWERPOINT와 같은 프리젠테이션 애플리케이션, MICROSOFT WORD와 같은 워드 프로세싱 애플리케이션, MICROSOFT EXCEL과 같은 스프레드시트 애플리케이션 등)과 같은 하나 이상의 애플리케이션을 저장할 수 있고, 하나 이상의 웹 브라우저(25)를 저장할 수 있다. 웹 브라우저(25)는 웹 페이지, 비디오, 문서 등과 같은 전자 콘텐트를 요청하고, 수신하며, 상호작용성을 제공하도록 동작할 수 있다. 일 실시예에 따르면, 웹 브라우저(25)는 마이크로소프트 코포레이션의 INTERNET EXPLORER 웹 브라우저 애플리케이션 프로그램을 포함한다.
애니메이션 매니저(26)는 클라이언트 장치 및/또는 서버 장치(예, 서비스(19) 내)에 배치될 수 있다. 애니메이션 매니저(26)는 자원(예를 들면, 서비스, 데이터 등)을 서로 다른 테넌트(예, MICROSOFT OFFICE 365, MICROSOFT WEB APPS, MICROSOFT SHAREPOINT ONLINE)에 제공하는 클라우드 기반 멀티 테넌트 서비스의 일부로서 및/또는 애플리케이션/프로세스로서 구성될 수 있다.
일반적으로, 애니메이션 매니저(26)는 서로 다른 윈도우를 크로스하는 애니메니션을 수행하도록 구성된다. 이러한 크로스 윈도우 애니메니션은 인터윈도우 애니메이션 및/또는 윈도우 전환 애니메이션을 포함할 수 있다. 인터윈도우 애니메이션은 여러 윈도우에 걸쳐 요소를 애니메이팅하는 데 사용되고, 또는 윈도우를 동시에 이동/크기조절/보여주기/감추기 하는 데 사용된다. 인터윈도우 애니메이션은 일반적으로 시각적 요소 또는 레이어가 하나의 윈도우에서 다른 윈도우로 애니메이팅되는 경우에 사용된다. 인터윈도우 애니메이션을 수행하기 위해, 투명 오버레이 윈도우가 시각적 요소가 이동하는 윈도우들 상부에 배치될 수 있다. 시각적 요소는 이후에 두 개의 윈도우에 걸친 투명 오버레이 윈도우에서 애니메이팅된다. 윈도우 전환은 일반적으로 애니메이션을 사용하여 윈도우를 이동, 크기조절 또는 보여주기/감추기 하기를 원하는 경우에 사용된다. 윈도우 전환 애니메이션을 수행하기 위해, 오버레이 윈도우가 애니메이팅되는 기본 윈도우의 상부(top)에 배치될 수 있고, 이러한 윈도우의 콘텐트는 그러한 콘텐트를 애니메이팅하기 위해 오버레이 윈도우로 전송된다(redirect). 레이어는 애니메이션의 일부로서 이동될 수 있는 이미지 또는 시각적 요소를 나타내는 데 사용될 수 있다. 이러한 레이어는 여러 기본 윈도우에 걸쳐 시각적 요소를 이동시키도록 애니메이션 오버레이 윈도우에 배치될 수 있다. 지원되는 기본 윈도우는 애니메이션의 시간 중에 오버레이 윈도우에 직접 콘텐트를 드로잉하기 위한 것이다. 기본 윈도우가 지원되지 않아 기본 윈도우가 애니메이션 내에 포함되는 경우에, 기본 윈도우의 화면은 애니메이션 오버레이 윈도우에 드로잉된다. 애니메이션이 완료되면, 애니메이션 오버레이 윈도우가 제거될 수 있다. 애니메이션 매니저(26)의 동작에 관한 추가적인 세부 사항이 이하에 제공될 것이다.
도 2는 크로스 윈도우 애니메이션(cross window animation)을 수행하기 위한 예시적인 시스템을 나타낸다. 도시된 바와 같이, 시스템(200)은 서비스(210), 애니메이션 매니저(240), 스토어(245), 터치 스크린 입력 장치/디스플레이(250)(예, 슬레이트(slate)) 및 스마트 폰(230)을 포함한다.
도시된 바와 같이, 서비스(210)는 생산성 서비스(예, (MICROSOFT OFFICE 365, MICROSOFT WEB APPS, MICROSOFT POWERPOINT)를 제공하도록 구성될 수 있는 클라우드 기반 및/또는 엔터프라이즈 기반 서비스이다. 서비스(210)에 의해 제공되는 서비스/애플리케이션 중 하나 이상의 기능이 클라이언트 기반 애플리케이션으로 구성될 수 있다. 예를 들어, 클라이언트 장치는 상이한 윈도우에 걸쳐 있을 수 있는 애니메이션을 수행하는 애플리케이션을 포함할 수 있다. 시스템(200)은 생산성 서비스를 나타내고 있으나, 다른 서비스/애플리케이션이 크로스 윈도우 애니메이션을 수행하도록 구성될 수 있다.
도시된 바와 같이, 서비스(210)는 자원(215) 및 서비스를 임의의 수의 테넌트(예, 테넌트 1-N)에게 제공하는 멀티 테넌트 서비스이다. 일 실시예에 따르면, 멀티 테넌트 서비스(210)는 자원/서비스(215)를 서비스에 가입된 테넌트에게 제공하고 각각의 테넌트의 데이터를 다른 테넌트 데이터로부터 분리하여 보호되도록 관리하는 클라우드 기반 서비스이다.
도시된 시스템(200)은 터치 스크린 입력 장치/디스플레이(250)(예, 슬레이트/태블릿 장치) 및 터치 입력(터치스크린의 손가락 터치 또는 근접 터치)이 수신되었는지를 검출하는 모바일 폰(230)을 포함한다. 사용자의 터치 입력을 검출하는 임의의 유형의 터치 스크린이 사용될 수 있다. 예를 들어, 터치 스크린은 터치 입력을 검출하는 용량성 물질(capacitive material)로 이루어진 하나 이상의 레이어를 포함할 수 있다. 다른 센서가 용량성 물질에 추가하여 또는 이를 대신하여 사용될 수 있다. 예를 들어, 적외선(IR) 센서가 사용될 수 있다. 실시예에 따르면, 터치 스크린은 터치가능한 표면과 접촉하거나 그 위에 있는 물체를 검출하도록 구성된다. "위(above)"라는 용어가 본 설명에 사용되었으나, 이는 터치 패널 시스템의 방향과 관계가 없는 것으로 이해되어야 한다. "위"라는 용어는 그러한 모든 방향에 적용될 수 있다. 터치 스크린은 터치 입력이 수신되는 위치를 결정하도록 구성될 수 있다(예, 시작 포인트, 중간 포인트 및 종료 포인트). 터치가능한 표면과 물체 사이의 실제적인 접촉이 임의의 적합한 수단(예를 들면, 터치 패널에 연결된 진동 센서 또는 마이크로폰을 포함함)에 의해 검출될 수 있다. 접촉을 검출하는 센서에 대한 비 포괄적인 목록에는 압력 기반 메커니즘, 마이크로 머신화된 가속도계, 압전기 장치, 용량성 센서, 저장 센서, 유도성 센서, 레이저 진동계 및 LED 진동계를 포함한다.
설명한 바와 같이, 터치 스크린 입력 장치/디스플레이(250) 및 모바일 장치(230)는 프레젠테이션 슬라이드의 예시적인 디스플레이(252/232)를 보여준다. 모바일 폰(230)은 사용자 인터페이스 요소(256)의 디스플레이 전에 디스플레이(232)를 보여준다. 애니메이션 매니저(240)는 인터윈도우 애니메이션 및/또는 윈도우 전환 애니메이션을 포함할 수 있는 크로스 윈도우 애니메이션을 수행하도록 구성된다. 인터윈도우 애니메이션은 하나 이상의 시각적 요소를 서로 다른 윈도우에서 애니메이팅한다(예를 들면, 메뉴 열기, 서로 다른 윈도우에 걸친 객체 이동 등). 윈도우 전환은 일반적으로 애니메이션을 사용하여 윈도우를 이동, 크기조절 또는 보여주기/감추기 하기를 원하는 경우에 일반적으로 사용된다. 현재 예에서, 사용자(264)는 윈도우(256) 내에 사용자 인터페이스 요소를 디스플레이하기 위해 사용자 인터페이스 윈도우(254) 내의 파일 메뉴 옵션을 선택하였다. 파일 메뉴 옵션의 선택에 응답하여, 원래 크기(254)에서 확대된 크기(256)로 사용자 인터페이스 윈도우가 자연스럽게 크기 조정되는 것으로 보이며, 또한 동시에 문서 디스플레이 윈도우(258)을 더 작은 문서 디스플레이 윈도우(252)로 축소하는 윈도우 전환 애니메이션이 수행된다. 기본 윈도우는 애니메이션 동안에/전에 임의의 시점에 윈도우를 배치/크기조절 할 수 있다.
애니메이션 매니저(240)는 애니메이션이 일어나는 서로 다른 윈도우의 부분(애니메이션 영역)을 덮은 오버레이 윈도우를 생성한다. 애니메이션 영역은 전체 디스플레이 영역을 덮도록 구성되거나 서로 다른 윈도우의 일부를 포함하도록 구성될 수 있다. 예를 들어, 애니메이션 영역은 하나 이상의 애플리케이션과 연관된 애플리케이션 윈도우와 함께, 데스크톱 영역 및 다른 사용자 인터페이스 요소(예, 시작 바)를 포함하도록 구성될 수 있다. 일반적으로, 애니메이션 영역은 애니메이션이 수행되는 경우에 애니메이션 영역 내에 포함되는 크기로 설정된다. 일부 윈도우(지원되는 윈도우)는 오버레이 윈도우에 콘텐트를 드로잉하는 것을 지원하는 렌더링 방법을 사용할 수 있다. 다른 윈도우(지원되지 않는 윈도우)는 오버레이 윈도우에 직접 콘텐트를 드로잉할 수 없다. 애니메이션 영역 내에 있는 지원되는 윈도우는 애니메이션 중에 오버레이 윈도우에 직접 콘텐트를 드로잉하기 위한 것이다. 이러한 방식으로, 기본 윈도우에서 수행되고 있는 임의의 효과/애니메이션이 애니메이션에 나타날 수 있다(예를 들면, 커서 깜박거림, 기본 콘텐트에 적용되고 있는 텍스트 효과 등). 지원되지 않는 윈도우가 애니메이션 내에 포함되도록 임의의 지원되지 않는 윈도우의 화면이 애니메이션 오버레이에 드로잉될 수 있다. 애니메이션이 완료되면, 오버레이 윈도우가 제거될 수 있고, 기본 윈도우가 사용자에게 보여질 수 있다.
도 3은 인터윈도우 애니메이션 및 윈도우 전환 애니메이션을 보여주는 예시적인 디스플레이를 나타낸다.
디스플레이(310)는 두 개의 서로 다른 기본 윈도우를 크로스하는 인터윈도우 애니메이션을 나타낸다. 도시된 것과 같이, 디스플레이(310)는 사용자 인터페이스 윈도우(302), 애플리케이션 윈도우(304), 문서 윈도우(306), 애플리케이션 윈도우(308) 및 오버레이 윈도우(320)를 포함한다. 크로스 윈도우 애니메이션은 하나 이상의 인터윈도우 애니메이션 및/또는 하나 이상의 윈도우 전환 이미지를 포함할 수 있다.
디스플레이(310)에 도시된 현재 예에서, 요소(312)의 애니메이션은 애플리케이션 윈도우(304)에서 시작되는 것으로 보이고, 문서 윈도우(306)에 걸친 애니메이팅으로 이어진다. 애니메이션은 하나 이상의 애플리케이션을 크로스할 수 있다(예를 들면, 엔리먼트를 애플리케이션으로부터 데스크톱 상에 디스플레이될 수 있는 트래시 캔(trash can)으로 옮기는 것). 또한, 애니메이션은 다른 효과(예를 들면, 크기조절, 페이드 인/아웃, 하나 이상의 디스플레이 특성의 변경 등)를 수행하는 것을 포함할 수 있다.
오버레이 윈도우(320)는 서로 다른 윈도우에 걸친 애니메이션 영역을 덮도록 생성된다. 오버레이 윈도우(320)는 오버레이 윈도우(320)의 크기 내에 포함되도록 크기가 정해진다. 하나 이상의 레이어가 기본 윈도우에 걸쳐 시각적 요소(예, 요소(312))를 이동시키도록 오버레이 윈도우에 배치될 수 있다. 전술한 바와 같이, 지원되는 기본 윈도우는 애니메이션의 시간 중에 오버레이 윈도우에 직접 콘텐트를 드로잉하기 위한 것이다. 일 실시예에서, 기본 윈도우에서 레이어의 부모(parent)가 애니메이션의 시간 중에 오버레이 윈도우로 변경된다. 임의의 지원되지 않는 윈도우의 화면은 지원되지 않는 윈도우가 애니메이션 내에 포함되도록 애니메이션 오버레이에 드로잉될 수 있다. 일 실시예에 따라, 애니메이션이 완료되면, 오버레이 윈도우(320)가 제거된다. 인터윈도우 애니메이션에 관한 추가적인 세부사항이 도 3 및 이하에 제공된다.
디스플레이(350)는 예시적인 윈도우 전환 애니메이션을 나타낸다. 도시된 바와 같이, 디스플레이(350)는 사용자 인터페이스 윈도우(352/352'), 문서 윈도우(356/356'), 오버레이 윈도우(360), 애플리케이션 윈도우(368), UI 요소(362) 및 사용자 인터페이스 윈도우(364)를 포함한다. 오버레이 윈도우(360)는 사용자 인터페이스 윈도우(352), 문서 윈도우(356) 및 애플리케이션 윈도우(368)를 포함하는 애니메이션 영역을 덮도록 크기가 정해진다. 현재 예는, 사용자 인터페이스 윈도우(352)가 더 큰 사이즈로 크기조절되고(윈도우 352'), 문서 윈도우(356)는 더 작게 크기조절되어 다른 위치로 이동되며(윈도우 356'), 사용자 인터페이스 윈도우(364)가 디스플레이되는 애니메이션을 나타낸다. 일 실시예에 따르면, 애니메이션의 디스플레이에 의해 영향을 받는 윈도우가 애니메이션 매니저에 등록된다. 윈도우를 등록하는 것은 다양한 애니메이션 동작의 애니메이션에 의해 영향을 받지 않는 윈도우를 제외함으로써 애니메이션 및 시스템의 성능을 향상시키기 위한 것이다. 프로세스/애플리케이션은 애니메이션 파라미터(예, 초기/최종 윈도우 크기/위치/가시성, 영역 클리핑, 콘텐트 고정)를 설정하는 것을 돕도록 애니메이션 매니저에게 힌트를 제공할 수 있다. 전술한 바와 같이, 기본 윈도우는 지원되는 경우에, 오버레이 윈도우(360)에 직접 드로잉하기 위한 것일 수 있다. 일 실시예에 따르면, 애니메이션이 플레이되는 동안, 윈도우가 사용자로부터 입력을 수신하는 것이 차단된다. 인터윈도우 애니메이션에 관한 보다 상세한 내용이 도 4 및 이하에 제공된다.
도 4 내지 도 5는 크로스 윈도우 애니메이션에 대한 예시적인 프로세스를 나타낸다. 본 명세서에 제시된 루틴에 대한 설명을 참조하면, 다양한 실시예의 로직 동작은 (1) 컴퓨팅 시스템에서 실행되는 컴퓨터 구현 동작의 시퀀스 또는 프로그램 모듈 및/또는 (2) 컴퓨팅 시스템 내의 상호연결된 기계적 로직 회로(들)로서 구현된다는 것을 이해할 것이다. 실시예는 본 발명을 구현하는 컴퓨팅 시스템의 성능 조건에 따른 선택의 문제이다. 따라서, 본 명세서에 설명된 실시예를 구성하는 도시된 로직 동작은 동작(operation), 구조적 디바이스, 단계(acts) 또는 모듈로서 다양하게 지칭된다. 이러한 동작, 구조적 디바이스, 액트 및 모듈은 소프트웨어, 펌웨어, 전용 디지털 로직 및 이들의 임의의 조합으로서 구현될 수 있다. 동작이 특정한 순서로 도시되었으나, 동작의 순서는 변경될 수 있으며 다른 순서로 수행될 수 있다.
도 4는 서로 다른 윈도우 사이에 레이어를 애니메이팅하기 위해 오버레이 윈도우를 사용하는 크로스 윈도우 애니메이션을 위한 프로세스를 도시한다.
시작 동작 후에, 프로세스는 동작(410)으로 진행되고, 여기서 애니메이션 영역이 결정된다. 애니메이션 영역은 크로스 윈도우 애니메이션 중에 사용되는 윈도의 일부분을 덮는 크기로 정해진다. 애니메이션 영역은 하나 이상의 애플리케이션/프로세스로부터의 윈도우를 포함한다. 예를 들어, 애니메이션은 동일한 애플리케이션 및/또는 서로 다른 애플리케이션으로부터의 둘 이상의 윈도우를 크로스할 수 있다. 애니메이션 영역은 디스플레이의 전부/일부를 포함할 수 있다.
동작(420)으로 진행하여, 오버레이 윈도우가 생성되고 결정된 애니메이션 영역에 기초하여 크기가 정해진다. 일 실시예에 따르면, 오버레이 윈도우는 애니메이션 영역 내의 윈도우 위에(above) 디스플레이되는 투명 배경을 포함한다.
동작(430)으로 진행하여, 기본 윈도우의 레이어에 대한 부모(parent)가 오버레이 윈도우로 변경된다. 부모는 애니메이션의 수행의 기간 중에 변경된다.
동작(440)으로 진행하여, 실행될 애니메이션(들)이 스케줄링되고 수행된다. 일 실시예에 따르면, 레이어가 오버레이 윈도우로 이동되고, 오버레이 윈도우 아래에 있는 윈도우를 크로스하도록 오버레이 윈도우를 가로질러 이동되며, 이후에 레이어는 애니메이션이 종료되는 기본 윈도우에 다시 배치된다(예를 들면, 기본 윈도우로 부모를 변경).
동작(450)으로 진행하여, 프로세스는 애니메이션이 완료되기를 기다린다. 일 실시예에 따르면, 애니메이션은 모덜(modal)이 되도록 만들어질 수 있고 및/또는 애니메이션 완료 통지 핸들러는 오버레이의 애니메이션이 완료되는 경우에 통지를 제공하는 데 사용되도록 구성될 수 있다. 애니메이션 시간 중에, 기본 윈도우를 위한 사용자 인터페이스 스레드가 차단된다. 이러한 시간 중에 발생한 임의의 수신된 인스트럭션은 애니메이션이 완료되는 경우에 저장 및 실행될 수 있다. 일 실시예에 따르면, 운영체제로부터의 메시지가 애니메이션 중에 지속적으로 처리된다. 타이밍 파라미터(timining parameter)는 사용자가 애니메이션이 완료되는 것을 대기하는 데 매몰되지 않도록 응답가능한(responsive) 사용자 인터페이스를 보장하는 것을 돕는 데 사용될 수 있다. 예를 들어, 컴퓨팅 장치는 애니메이션을 빠르게 디스플레이할 수 없는 그래픽 카드를 가질 수 있다. 일 실시예 따르면, 애니메이션이 완료되는 데 사전지정된 시간(예, 200, 300, 400, 500 밀리초)보다 더 긴 시간이 걸릴 것이라고 예상되는 경우에, 크로스 윈도우 애니메이션은 취소된다.
동작(460)으로 진행하여, 기본 윈도우의 레이어의 부모가 오버레이 윈도우로부터 다시 기본 윈도우로 변경된다.
동작(470)으로 진행하여, 오버레이 윈도우가 디스플레이로부터 제거된다.
프로세스는 이후에 종료 동작으로 진행되고 다른 단계의 처리로 복귀한다.
도 5는 오버레이 윈도우를 사용하여 서로 다른 윈도우를 이동/크기조절 하는 것을 포함하는 크로스 윈도우 애니메이션을 위한 프로세스를 도시한다.
시작 동작 후에, 프로세스가 동작(510)으로 진행하고, 여기서 애니메이션 영역이 결정된다. 애니메이션 영역은 크로스 윈도우 애니메이션 중에 사용되는 윈도우의 일부를 덮도록 사이즈가 정해진다. 애니메이션 영역은 하나 이상의 애플리케이션/프로세스로부터의 윈도우를 포함할 수 있다. 예를 들어, 애니메이션 영역은 동일한 애플리케이션 및/또는 다른 애플리케이션으로부터의 둘 이상의 윈도우를 크로스할 수 있다. 애니메이션 영역은 디스플레이의 전부/일부를 포함할 수 있다.
동작(520)으로 진행하여, 결정된 애니메이션 영역에 기초하여 오버레이 윈도우가 생성되고 크기가 정해진다. 오버레이 윈도우는 애니메이션 영역 위에 디스플레이된 불투명 배경 또는 투명 배경을 포함할 수 있다.
동작(530)으로 진행하여, 크로스 윈도우 애니메이션에 의해 영향을 받는 윈도우가 등록될 수 있다. 일 실시예에 따르면, 윈도우가 등록되는지 여부와 상관없이, 애니메이션 중에 보이는 윈도우가 오버레이 윈도우로 자동으로 전송되어(redirected) 오버레이가 기본 윈도우 트리(underlying window tree)의 정확한 화면(picture)을 나타내는 것을 보증하도록 돕는다. 특정 윈도우를 등록하는 것은 클라이언트로 하여금 어느 윈도우가 애니메이션에 포함될 것인지를 특정하도록 한다. 이는 동작 중에 처리되는 윈도우의 수를 감소시킴으로써 처리 시간을 줄이는 것을 돕는다. 각각의 등록된 윈도우에 대해, 윈도우를 오버레이 윈도우로 전송하거나, 오버레이 윈도우로 전달(bring into)하기 위해 이들의 화면을 캡쳐하는 데에는 시간이 걸린다. 윈도우는 크로스 윈도우 애니메이션 전에 및/또는 동안에 등록될 수 있다. 예를 들어, 윈도우는 애니메이션이 보이기 시작할 때 애니메이션 중에 등록될 수 있다.
동작(540)으로 진행하여, 힌트(hint)가 제공/수신될 수 있다. 힌트는 정확하게 수행되지 않는 임의의 동작을 수정하는 것을 보조하는 데 사용될 수 있다. 또한, 힌트는 현재의 윈도우 레이아웃 코드에 대한 변경을 방지하는 것을 돕는 데 사용될 수 있다. 예를 들어, 윈도우가 보기 되거나 감추기 되는 경우에 슬라이드 인/아웃 효과를 얻기 위해, 클라이언트는 윈도우에 대한 초기 위치 및 최종 위치를 정의하는 힌트를 제공한다. 힌트는 불필요한 윈도우 이벤트의 시작을 방지하는 것을 도울 수 있고, 윈도우 전환 로직과 현재 레이아웃 코드 사이의 상호의존성을 제거할 수 있다. 많은 서로 다른 유형의 힌트가 애니메이션 매니저에게 제공될 수 있다. 일 실시예에 따르면, 힌트는 윈도우의 초기 위치, 윈도우의 최종 위치, 윈도우의 초기 크기, 윈도우의 최종 크기, 윈도우의 초기 가시성 상태, 윈도우의 최종 가시성 상태, 윈도우 콘텐트가 솔리드 컬러임을 특정하는 힌트, 윈도우의 콘텐트가 초기 및 최종 상태 사이에서 변하지 않을 것임을 특정하는 힌트(윈도우의 크기가 변하지 않을 것이라고 특정하는 것은 아니고 대신에 클라이언트 영역에 페인팅된 콘텐트가 이들이 교차하고 있는 영역과 동일하다고 특정함), 윈도우가 컨트롤(예, ActiveX 컨트롤)임을 특정하는 힌트, 윈도우가 보이지 않을 것임을 나타내는 힌트(이는 윈도우의 이미지가 애니메이션 중에 전달되지 않도록 보증하는 것을 도움으로써, 잠재적으로 비싼 비용의 작업을 방지할 수 있음), 추가 영역(extra area)이 오버레이 구역(region)에 부가되는 크기조절 힌트(예, 클라이언트가 추가 영역을 전송되는 레이어에 수동으로 추가하는 회전 또는 다른 변환을 고려하여 더 많은 영역을 추가하기를 원할 수 있음) 및 윈도우가 전환되는 클리핑 효과(clipping effect)를 얻기 위해 사용되는 클리핑 힌트를 포함한다.
동작(550)으로 진행하여, 윈도우 및 애니메이션의 레이아웃이 수행된다. 레이어 및 레이어에 대한 속성이 애니메이션을 수행하도록 설정된다.
동작(530)으로 진행하여, 추가 레이어가 오버레이 윈도우에 추가될 수 있고, 또는 현재 레이어가 변경될 수 있다. 예를 들어, 추가 영역은 추가적인 애니메이션 효과를 제공하기 위해 추가될 수 있다. 예를 들어, 애니메이션, 추가 광원, 스파클링 이펙트 등이 추가될 수 있는 동안에 화면(picture)이 소정의 포인트에 도시될 수 있다. 현재 레이어는 다른 원하는 애니메이션 효과를 생성/변경하도록 조정될 수 있다.
동작(570)으로 진행하여, 크로스 윈도우 애니메이션이 오버레이 윈도우를 사용하여 수행된다.
동작(580)으로 진행하여, 오버레이 윈도우가 제거된다.
이후에 프로세스가 종료 동작으로 진행되고 다른 동작의 처리로 복귀한다.
도 6은 이하에 설명되는 크로스 윈도우 애니메니이션에서 사용되는 시스템 아키텍처를 나타낸다. 애플리케이션(예, 애플리케이션(1020)) 및 애니메이션 매니저(26)에 의해 사용되고 디스플레이되는 콘텐트가 서로 다른 위치에 저장될 수 있다. 예를 들어, 애플리케이션(1020)은 디렉토리 서비스(1022), 웹 포털(1024), 메일박스 서비스(1026), 인스턴트 메시징 스토어(1028) 및 소셜 네트워킹 사이트(1030)를 사용하여 데이터를 사용/저장할 수 있다. 애플리케이션(1020)은 이러한 유형의 시스템 중 임의의 시스템 등을 사용할 수 있다. 서버(1032)는 소스에 액세스하고 크로스 윈도우 애니메이션을 준비 및 디스플레이하는 데 사용될 수 있다. 예를 들어, 서버(1032)는 애플리케이션(1020)이 클라이언트(예를 들면, 브라우저 또는 일부 다른 윈도우)에서 디스플레이하는 크로스 윈도우 애니메이션을 생성할 수 있다. 일 예로서, 서버(1032)는 생산성 서비스(예, 프리젠테이션, 스프레드시트, 워드 프로세싱, 메시징, 문서 협업 등)를 하나 이상의 사용자에게 제공하도록 구성되는 웹 서버일 수 있다. 서버(1032)는 웹을 사용하여 네트워크(1008)를 통해 클라이언트와 상호작용할 수 있다. 또한, 서버(1032)는 애플리케이션 프로그램(예, 프리젠테이션 애플리케이션, 애니메이션을 사용하는 애플리케이션 등)을 포함할 수 있다. 서버(1032) 및 프리젠테이션 애플리케이션과 상호작용할 수 있는 클라이언트의 예는 컴퓨팅 장치(1002)(임의의 범용 퍼스널 컴퓨터를 포함할 수 있음), 태블릿 컴퓨팅 장치(1004) 및/또는 스마트 폰을 포함할 수 있는 모바일 컴퓨팅 장치(1006)를 포함할 수 있다. 이들 장치 중 어느 장치나 스토어(1016)로부터 콘텐트를 획득할 수 있다.
도 7 내지 10은 크로스 윈도우 애니메이션을 나타내는 예시적인 디스플레이를 도시한다. 본 명세서에 도시된 예는 설명을 목적으로 한 것이며 제한을 위한 것이 아니다.
도 7은 크로스 윈도우 애니메이션을 디스플레이하는 예시적인 랜드스케이프 슬레이트(landscape salte)를 도시한다.
디스플레이(710)는 프리젠테이션 슬라이드(712)를 디스플레이하는 슬레이트를 도시한다. 디스플레이(710)가 단일 윈도우 내에 디스플레이되는 것으로 보이나, 복수의 윈도우가 디스플레이에 사용된다. 예를 들어, 윈도우(720)는 사용자 인터페이스 요소를 디스플레이하는 데 사용될 수 있고, 윈도우(714)는 프리젠테이션의 슬라이드의 썸네일을 디스플레이하는 데 사용될 수 있으며, 윈도우(716)는 슬라이드(712)를 디스플레이하는 데 사용된다. 임의의 애니메이션이 하나의 윈도우에서 다른 윈도우로 이동하는 것으로 보이는 경우에, 그 애니메이션은 크로스 윈도우 애니메이션이다. 현재 예에서, 크로스 윈도우 애니메이션은 사용자 인터페이스(760)가 디스플레이되는 경우에 수행된다. 디스플레이(710)는 애니메이션 전에 초기 상태를 도시하고, 디스플레이(750)는 크로스 윈도우 애니메이션이 수행된 후에 최종 상태를 도시한다.
크로스 윈도우 애니메이션이 수행되지 않는 경우에, 서로 다른 요소의 위치 변경은 사용자에게 요동치는 것처럼 보일 수 있다. 예를 들어, 사용자 인터페이스 윈도우 및 문서 윈도우의 자연스러운 크기 조정을 보여주기 보다는, 윈도우가 사전지정된 크기로 디스플레이되는 경우에 윈도우는 사용자에게 요동치는 것으로 보일 것이다. 전술한 바와 같이, 크로스 윈도우 애니메이션은 오버레이 윈도우에서 사용된다. 오버레이 윈도우 아래에서, 윈도우가 크기/위치 면에서 이미 변경되었을 수 있으나, 오버레이 윈도우의 애니메이션은 그러한 위치/크기의 변경을 자연스럽게 보여준다. 오버레이 윈도우는 위치 조정/크기조절을 자연스럽게 애니메이션화 한다. 오버레이 윈도우의 애니메이션이 일어나면, 등록된 윈도우에 발생하는 변경도 또한 실시간으로 전송될 수 있어 등록된 기본 윈도우에서 변경이 이루어지며, 사용자는 여전히 기본 윈도우 내의 콘텐트의 애니메이션을 볼 것이다.
도 8은 크로스 윈도우 애니메이션을 디스플레이하는 예시적인 랜드스케이프 슬레이트를 도시한다.
디스플레이(810)는 프리젠테이션 슬라이드(820)를 디스플레이하는 슬레이트를 도시한다. 디스플레이(810)는 단일 윈도우 내에 디스플레이되는 것으로 보이나, 복수의 윈도우가 디스플레이에 사용될 수 있다. 예를 들어, 윈도우가 사용자 인터페이스 요소를 디스플레이하는 데 사용될 수 있고, 윈도우는 다른 인터페이스 요소를 디스플레이하는 데 사용될 수 있으며, 윈도우는 문서를 디스플레이하는 데 사용될 수 있는 것 등이다. 현재 예에서, 크로스 윈도우 애니메이션은 사용자 상호작용에 응답하여 수행된다. 디스플레이(810)는 애니메이션 전에 초기 상태를 보여주고, 디스플레이(850)는 크로스 윈도우 애니메이션이 수행된 후의 최종 상태를 보여준다.
알 수 있는 바와 같이, 슬라이드(820)는 서로 다른 윈도우/위치 내에 나타나도록 축소 및 이동되고, 문서 윈도우의 콘텐트는 콘텐트(860)로 대체된다. 초기 스플레이(810)에서 최종 디스플레이(850)로 수행되는 애니메이션은 서로 다른 애니메이션 효과를 포함할 수 있다. 예를 들어, 슬라이드(820)는 디스플레이(850)에 도시된 바와 같이 슬라이드 위치(820')로 자연스럽게 축소 및 이동되는 것으로 보일 수 있다. 또한, 슬라이드(820)는 콘텐트(860)가 디스플레이(850) 내에 보이는 동안 흐리게 보일 수 있다. 일반적으로, 임의의 애니메이션 효과가 전환 중에 적용될 수 있다.
도 9는 크로스 윈도우 애니메이션을 디스플레이하는 예시적인 랜드스케이프 슬레이트를 도시한다.
디스플레이(910)는 콘텐트(915)를 디스플레이하는 슬레이트를 나타낸다. 디스플레이(910)가 단일 윈도우 내에 디스플레이되는 것으로 보이나, 복수의 윈도우가 디스플레이에 사용될 수 있다. 예를 들어, 윈도우(912)는 사용자 인터페이스 요소를 디스플레이하는 데 사용될 수 있고, 윈도우(920)는 디스플레이 작업을 디스플레이하는 데 사용될 수 있으며, 윈도우(930)는 디스커션(discussion)을 디스플레이하는 데 사용될 수 있고, 윈도우(940)는 소셜 커넥터를 디스플레이하는 데 사용될 수 있는 것 등이다. 현재 예에서, 크로스 윈도우 애니메이션은 사용자 상호작용에 응답하여 수행된다. 디스플레이(910)는 애니메이션 전에 초기 상태를 나타내고, 디스플레이(950)는 크로스 윈도우 애니메이션이 수행된 후에 최종 상태를 나타낸다.
도시된 바와 같이, 윈도우(912)에서 사용자가 태스크 UI 요소를 선택하는 것에 응답하여, 윈도우(960)가 디스플레이되고, 윈도우(930 및 940)는 재배치되며, 윈도우(920)는 디스플레이로부터 제거된다. 하나 이상의 애니메이션이 크로스 윈도우 애니메이션 중에 적용될 수 있다.
도 10은 크로스 윈도우 애니메이션을 디스플레이하는 예시적인 랜드스케이프 슬레이트를 도시한다.
디스플레이(950)는 도 9에 도시된 슬레이트를 나타낸다. 디스플레이(950)가 단일 윈도우 내에 디스플레이되는 것으로 보이나, 복수의 윈도우가 디스플레이에 사용될 수 있다. 예를 들어, 윈도우(912)는 사용자 인터페이스 요소를 디스플레이하는 데 사용될 수 있고, 윈도우(930)는 디스커션을 디스플레이하는 데 사용될 수 있으며, 윈도우(940)는 소셜 커넥터를 디스플레이하는 데 사용될 수 있고, 윈도우(960)는 옵션을 보여주도록 디스플레이될 수 있는 것 등이다. 현재 예에서, 크로스 윈도우 애니메이션은 윈도우(960)에 나타낸 요소와의 사용자 상호작용에 응답하여 수행된다. 디스플레이(950)는 애니메이션 전에 초기 상태를 나타내고, 디스플레이(1000)는 크로스 윈도우 애니메이션이 수행된 후에 최종 상태를 나타낸다.
도시된 바와 같이 사용자가 윈도우(960)의 플라이 아웃 요소(fly out element, 962)를 선택하는 것에 응답하여, 윈도우(1060)가 디스플레이되고, 윈도우(930 및 940)는 재배치되며, 윈도우(960)는 디스플레이로부터 제거될 수 있다. 하나 이상의 애니메이션이 크로스 윈도우 애니메이션 중에 적용될 수 있다.
본 발명의 소정의 실시예가 설명되었으나, 다른 실시예가 존재할 수 있다. 추가로, 본 발명의 실시예가 메모리 및 다른 저장 매체에 저장되는 데이터와 연관되는 것으로 설명되었으나, 데이터는 또한 보조 저장 장치(예를 들면, 하드 디스크, 플로피 디스크 또는 CD-ROM), 인터넷으로부터의 반송파, 또는 다른 형태의 RAM 에 저장될 수 있다. 또한, 설명된 방법의 단계는 본 발명을 벗어나지 않는 범위에서 단계의 재배열 및/또는 단계의 삽입이나 삭제에 의한 것을 포함하는 임의의 방식으로 변경될 수 있다.
전술한 사양, 예 및 데이터는 본 발명의 구성의 제조 및 사용에 대한 완전한 설명을 제공한다. 본 발명의 많은 실시예가 본 발명의 사상 및 범위를 벗어나지 않는 범위에서 구성될 수 있기 때문에 본 발명은 이하에 첨부된 청구범위에 의한다.

Claims (20)

  1. 크로스 윈도우 애니메이션(cross window animation)을 위한 방법으로서,
    서로 다른 윈도우들의 일부를 덮는 애니메이션 영역을 결정하는 단계와,
    상기 애니메이션 영역을 덮도록 크기가 정해지는 오버레이 윈도우(overlay window)를 생성하는 단계와,
    상기 서로 다른 윈도우들의 일부의 위에 상기 오버레이 윈도우를 디스플레이하는 단계와,
    상기 오버레이 윈도우를 사용하여 애니메이션을 실행하는 단계 - 상기 실행하는 단계는, 제 1 다른 윈도우로부터 상기 오버레이 윈도우로 레이어를 이동시키는 단계와, 상기 레이어가 상기 제 1 다른 윈도우로부터 제 2 다른 윈도우로 크로스하는 것으로 보이도록 상기 오버레이 윈도우 내에서 상기 레이어를 이동시키는 단계와, 상기 오버레이 윈도우로부터 상기 제 2 다른 윈도우로 상기 레이어를 이동시키는 단계를 더 포함함 - 와,
    상기 애니메이션이 완료되면 상기 오버레이 윈도우를 제거하는 단계를 포함하는
    크로스 윈도우 애니메이션 방법.
  2. 제1항에 있어서,
    상기 애니메이션은 인터윈도우 애니메이션(interwindow animation)과 윈도우 전환 애니메이션(window transition animation) 중 적어도 하나이고,
    상기 인터윈도우 애니메이션은 상기 서로 다른 윈도우들 위에 시각적 요소(visual element)를 애니메이팅하는 것이고,
    상기 윈도우 전환 애니메이션은 상기 서로 다른 윈도우들 중 적어도 하나의 크기를 변경하는 것 및 상기 서로 다른 윈도우들 중 적어도 하나를 이동시키는 것 중 적어도 하나를 포함하는
    크로스 윈도우 애니메이션 방법.
  3. 제2항에 있어서,
    상기 윈도우 전환 애니메이션에서 영향을 받는 상기 서로 다른 윈도우들에 관한 정보를 특정하는 힌트를 수신하는 단계를 더 포함하되,
    상기 힌트는 초기 윈도우 위치, 초기 윈도우 크기, 최종 윈도우 위치, 최종 윈도우 크기, 초기 윈도우 가시성(visibility), 최종 윈도우 가시성 및 상기 오버레이 윈도우의 클리핑 영역(clipping region)을 포함하는
    크로스 윈도우 애니메이션 방법.
  4. 제3항에 있어서
    상기 힌트는, 윈도우의 콘텐트가 솔리드 컬러임을 특정하는 힌트, 윈도우의 콘텐트가 초기 및 최종 상태 사이에서 변하지 않을 것임을 특정하는 힌트, 윈도우가 컨트롤임을 특정하는 힌트, 윈도우가 보이지 않을 것임을 나타내는 힌트, 및 추가 영역(extra area)을 오버레이 구역(region)에 부가하는 크기조절 힌트 중 적어도 하나를 더 포함하는
    크로스 윈도우 애니메이션 방법.
  5. 제2항에 있어서,
    상기 인터윈도우 애니메이션 내에서 요소를 이동시키도록 상기 오버레이 윈도우에 레이어를 부가하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 방법.
  6. 제1항에 있어서,
    상기 서로 다른 윈도우들의 레이어의 부모(parent)를 상기 오버레이 윈도우로 변경하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 방법.
  7. 제6항에 있어서,
    상기 애니메이션이 완료된 후에 상기 레이어의 부모를 상기 오버레이 윈도우로부터 다시 상기 서로 다른 윈도우들로 변경하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 방법.
  8. 제1항에 있어서,
    상기 애니메이션에 의해 영향을 받는 상기 서로 다른 윈도우들을 등록하여 상기 등록된 윈도우로부터의 콘텐트를 상기 애니메이션 중에 상기 오버레이 윈도우에 렌더링하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 방법.
  9. 제1항에 있어서,
    상기 애니메이션이 완료되었다는 판정 및 상기 애니메이션이 사전지정된 시간을 초과했다는 판정 중 적어도 하나가 이루어질 때까지 사용자 인터페이스 스레드를 차단하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 방법.
  10. 크로스 윈도우 애니메이션을 위한 시스템으로서,
    디스플레이와,
    멀티 테넌트 서비스(multi-tenant service)의 테넌트에 연결된 네트워크 연결부와,
    프로세서 및 컴퓨터 판독가능 매체와,
    상기 프로세서상에서 실행되고 상기 컴퓨터 판독가능 매체에 저장되는 운영 환경과,
    상기 운영 환경의 제어하에 동작하고 단계들을 수행하도록 동작하는 프로세스를 포함하되,
    상기 단계들은,
    서로 다른 윈도우들의 일부를 덮는 애니메이션 영역을 결정하는 단계와,
    상기 애니메이션 영역을 덮도록 크기가 정해지는 오버레이 윈도우를 생성하는 단계와,
    상기 서로 다른 윈도우들의 일부의 위에 상기 오버레이 윈도우를 디스플레이하는 단계와,
    상기 오버레이 윈도우를 사용하여 애니메이션을 실행하는 단계를 포함하되,
    상기 애니메이션은 인터윈도우 애니메이션 및 윈도우 전환 애니메이션 중 적어도 하나이고, 상기 인터윈도우 애니메이션은 상기 서로 다른 윈도우들 위에 시각적 요소를 애니메이팅하는 것이고, 상기 윈도우 전환 애니메이션은 상기 서로 다른 윈도우들 중 적어도 하나의 크기를 변경하는 것 및 상기 서로 다른 윈도우들 중 적어도 하나를 이동시키는 것 중 적어도 하나를 포함하며,
    상기 애니메이션은,
    제 1 다른 윈도우로부터 상기 오버레이 윈도우로 레이어를 이동시키는 것과,
    상기 레이어가 상기 제 1 다른 윈도우로부터 제 2 다른 윈도우로 크로스하는 것으로 보이도록 상기 오버레이 윈도우 내에 상기 레이어를 디스플레이하는 것과,
    상기 오버레이 윈도우로부터 상기 제 2 다른 윈도우로 상기 레이어를 이동시키는 것을 더 포함하는
    크로스 윈도우 애니메이션 시스템.
  11. 제10항에 있어서,
    상기 애니메이션을 실행하는 것이 완료되면 상기 오버레이 윈도우를 제거하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 시스템.
  12. 제10항에 있어서,
    상기 애니메이션을 실행하기 전에 상기 서로 다른 윈도우들의 레이어의 부모를 상기 오버레이 윈도우로 변경하는 단계와,
    상기 애니메이션이 완료되면, 상기 레이어의 부모를 상기 오버레이 윈도우로부터 다시 상기 서로 다른 윈도우들로 변경하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 시스템.
  13. 제10항에 있어서,
    상기 애니메이션이 완료되었다는 판정 및 상기 애니메이션이 사전지정된 시간을 초과했다는 판정 중 적어도 하나가 이루어질 때까지 사용자 인터페이스 스레드를 차단하는 단계를 더 포함하는
    크로스 윈도우 애니메이션 시스템.
  14. 크로스 윈도우 애니메이션을 위해 동작 가능한 컴퓨팅 장치로서,
    프로세서와,
    명령어를 포함하는 메모리 저장소를 포함하되,
    상기 명령어는, 상기 프로세서에 의해 실행될 때,
    제 1 윈도우의 일부 및 제 2 윈도우의 일부를 덮는 애니메이션 영역을 결정하는 것과,
    상기 애니메이션 영역을 덮도록 크기가 정해지는 오버레이 윈도우를 생성하는 것 - 상기 오버레이 윈도우는 상기 애니메이션 영역 위에 디스플레이되는 불투명 배경(opaque background)을 포함함 - 과,
    상기 제 1 윈도우의 일부 및 상기 제 2 윈도우의 일부 위에 상기 오버레이 윈도우를 디스플레이하는 것과,
    상기 오버레이 윈도우를 사용하여 애니메이션을 실행하는 것
    을 제공하도록 동작 가능하고,
    상기 애니메이션을 실행하는 것은,
    상기 제 1 윈도우 및 상기 제 2 윈도우를 상기 오버레이 윈도우에 직접 콘텐트를 드로잉(draw)하도록 지시함으로써, 상기 애니메이션 내에 상기 제 1 윈도우의 일부 및 상기 제 2 윈도우의 일부를 포함하게 하는 것과,
    상기 제 1 윈도우 내의 시각적 요소를 상기 제 1 윈도우로부터 상기 오버레이 윈도우로 이동시키는 것과,
    상기 시각적 요소가 상기 제 1 윈도우로부터 상기 제 2 윈도우로 크로스하는 것으로 보이도록 상기 오버레이 윈도우 내에 상기 시각적 요소를 디스플레이하는 것과,
    상기 시각적 요소를 상기 오버레이 윈도우로부터 상기 제 2 윈도우로 이동시키는 것을 더 포함하는
    컴퓨팅 장치.
  15. 제14항에 있어서,
    상기 명령어는 또한 상기 애니메이션이 완료되면 상기 오버레이 윈도우를 제거하는 것을 제공하도록 동작 가능한
    컴퓨팅 장치.
  16. 제14항에 있어서,
    상기 명령어는 또한,
    상기 애니메이션을 실행하기 이전에 상기 시각적 요소의 부모를 상기 제 1 윈도우로부터 상기 오버레이 윈도우로 변경하는 것과,
    상기 애니메이션이 완료된 이후 상기 시각적 요소의 부모를 상기 오버레이 윈도우로부터 상기 제 2 윈도우로 변경하는 것을 제공하도록 동작 가능한
    컴퓨팅 장치.
  17. 제14항에 있어서,
    상기 명령어는 또한,
    상기 애니메이션을 실행하기 이전에, 상기 애니메이션에 의해 영향을 받는 윈도우를 등록하는 것과,
    상기 애니메이션 중에 상기 오버레이 윈도우에 콘텐트를 등록함으로써, 상기 등록된 윈도우로부터의 콘텐트는 렌더링되고 등록되지 않은 윈도우로부터의 콘텐트는 렌더링되지 않게 하는 것을 제공하도록 동작 가능한
    컴퓨팅 장치.
  18. 제14항에 있어서,
    상기 애니메이션은 인터윈도우 애니메이션과 윈도우 전환 애니메이션 중 적어도 하나이고,
    상기 인터윈도우 애니메이션은 상기 제 1 윈도우 및 상기 제 2 윈도우 위에 시각적 요소를 애니메이팅하는 것이고,
    상기 윈도우 전환 애니메이션은 상기 제 1 윈도우 및 상기 제 2 윈도우 중 적어도 하나의 크기를 변경하는 것 및 상기 제 1 윈도우 및 상기 제 2 윈도우 중 적어도 하나를 이동시키는 것 중 적어도 하나를 포함하는
    컴퓨팅 장치.
  19. 제14항에 있어서,
    상기 명령어는 또한, 상기 애니메이션이 완료되었다는 판정 및 상기 애니메이션이 사전지정된 시간을 초과했다는 판정 중 적어도 하나가 이루어질 때까지 사용자 인터페이스 스레드를 차단하는 것을 제공하도록 동작 가능한
    컴퓨팅 장치.
  20. 제14항에 있어서,
    상기 명령어는 또한, 상기 시각적 요소를 이동시키도록 상기 오버레이 윈도우에 레이어를 부가하는 것을 제공하도록 동작 가능한
    컴퓨팅 장치.
KR1020147012956A 2011-11-14 2012-11-09 크로스 윈도우 애니메이션 KR102118223B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US13/295,376 US9135022B2 (en) 2011-11-14 2011-11-14 Cross window animation
US13/295,376 2011-11-14
PCT/US2012/064259 WO2013074384A1 (en) 2011-11-14 2012-11-09 Cross window animation

Publications (2)

Publication Number Publication Date
KR20140094540A KR20140094540A (ko) 2014-07-30
KR102118223B1 true KR102118223B1 (ko) 2020-06-02

Family

ID=47644311

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020147012956A KR102118223B1 (ko) 2011-11-14 2012-11-09 크로스 윈도우 애니메이션

Country Status (7)

Country Link
US (1) US9135022B2 (ko)
EP (1) EP2780786B1 (ko)
JP (1) JP6133318B2 (ko)
KR (1) KR102118223B1 (ko)
CN (1) CN102929491B (ko)
HK (1) HK1178639A1 (ko)
WO (1) WO2013074384A1 (ko)

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8600343B2 (en) 2007-07-25 2013-12-03 Yahoo! Inc. Method and system for collecting and presenting historical communication data for a mobile device
US9721228B2 (en) 2009-07-08 2017-08-01 Yahoo! Inc. Locally hosting a social network using social data stored on a user's computer
US8990323B2 (en) 2009-07-08 2015-03-24 Yahoo! Inc. Defining a social network model implied by communications data
US20110191717A1 (en) 2010-02-03 2011-08-04 Xobni Corporation Presenting Suggestions for User Input Based on Client Device Characteristics
US7930430B2 (en) 2009-07-08 2011-04-19 Xobni Corporation Systems and methods to provide assistance during address input
US8972257B2 (en) 2010-06-02 2015-03-03 Yahoo! Inc. Systems and methods to present voice message information to a user of a computing device
US8620935B2 (en) 2011-06-24 2013-12-31 Yahoo! Inc. Personalizing an online service based on data collected for a user of a computing device
US10078819B2 (en) 2011-06-21 2018-09-18 Oath Inc. Presenting favorite contacts information to a user of a computing device
US9747583B2 (en) * 2011-06-30 2017-08-29 Yahoo Holdings, Inc. Presenting entity profile information to a user of a computing device
US9477642B2 (en) 2012-02-05 2016-10-25 Apple Inc. Gesture-based navigation among content items
US10192200B2 (en) 2012-12-04 2019-01-29 Oath Inc. Classifying a portion of user contact data into local contacts
US10157593B2 (en) * 2014-02-24 2018-12-18 Microsoft Technology Licensing, Llc Cross-platform rendering engine
CN104035676B (zh) * 2014-06-25 2019-01-18 百度在线网络技术（北京）有限公司 一种页面的切换方法及装置
US10102664B1 (en) * 2014-12-03 2018-10-16 Charles Schwab & Co., Inc. System and method for causing graphical information to be rendered
CN105719332B (zh) * 2016-01-20 2019-02-19 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置
CN105741630B (zh) * 2016-02-03 2018-11-13 李毅鸥 一种使演示文件具有交互式功能的系统及方法
KR20180083131A (ko) 2017-01-12 2018-07-20 에이치피프린팅코리아 주식회사 디스플레이 장치 및 디스플레이 장치의 제어방법
DK180318B1 (en) 2019-04-15 2020-11-09 Apple Inc Systems, methods, and user interfaces for interacting with multiple application windows
WO2022113315A1 (ja) * 2020-11-27 2022-06-02 日本電信電話株式会社 ユーザインタフェース拡張システム、ユーザインタフェース拡張方法及びユーザインタフェース拡張プログラム

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020008703A1 (en) 1997-05-19 2002-01-24 John Wickens Lamb Merrill Method and system for synchronizing scripted animations
JP2008504610A (ja) 2004-06-25 2008-02-14 アプル・コンピュータ・インコーポレーテッド ユーザ・インタフェースのための統合関心レイヤ

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6008809A (en) 1997-09-22 1999-12-28 International Business Machines Corporation Apparatus and method for viewing multiple windows within a dynamic window
JPH11184596A (ja) 1997-12-24 1999-07-09 Naoki Ito 映像的効果実現方式
US6054989A (en) * 1998-09-14 2000-04-25 Microsoft Corporation Methods, apparatus and data structures for providing a user interface, which exploits spatial memory in three-dimensions, to objects and which provides spatialized audio
US7168048B1 (en) 1999-03-24 2007-01-23 Microsoft Corporation Method and structure for implementing a layered object windows
US7559034B1 (en) * 2000-10-19 2009-07-07 DG FastChannel, Inc. Method and system for using a hyperlink, banner, or graphical icon to initiate the overlaying of an object on a window
CA2426913A1 (en) * 2000-10-20 2002-05-23 Wavexpress, Inc. Broadcast browser including multi-media tool overlay and method of providing a coverged multi-media display including user-enhanced data
US7316032B2 (en) * 2002-02-27 2008-01-01 Amad Tayebi Method for allowing a customer to preview, acquire and/or pay for information and a system therefor
US7302648B1 (en) 2002-07-10 2007-11-27 Apple Inc. Method and apparatus for resizing buffered windows
US20040100501A1 (en) 2002-11-25 2004-05-27 Dornback Jason Robert Method of dragging and dropping defined objects to or from a web page
WO2004114113A1 (en) 2003-06-20 2004-12-29 Apple Computer, Inc. Computer interface having a virtual single-layer mode for viewing overlapping objects
US8264489B2 (en) * 2003-07-11 2012-09-11 Intel Corporation Interface remoting
US7490295B2 (en) * 2004-06-25 2009-02-10 Apple Inc. Layer for accessing user interface elements
US7703036B2 (en) 2004-08-16 2010-04-20 Microsoft Corporation User interface for displaying selectable software functionality controls that are relevant to a selected object
JP2006155278A (ja) * 2004-11-30 2006-06-15 Canon Software Inc 情報処理装置および情報処理方法およびプログラムおよび記録媒体
US20060248471A1 (en) * 2005-04-29 2006-11-02 Microsoft Corporation System and method for providing a window management mode
US7876333B2 (en) 2006-03-30 2011-01-25 Smart Technologies Ulc Method and graphical interface for embedding animated content into a computer application
US20080231627A1 (en) * 2007-03-20 2008-09-25 Robert Allen Shearer Using Ray Tracing to Enhance Artificial Intelligence Character Behavior
US20110167364A1 (en) * 2010-01-05 2011-07-07 Nokia Corporation Methods and apparatuses for improving application startup
US9223589B2 (en) 2010-02-26 2015-12-29 Microsoft Technology Licensing, Llc Smooth layout animation of visuals
US9330490B2 (en) * 2011-04-29 2016-05-03 University Health Network Methods and systems for visualization of 3D parametric data during 2D imaging

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020008703A1 (en) 1997-05-19 2002-01-24 John Wickens Lamb Merrill Method and system for synchronizing scripted animations
JP2008504610A (ja) 2004-06-25 2008-02-14 アプル・コンピュータ・インコーポレーテッド ユーザ・インタフェースのための統合関心レイヤ

Also Published As

Publication number Publication date
HK1178639A1 (zh) 2013-09-13
US20130120444A1 (en) 2013-05-16
JP6133318B2 (ja) 2017-05-24
US9135022B2 (en) 2015-09-15
KR20140094540A (ko) 2014-07-30
EP2780786A4 (en) 2015-09-09
JP2015502606A (ja) 2015-01-22
WO2013074384A1 (en) 2013-05-23
EP2780786A1 (en) 2014-09-24
CN102929491B (zh) 2016-10-05
EP2780786B1 (en) 2021-10-06
CN102929491A (zh) 2013-02-13

Similar Documents

Publication Publication Date Title
KR102118223B1 (ko) 크로스 윈도우 애니메이션
JP7377319B2 (ja) タッチ感知式セカンダリディスプレイにおいてユーザインタフェースコントロールを動的に提供するシステム、デバイス、及び方法
CN111339032B (zh) 管理具有多页面的文件夹的设备、方法和图形用户界面
JP6165154B2 (ja) 仮想入力パネルによるオクリュージョンを回避するためのコンテンツ調整
KR102027612B1 (ko) 애플리케이션의 썸네일-이미지 선택 기법
JP6046126B2 (ja) マルチ・アプリケーション環境
US20130191785A1 (en) Confident item selection using direct manipulation
US20130106888A1 (en) Interactively zooming content during a presentation
US11379112B2 (en) Managing content displayed on a touch screen enabled device
US20130117684A1 (en) Dynamically generated icons for graphical user interface on client
US20180373403A1 (en) Client device, control method, and storage medium
US20130111333A1 (en) Scaling objects while maintaining object structure
CN109416638B (zh) 可定制的紧凑叠加窗口
US20210389849A1 (en) Terminal, control method therefor, and recording medium in which program for implementing method is recorded
KR102553661B1 (ko) 단말기, 이의 제어 방법 및 상기 방법을 구현하기 위한 프로그램을 기록한 기록 매체
CN106406687A (zh) 输入控制方法及装置

Legal Events

Date Code Title Description
N231 Notification of change of applicant
E902 Notification of reason for refusal
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant