KR20160018866A - 애니메이션을 이용한 정보 디스플레이 방법 및 장치 - Google Patents

애니메이션을 이용한 정보 디스플레이 방법 및 장치 Download PDF

Info

Publication number
KR20160018866A
KR20160018866A KR1020167002869A KR20167002869A KR20160018866A KR 20160018866 A KR20160018866 A KR 20160018866A KR 1020167002869 A KR1020167002869 A KR 1020167002869A KR 20167002869 A KR20167002869 A KR 20167002869A KR 20160018866 A KR20160018866 A KR 20160018866A
Authority
KR
South Korea
Prior art keywords
interface
area
visible
personal data
data area
Prior art date
Application number
KR1020167002869A
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 텐센트 테크놀로지(센젠) 컴퍼니 리미티드
Publication of KR20160018866A publication Critical patent/KR20160018866A/ko

Links

Images

Classifications

    • 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
    • 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]
    • G06F9/4443—
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/20—3D [Three Dimensional] animation
    • G06T13/40—3D [Three Dimensional] animation of characters, e.g. humans, animals or virtual beings
    • 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
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

본 발명에 따른 애니메이션을 이용한 정보 디스플레이 방법 및 장치에서, 상기 방법은, A, 서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하는 단계; B, 구축된 인터페이스 중 적어도 하나의 가시 인터페이스를 확정하여, 상기 가시 인터페이스를 디스플레이 하고, 기타 인터페이스는 감추는 단계; C, 가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하고, 가시영역에 대응되는 인터페이스 이외의 인터페이스는 감추는 단계를 포함한다. 본 발명에 따르면, 강제로 컨트롤을 재정렬함으로써 애니메이션 종료 후에 깜빡임이 발생하고 애니메이션 디스플레이 효과에 영향을 주는 문제점을 방지할 수 있다.

Description

애니메이션을 이용한 정보 디스플레이 방법 및 장치{METHOD AND DEVICE FOR ANIMATED DISPLAY OF INFORMATION}
본 발명은 인터넷 기술에 관한 것으로서, 보다 상세하게는 애니메이션을 이용한 정보 디스플레이 방법 및 장치에 관한 것이다.
휴대전화 기술이 발전함에 따라, 애니메이션 형식을 이용하여 디스플레이 되는 상품들, 예를 들어 마이크로 블로그 및 기타 응용 프로그램이, 갈수록 많이 휴대전화에 설치되고 있다. 이하, 종래 애니메이션 형식을 이용하여 마이크로 블로그를 디스플레이 하는 방식에 대하여 설명하겠다.
소위 마이크로 블로그란, 소규모 형식의 블로그란 단어의 약자로서, 사용자간의 인간관계를 기반으로 하는 인터넷 응용 상품인데, 사용자는 다양한 인터넷 단말기를 이용해 접속하여, 일반적으로 140자 내의 정보를 공유, 전달 및 획득할 수 있게 된다. 현재, ANDROID 시스템(즉, GOOGLE사가 출시한 핸드폰 운영체계)에 이용되는 애니메이션 디스플레이 형식의 마이크로 블로그는, 구체적으로 마이크로 블로그의 단일 방송 화면이 개인자료영역과 기능영역의 두 영역으로 구성된 경우, 시작 단계에서 기능영역이 디스플레이 되고 개인자료영역은 감춰져 있는데; 개인자료영역이 디스플레이 되어야 할 경우에는, 개인자료영역이 완전히 디스플레이 될 때까지 기능영역이 애니메이션 형식으로 점차 슬라이딩되면서 하강하고, 개인자료영역이 클로즈 되어야 할 경우에는, 개인자료영역이 완전히 감춰질 때까지 기능영역이 애니메이션 형식으로 점차 올라오게 되는 방식을 취하고 있다.
그러나, Android 시스템에서의 애니메이션은, 단지 컨트롤 상의 외형적 위치관계의 표현형식 변화만 시킨 것일 뿐, 실제 컨트롤 상의 정렬관계를 변화시키는 것이 아니어서, 애니메이션 되는 영역은 원래의 위치에 남아있게 된다. 예를 들어, 개인자료영역을 디스플레이 하고자 할 때에, 기능영역의 컨트롤은 비록 외형상 슬라이딩되는 것처럼 표현되지만, 실제로는 슬라이딩되기 전의 위치에 그대로 남아 있는데, 이는 컨트롤 상의 표현위치와 실제위치가 맞지 않는 현상을 초래한다. 이러한 문제점을 해결하기 위해서는, 애니메이션 종료 후 또는 실행 전에 강제로 컨트롤을 재정렬해야 하는데, 재정렬을 하게 되면 애니메이션 종료 후 깜빡임이 발생하고, 애니메이션 디스플레이 효과에 영향을 미치게 된다.
본 발명은, 강제로 컨트롤을 재정렬함으로써 애니메이션 종료 후 깜빡임이 발생하고, 애니메이션 디스플레이 효과에 영향을 미치는 문제점을 해결하기 위한 애니메이션을 이용한 정보 디스플레이 방법 및 장치를 제공한다.
본 발명의 기술방안은 다음과 같은 방법 및 장치를 제공한다.
A, 서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하는 단계;
B, 구축된 인터페이스 중 적어도 하나의 가시 인터페이스를 확정하여, 상기 가시 인터페이스를 디스플레이 하고, 기타 인터페이스는 감추는 단계;
C, 가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하고, 가시영역에 대응되는 인터페이스 이외의 인터페이스는 감추는 단계를 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하는 구축유닛;
구축된 인터페이스 중 하나의 가시 인터페이스를 확정하여, 상기 가시 인터페이스를 디스플레이 하고, 기타 인터페이스는 감추는 정렬유닛;
가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하고, 가시영역에 대응되는 인터페이스 이외의 인터페이스를 감추는 제1 디스플레이유닛을 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 장치.
상술한 기술방안으로부터 알 수 있듯이, 본 발명은 서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하고, 구축된 인터페이스 중 적어도 하나의 가시 인터페이스를 확정하여, 상기 가시 인터페이스를 디스플레이하고, 기타 인터페이스는 감추며; 가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하고, 가시영역에 대응되는 인터페이스 이외의 인터페이스는 감추는 방식을 통해, 본 발명은 종래에 인터페이스가 변경되지 않으면서 단지 인터페이스 상의 영역만 슬라이딩되는 기술방안과 달리, 새롭고도 완전한 인터페이스를 디스플레이 함으로써, 컨트롤 상의 표현위치와 실제위치가 맞지 않는 문제가 발생하지 않으며, 나아가 강제로 컨트롤을 재정렬함으로써 애니메이션 종료 후에 깜빡임이 발생하고, 애니메이션 디스플레이 효과에 영향을 주는 문제점을 방지하여, 애니메이션의 원활성 및 교호영역의 정확성을 구현하였다.
도 1은 본 발명의 실시예에 따른 기본적인 순서도이다.
도 2는 본 발명의 실시예에 따른 구체적인 순서도이다.
도 3은 본 발명의 실시예에 따른 장치의 기본적인 구조도이다.
도 4는 본 발명의 실시예에 따른 장치의 구체적인 구조도이다.
본 발명의 방법에 따르면, 강제로 컨트롤을 재정렬하여 애니메이션 종료 후 깜빡임이 발생하고 애니메이션 디스플레이 효과에 영향을 주는 문제점을 방지하기 위하여, 서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축할 수 있다. 이로써, 가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 할 수 있으며, 이렇게 디스플레이 되는 인터페이스는 종래에 디스플레이 되는 인터페이스에 비하여 새롭고도 완전한 인터페이스이며, 종래 기술방안 중 슬라이딩 구역으로 형성되는 인터페이스와는 다르다. 따라서, 컨트롤 상의 표현위치와 실제위치가 맞지 않는 문제가 발생되지 않으며, 나아가 강제로 컨트롤을 재정렬함으로써 애니메이션 종료 후 깜빡임이 발생하고 애니메이션 디스플레이 효과에 영향을 미치는 문제점을 해결할 수 있다.
본 발명의 목적, 기술방안 및 특징을 보다 명확히 하기 위하여, 이하 도면 및 구체적 실시예들을 참조하여 본 발명에 대해 상세히 설명하기로 한다.
도1을 참조하면, 도 1은 본 발명의 실시예에 따른 기본적인 순서도이다. 도1에 도시된 바와 같이, 상기 순서는 다음과 같은 단계를 포함한다.
서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하는 단계(101).
구축된 인터페이스 중 적어도 하나의 가시 인터페이스를 확정하여, 상기 가시 인터페이스를 디스플레이 하고, 기타 인터페이스는 감추는 단계(102). 이 경우, 본 102 단계에서는, 프레임레이아웃(framelayout) 중첩 구조에 따라 상기 가시 인터페이스와 기타 인터페이스를 정렬하여, 상기 가시 인터페이스를 디스플레이하고 기타 인터페이스는 감춰는 목적을 구현한다. 구체적으로는, 가시 인터페이스를 최상위 층에 배치하고, 기타 인터페이스는 가시 인터페이스의 하층에 배치한다.
여기서 중요한 것은, 상기 101단계에서, 구축된 인터페이스가 가시영역과 비 가시영역을 포함할 경우, 프레임레이아웃(framelayout) 구조에 따라서 상기 인터페이스의 가시영역과 비 가시영역을 정렬할 수 있다. 보다 자세하게는: 가시영역은 최상위 층에 배치하고, 기타 비 가시영역은 가시영역의 하층에 배치한다.
가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하고, 가시영역에 대응되는 인터페이스 이외의 인터페이스는 감추는 단계(103).
이상, 본 발명의 실시예에 따른 프로세스 설명을 일단락한다.
본 발명의 실시예에 따른 프로세스는 휴대전화용 마이크로 블로그 및 기타 응용프로그램에 적용될 수 있다. 이하, 휴대전화용 마이크로 블로그를 예로 들어, 상술한 프로세스에 대해 설명하기로 하며, 기타 응용 프로그램에 적용되는 원리는 실질적으로 동일하므로 중복된 설명은 생략하기로 한다.
도 2를 참조하면, 도 2는 본 발명의 실시예에 따른 구체적인 순서도이다. 본 실시예는 휴대전화용 마이크로 블로그에 적용한 경우이다. 휴대전화용 마이크로 블로그 중, 단일 방송 화면은 크게 두 영역을 포함한다. 그 중 하나는 개인자료영역으로서, 청취 대상 수, 청중 수, 업데이트한 모든 정보 수 등과 같은 개인자료를 포함하고; 다른 하나는 기능영역으로서, 업데이트 한 내용이나 이를 조작할 수 있는 버튼등과 같은 기능정보를 포함한다. 그리고, 단일 방송 화면은 일반적으로 두 가지 상태로 디스플레이 되는데, 그 중 한 상태(‘상태I’ 이라 함)는 가시영역이 개인자료영역과 기능영역인 상태이고, 다른 한 상태(‘상태II’라고 함)는 가시영역이 단지 기능영역이 되고 개인자료영역은 감쳐지는 상태이다. 이에 따르면, 도 2에 도시된 프로세스는 다음과 같은 단계를 포함한다.
개인자료영역과 기능영역을 모두 포함하는 인터페이스I 및 인터페이스II를 구축하는 단계(201).
서버로부터 개인자료영역을 채우기 위한 개인자료정보 및 기능영역을 채우기 위한 기능 정보를 추출하고, 추출한 개인자료정보 및 기능정보를 인터페이스I및 인터페이스II에 대응되는 영역에 채워 넣는 단계(202).
즉, 개인자료정보를 인터페이스I 및 인터페이스II의 개인자료영역에 각각 채워넣고, 기능정보는 인터페이스I 및 인터페이스II의 기능영역에 각각 채워 넣는다.
인터페이스I 의 개인자료영역과 기능영역을 가시영역I로 설정하고, 인터페이스I를 상기 가시영역I에 대응되는 인터페이스로 확정하는 단계(203).
즉, 203단계는 단일 방송 화면의 상태I이다.
이 경우, 인터페이스I의 기능영역과 개인자료영역의 위치관계는 207단계에서의 이동방향과 연관되는데, 이는 208단계 부분에서 자세히 설명하기로 한다.
인터페이스II의 기능영역을 가시영역II로 설정하고, 인터페이스II의 개인자료영역을 감추고, 인터페이스II를 상기 가시영역II에 대응되는 인터페이스로 확정하는 단계(204).
즉, 204단계는 단일 방송 화면의 상태II이다.
이 경우, 204단계에서 인터페이스II의 기능영역을 가시영역II로 설정하고, 인터페이스II의 개인자료영역을 감추는 방법은, 인터페이스II의 개인자료영역과 기능영역을 프레임레이아웃(framelayout) 구조에 따라 정렬하여, 인터페이스II의 기능영역은 디스플레이 되고 인터페이스II의 개인자료영역이 감춰지도록 제어하여 구현할 수 있다. 즉, 하기 위하여. 즉, 기능영역을 최상위 층에 배치하고, 개인자료영역을 상기 기능영역의 하층에 감추는, 구체적으로는, 제트오더(Zorder)의 심도관계를 통해 구현할 수 있다.
인터페이스II를 가시 인터페이스로 확정하고, 프레임레이아웃(framelayout) 구조에 따라 상기 가시 인터페이스와 인터페이스I를 정렬하여, 상기 가시 인터페이스가 디스플레이 되고 기타 인터페이스가 감춰지도록 제어하는 단계(205).
즉, 205단계를 통해서, 인터페이스II가 최상위 층에 배치되어 디스플레이 되고, 인터페이스I는 인터페이스II의 하층에 감춰지는데, 구체적으로는 제트오더(Zorder)의 심도관계를 통해 구현된다.
이상, 201단계 내지 205단계는 사용자가 단일 방송 화면에 접속하기 전에 실행될 수 있다. 예를 들어, 사용자가 단일 방송 화면에 접속하면, 206 단계를 실행할 수 있다.
사용자가 단일 방송 화면에 접속하게 되면, 인터페이스II를 디스플레이 하고, 상기 인터페이스II 상의 개인자료영역을 감춰서 단지 기능영역만 가시화 하는 단계(206).
사용자가 우선 단일 방송 화면에 접속 시, 상기 단일 방송 화면이 나타내는 상태는 상태II 즉, 디스플레이 되는 인터페이스는 인터페이스II이고, 상기 인터페이스II 상의 개인자료영역은 감춰지고 단지 기능영역만 가시화되는 것을 알 수 있다.
여기서 중요한 것은, 만약 201단계가 인터페이스I와 인터페이스II를 구축하는 것 외에, 예를 들어 인터페이스III과 같은 기타 인터페이스를 구축해야 하는 경우, 기본적으로, 본 실시예에서는 사용자가 단일 방송 화면에 접속 시, 인터페이스II외에도 구축한 인터페이스III과 같은 기타 인터페이스를 더 디스플레이 할 수 있다.
개인자료영역의 디스플레이 이벤트 수신 시, 애니메이션 형식으로 인터페이스II 의 기능영역을 점진적으로 이동시켜, 인터페이스II의 개인자료영역을 점진적으로 디스플레이 하는 단계(207).
본 실시예 중 이동은 다양한 방식으로 실현될 수 있는데, 예를 들면, 슬라이딩 하강, 수평이동 등이 있을 수 있다.
슬라이딩 하강을 예로 들면, 207단계에서의 이동은 애니메이션 형식으로 점진적으로 인터페이스II의 기능영역을 슬라이딩하며 하강하는 것이 된다.
인터페이스II의 개인자료영역이 완전히 디스플레이 될 시, 이동을 멈추고 인터페이스I를 가시화하고, 인터페이스II를 인터페이스I의 하층으로 감추는 단계(208).
상기 201단계에서 개인자료영역을 설정한 이후에는, 상기 개인자료영역의 크기를 확실히 알 수 있다. 예를 들면, 기능영역의 이동 크기가 상기 개인자료영역의 크기와 동일할 경우, 이는 인터페이스II의 개인자료영역이 완전히 디스플레이 되는 것을 나타낸다.
여기서, 만약 본 실시예에서 애니메이션 형식으로 인터페이스II의 기능영역이 슬라이딩 하강하도록 설정하면, 상기 개인자료영역의 크기는 상기 개인자료영역의 높이가 되지만; 만약 본 실시예에서 애니메이션 형식으로 인터페이스II의 기능영역이 수평 이동하도록 설정하면, 상기 개인자료영역의 크기는 상기 개인자료영역의 폭이 된다. 인터페이스II의 기능영역이 슬라이딩 하강하는 것을 예를 들어 설명하면, 208단계는 구체적으로: 기능영역이 슬라이딩 하강하는 높이가 상기 개인자료영역의 높이와 동일할 경우, 인터페이스II의 개인자료영역이 완전히 디스플레이 되는 것을 나타내고, 예를 들어, 에니메이션 슬라이딩 하강이 멈추면, 인터페이스I이 가시화되고, 인터페이스II는 인터페이스I의 하층에 감춰진다.
인터페이스I은 실질적으로 207단계 중 에니메이션 이동이 완료된 후의 상태라는 것을 알 수 있는데, 여기서 기능영역과 개인자료영역의 위치관계는 이동되는 방향과 관련이 있으며, 만약 슬라이딩 하강의 이동이라면, 인터페이스I의 기능영역은 개인자료영역의 아래방향에 위치하게 되고, 만약 좌우측과 같은 수평 방향의 이동이라면, 인터페이스I의 기능영역은 개인자료영역의 좌측에 위치하게 된다.
여기서 중요한 것은, 만약 206단계 중 인터페이스II가 디스플레이 되는 것 외에, 예를 들어 인터페이스III과 같은 기타 인터페이스가 디스플레이 되고 있다면, 상기 인터페이스III을 디스플레이 할 필요가 없을 경우에는, 상기 인터페이스III이 디스플레이 되지 않을 때까지 애니메이션 형식으로 인터페이스III을 점진적으로 이동할 수 있는데, 예를 들면, 인터페이스II을 애니메이션 형식으로 슬라이딩 하강시키거나, 또는 애니메이션 형식으로 수평 이동 시키는 등이 있을 수 있다. 당연히, 만약 인터페이스III을 또 디스플레이 해야 한다면, 상기 인터페이스III을 더 디스플레이 시킬 수 도 있으며, 더 다양하게 변화될 수 있는 바, 여기서 구체적인 한정을 하지 않기로 하겠다.
개인자료영역의 클로즈 이벤트 수신 시, 인터페이스II를 가시화하고, 인터페이스I는 인터페이스II의 하층에 감추는 단계(209).
207단계의 이동방향과 반대되는 방향에 따라서, 207 단계에서의 이동 시작 위치로 복귀될 때까지 인터페이스II의 기능영역을 점진적으로 이동시키고, 인터페이스II의 개인자료영역을 완전히 감추는 단계(210).
실질적으로 본 210단계는 단일 방송 화면의 처음 상태, 즉 상태II로 복귀하는 것이다. 208단계 중, 이미 인터페이스II의 기능영역을 이동시켰기 때문에, 인터페이스II를 처음 상태로 복귀 시키기 위해서는, 인터페이스II 중의 기능영역을 207의 단계의 이동 시작 위치로 복귀할 때까지 반대방향으로 이동시켜야 한다.
207단계에서 인터페이스II의 기능영역을 슬라이딩 하강 이동시킨다고 예를 들면, 본 210단계는, 207단계에서 슬라이딩 하강이 시작된 위치로 복귀할 때까지 인터페이스II의 기능영역 위로 걷어들인다. 즉, 본210 단계를 완료 시, 사용자가 막 단일 방송 화면에 접속한 상태로 복귀하는 것이다.
이상, 본 발명의 실시예에 따른 방법에 대하여 설명하였다.
이하, 본 발명의 실시예에 따른 장치에 대하여 설명한다.
도3을 참조하면, 도 3은 본 발명의 실시예에 따른 장치의 기본적인 구조도이다. 도3에 도시된 바와 같이, 상기 장치는 구축유닛(301), 정렬유닛(302) 및 제1 디스플레이유닛(303)을 포함한다.
이 중, 구축유닛(301)은 서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하고;
정렬유닛(302)은 구축된 인터페이스 중 적어도 하나의 가시 인터페이스를 확정하여, 상기 가시 인터페이스를 디스플레이 하되 기타 인터페이스는 감추며;
제1 디스플레이유닛(303)은 가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하고, 가시영역에 대응되는 인터페이스 이외의 인터페이스를 감춘다.
이상, 본 발명의 실시예에 따른 장치에 대하여 간략하게 설명하였으며, 이하 본 발명의 실시예에 따른 장치에 대하여 자세히 설명하기로 한다.
도 4를 참조하면, 도 4는 본 발명의 실시예에 따른 장치의 구체적인 구조도이다. 도 4에 도시된 바와 같이, 상기 장치는 구축유닛(401), 정렬유닛(402) 및 제1 디스플레이유닛(403)을 포함한다. 이 중, 구축유닛(401), 정렬유닛(402) 및 제1 디스플레이유닛(403)이 구비하는 기능은 각기 구축유닛(301), 정렬유닛(302) 및 제1 디스플레이유닛(303)의 기능과 실질적으로 동일하므로, 불필요한 설명은 생략하기로 한다.
바람직하게는, 도 4에 도시된 바와 같이, 구축유닛(401)은,
개인자료영역과 기능영역을 모두 포함하는 인터페이스I과 인터페이스II를 구축하기 위한 서브 구축유닛(4011);
서버로부터 개인자료영역을 채우기 위한 개인자료정보 및 기능영역을 채우기 위한 기능정보를 추출하고, 추출한 개인자료정보 및 기능정보를 인터페이스I및 인터페이스II에 대응되는 영역에 채우는 서브 필링유닛(4012);
인터페이스I의 개인자료영역과 기능영역을 가시영역I로 설정하고, 인터페이스I를 상기 가시영역I에 대응되는 인터페이스로 확정하며; 그리고 인터페이스II의 기능영역을 가시영역 II로 설정하고, 인터페이스II의 개인자료영역은 감추고, 인터페이스II를 상기 가시영역II에 대응되는 인터페이스로 확정하는 서브 설정유닛(4013)을 포함한다.
본 실시예 중, 정렬유닛(402)은, 프레임레이아웃(framelayout) 구조에 따라 상기 가시 인터페이스와 기타 인터페이스를 정렬하여, 상기 가시 인터페이스는 디스플레이되고, 기타 인터페이스는 감춰지도록 제어하고;
서브 설정유닛(4013)은, 프레임 레이아웃(framelayout) 구조에 따라 인터페이스II 의 가시영역과 개인자료영역을 정렬하여, 인터페이스II의 기능영역은 디스플레이되고, 인터페이스II의 개인자료영역은 감춰지도록 제어한다.
본 실시예에 따르면, 정렬유닛(402)이 확정한 가시 인터페이스는 인터페이스II가 되는데; 이에 따르면, 도 4에 도시한 바와 같이, 제1 디스플레이유닛(403)은:
개인자료영역의 디스플레이 이벤트 수신 시, 애니메이션 형식으로 인터페이스II 의 기능영역을 점진적으로 이동시켜, 인터페이스II의 개인자료영역을 점진적으로 디스플레이 하는 서브 이동유닛(4031);
인터페이스II의 개인자료영역이 완전히 디스플레이 될 시, 이동을 멈추고 인터페이스I를 가시화하고, 나아가 인터페이스II는 감추는 서브 디스플레이유닛(4032)을 포함한다.
바람직하게는, 도 4에 도시된 바와 같이, 상기 장치는 제2 디스플레이유닛(404)를 더 포함한다.
이 경우, 제2 디스플레이유닛(404)은
개인자료영역의 클로즈 이벤트를 수신 시, 인터페이스II를 가시화하고, 인터페이스I는 감춘 다음; 서브 이동유닛의 이동방향과 반대되는 방향에 따라서, 서브 이동유닛이 이동 시작 위치로 복귀될 때까지 인터페이스II의 기능영역을 점진적으로 이동시킨다.
이상, 본 발명의 실시예에 따른 장치에 대하여 자세히 설명하였다.
상술한 기술방안으로부터 알 수 있듯이, 본 발명은 서로 다른 가시영역에 대응되게 서로 다른 인터페이스를 구축하고, 구축된 인터페이스 중 적어도 하나의 가시 인터페이스를 확정하여, 상기 가시영역을 디스플레이하되 구축된 기타 인터페이스는 숨기며; 가시영역의 디스플레이 이벤트 수신 시, 상기 가시영역에 대응되는 인터페이스를 애니메이션 형식으로 디스플레이 하는데, 이로부터 알 수 있듯이, 본 발명은 인터페이스가 변경되지 않는 상태를 유지하면서, 단지 인터페이스 상의 영역만 하강시키는 종래의 기술방안과 달리, 새롭고도 완전한 인터페이스를 디스플레이 함으로써, 컨트롤 상의 표현위치와 실제위치가 맞지 않는 문제가 발생하지 않으며, 나아가 강제로 컨트롤을 재정렬함으로써 애니메이션 종료 후에 깜빡임이 발생하고 애니메이션 디스플레이 효과에 영향을 주는 문제점을 방지할 수 있으며, 애니메이션의 원활성 및 교호영역의 정확성을 실현할 수 있다.
이상, 상기에서는 본 발명을 바람직한 실시예를 참조하여 설명하였지만, 본 발명을 한정하기 위함은 아니며, 하기의 특허청구범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 수정, 치환, 변경시키는 것은 모두 본 발명의 보호범위에 속한다고 할 것이다.

Claims (11)

  1. A, 그래픽 사용자 인터페이스(Graphic User Interface)로서, 적어도 두개의 영역들을 포함하며, 상기 영역들 중에서 화면에 디스플레이되는 가시 영역을 적어도 하나 포함하는 인터페이스들을 구축하는 단계;
    B, 구축된 인터페이스들 중 하나의 인터페이스를 선택하며, 선택된 가시 인터페이스를 디스플레이하고, 적어도 하나의 선택되지 않은 기타 인터페이스를 감추는 단계; 및
    C, 상기 가시 인터페이스에서 가시영역이 아닌 부분이 존재하는 경우, 상기 부분에 대하여 디스플레이 이벤트가 수신되면, 상기 부분을 가시영역으로 포함하는 인터페이스를 애니메이션 형식으로 디스플레이하는 단계
    를 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
  2. 제 1 항에 있어서,
    상기 A 단계는 상기 인터페이스들로 두 개의 영역들을 포함하는 인터페이스 Ⅰ과 인터페이스 Ⅱ를 구축하며, 상기 인터페이스 Ⅰ은 두 개의 영역들을 모두 가시 영역으로 포함하고, 상기 인터페이스 Ⅱ는 한 개의 영역만을 가시 영역으로 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
  3. 제 1 항에 있어서,
    상기 A 단계에서의 상기 인터페이스들은,
    A1, 개인자료영역과 기능영역을 모두 포함하는 인터페이스 Ⅰ 및 인터페이스 Ⅱ를 구축하는 단계; 및
    A2, 상기 인터페이스 Ⅰ의 개인자료영역과 기능영역을 가시영역 Ⅰ로 설정하고, 상기 인터페이스 Ⅰ을 상기 가시영역 Ⅰ에 대응되는 인터페이스로 확정하며, 상기 인터페이스 Ⅱ의 기능영역을 가시영역 Ⅱ로 설정하고, 상기 인터페이스 Ⅱ를 상기 가시영역 Ⅱ에 대응되는 인터페이스로 확정하는 단계
    를 통하여 구축되는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
  4. 제 3 항에 있어서,
    상기 B 단계 중, 프레임레이아웃(framelayout) 구조에 따라 상기 가시 인터페이스와 상기 기타 인터페이스를 정렬하여, 상기 가시 인터페이스는 디스플레이되고, 기타 인터페이스는 감춰지도록 제어하고;
    상기 A2 단계 중, 프레임레이아웃(framelayout) 구조에 따라 인터페이스 Ⅱ의 기능영역과 개인자료영역을 정렬하여, 인터페이스 Ⅱ의 기능영역은 디스플레이되고, 인터페이스 Ⅱ의 개인자료영역은 감춰지도록 제어하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
  5. 제 3 항에 있어서,
    상기 B 단계는 상기 인터페이스 Ⅱ를 상기 가시 인터페이스로 선택하고,
    상기 인터페이스 Ⅱ의 제어에 따라 상기 인터페이스 Ⅰ도 동일하게 제어되며,
    상기 C 단계는,
    C1, 상기 개인자료영역에 대하여 디스플레이 이벤트가 수신되면 상기 애니메이션 형식으로 상기 인터페이스 Ⅱ의 기능영역을 상기 인터페이스 Ⅱ의 개인자료영역의 하층이나 좌측으로 이동시키는 단계; 및
    C2, 상기 인터페이스 Ⅱ의 기능영역이 상기 인터페이스 Ⅱ의 개인자료영역의 하층이나 좌측으로 완전히 이동되면, 상기 인터페이스 Ⅰ을 디스플레이하고, 상기 인터페이스 Ⅱ는 감추는 단계
    를 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
  6. 제 5 항에 있어서,
    상기 C2 단계 이후,
    상기 인터페이스 Ⅱ의 상기 개인자료영역에 대하여 클로즈 이벤트가 수신되면 상기 인터페이스 Ⅱ를 디스플레이하고, 상기 인터페이스 Ⅰ을 감추는 단계; 및
    상기 C1 단계의 이동 방향과 반대되는 방향에 따라서, 상기 C1 단계의 이동 시작 위치로 복귀될 때까지 상기 인터페이스 Ⅱ의 기능영역을 이동시키는 단계
    를 더 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 방법.
  7. 그래픽 사용자 인터페이스(Graphic User Interface)로서, 적어도 두개의 영역들을 포함하며, 상기 영역들 중에서 화면에 디스플레이되는 가시 영역을 적어도 하나 포함하는 인터페이스들을 구축하는 구축 유닛;
    구축된 인터페이스들 중 하나의 인터페이스를 선택하며, 선택된 가시 인터페이스를 디스플레이하고, 적어도 하나의 선택되지 않은 기타 인터페이스를 감추는 정렬 유닛; 및
    상기 가시 인터페이스에서 가시영역이 아닌 부분이 존재하는 경우, 상기 부분에 대하여 디스플레이 이벤트가 수신되면, 상기 부분을 가시영역으로 포함하는 인터페이스를 애니메이션 형식으로 디스플레이하는 제1 디스플레이 유닛
    을 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 장치.
  8. 제 7 항에 있어서,
    상기 구축 유닛은,
    개인자료영역과 기능영역을 모두 포함하는 인터페이스 Ⅰ 및 인터페이스 Ⅱ를 구축한 후,
    상기 인터페이스 Ⅰ의 개인자료영역과 기능영역을 가시영역 Ⅰ로 설정하고, 상기 인터페이스 Ⅰ을 상기 가시영역 Ⅰ에 대응되는 인터페이스로 확정하며, 상기 인터페이스 Ⅱ의 기능영역을 가시영역 Ⅱ로 설정하고, 상기 인터페이스 Ⅱ를 상기 가시영역 Ⅱ에 대응되는 인터페이스로 확정하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 장치.
  9. 제 8 항에 있어서,
    상기 정렬 유닛은, 프레임레이아웃(framelayout) 구조에 따라 상기 가시 인터페이스와 상기 기타 인터페이스를 정렬하여, 상기 가시 인터페이스는 디스플레이되고, 기타 인터페이스는 감춰지도록 제어하고;
    상기 서브 설정 유닛은, 프레임레이아웃(framelayout) 구조에 따라 인터페이스 Ⅱ의 기능영역과 개인자료영역을 정렬하여, 인터페이스 Ⅱ의 기능영역은 디스플레이되고, 인터페이스 Ⅱ의 개인자료영역은 감춰지도록 제어하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 장치.
  10. 제 8 항에 있어서,
    상기 정렬 유닛은 상기 인터페이스 Ⅱ를 상기 가시 인터페이스로 선택하고,
    상기 인터페이스 Ⅱ의 제어에 따라 상기 인터페이스 Ⅰ도 동일하게 제어되며,
    상기 제1 디스플레이 유닛은,
    상기 개인자료영역에 대하여 디스플레이 이벤트가 수신되면, 상기 애니메이션 형식으로 상기 인터페이스 Ⅱ의 기능영역을 상기 인터페이스 Ⅱ의 개인자료영역의 하층이나 좌측으로 이동시키는 서브 이동 유닛; 및
    상기 인터페이스 Ⅱ의 기능영역이 상기 인터페이스 Ⅱ의 개인자료영역의 하층이나 좌측으로 완전히 이동되면, 상기 인터페이스 Ⅰ을 디스플레이하고, 상기 인터페이스 Ⅱ는 감추는 서브 디스플레이 유닛
    을 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 장치.
  11. 제 10 항에 있어서,
    상기 인터페이스 Ⅱ의 상기 개인자료영역에 대하여 클로즈 이벤트가 수신되면 상기 인터페이스 Ⅱ를 디스플레이하고 상기 인터페이스 Ⅰ을 감추며, 상기 서브 이동 유닛의 이동 방향과 반대되는 방향에 따라서 상기 서브 이동 유닛이 이동 시작 위치로 복귀될 때까지 상기 인터페이스 Ⅱ의 기능영역을 이동시키는 제2 디스플레이 유닛
    을 더 포함하는 것을 특징으로 하는 애니메이션을 이용한 정보 디스플레이 장치.
KR1020167002869A 2010-09-26 2011-09-01 애니메이션을 이용한 정보 디스플레이 방법 및 장치 KR20160018866A (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN2010102951728A CN102411468A (zh) 2010-09-26 2010-09-26 利用动画展示信息的方法和装置
CN201010295172.8 2010-09-26
PCT/CN2011/079242 WO2012037849A1 (zh) 2010-09-26 2011-09-01 利用动画展示信息的方法和装置

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020127029904A Division KR20130016337A (ko) 2010-09-26 2011-09-01 애니메이션을 이용한 정보 디스플레이 방법 및 장치

Publications (1)

Publication Number Publication Date
KR20160018866A true KR20160018866A (ko) 2016-02-17

Family

ID=45873431

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020127029904A KR20130016337A (ko) 2010-09-26 2011-09-01 애니메이션을 이용한 정보 디스플레이 방법 및 장치
KR1020167002869A KR20160018866A (ko) 2010-09-26 2011-09-01 애니메이션을 이용한 정보 디스플레이 방법 및 장치

Family Applications Before (1)

Application Number Title Priority Date Filing Date
KR1020127029904A KR20130016337A (ko) 2010-09-26 2011-09-01 애니메이션을 이용한 정보 디스플레이 방법 및 장치

Country Status (4)

Country Link
US (1) US10872450B2 (ko)
KR (2) KR20130016337A (ko)
CN (1) CN102411468A (ko)
WO (1) WO2012037849A1 (ko)

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103019516B (zh) * 2012-12-10 2016-08-03 北京世界星辉科技有限责任公司 用于显示页面的方法和设备
CN103034410B (zh) * 2012-12-10 2016-01-13 北京奇虎科技有限公司 页面显示的方法及设备
US9872719B2 (en) 2013-07-24 2018-01-23 Covidien Lp Systems and methods for generating electrosurgical energy using a multistage power converter
US10130412B2 (en) 2013-09-26 2018-11-20 Covidien Lp Systems and methods for estimating tissue parameters using surgical devices
US9867651B2 (en) 2013-09-26 2018-01-16 Covidien Lp Systems and methods for estimating tissue parameters using surgical devices
US10058374B2 (en) 2013-09-26 2018-08-28 Covidien Lp Systems and methods for estimating tissue parameters using surgical devices
US10332200B1 (en) * 2014-03-17 2019-06-25 Wells Fargo Bank, N.A. Dual-use display screen for financial services applications
CN106201153B (zh) * 2015-04-29 2020-01-24 阿里巴巴集团控股有限公司 一种操作入口展示方法及装置
CN106843631B (zh) * 2016-11-15 2020-06-05 北京安云世纪科技有限公司 一种处理应用图标的方法和装置
CN106681591A (zh) * 2016-12-30 2017-05-17 珠海市魅族科技有限公司 一种信息显示方法以及装置

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7805678B1 (en) * 2004-04-16 2010-09-28 Apple Inc. Editing within single timeline
US9535667B2 (en) * 2005-08-23 2017-01-03 Adobe Systems Incorporated Content collapse outside of selection
CN101079713A (zh) * 2006-06-02 2007-11-28 腾讯科技（深圳）有限公司 一种界面显示的方法及***
US20080115081A1 (en) * 2006-11-09 2008-05-15 Microsoft Corporation Enhanced windows management feature
CN100530088C (zh) * 2007-06-26 2009-08-19 腾讯科技（深圳）有限公司 一种应用程序的触发方法及装置
US20090319914A1 (en) * 2008-06-23 2009-12-24 Microsoft Corporation Assessing relationship between participants in online community
US9277021B2 (en) * 2009-08-21 2016-03-01 Avaya Inc. Sending a user associated telecommunication address
CN101661376A (zh) * 2009-09-21 2010-03-03 宇龙计算机通信科技(深圳)有限公司 一种窗口信息显示方法、***及显示终端
US20110113486A1 (en) * 2009-11-10 2011-05-12 James Anthony Hunt Credentialing User Interface for Gadget Application Access
US20110296351A1 (en) * 2010-05-26 2011-12-01 T-Mobile Usa, Inc. User Interface with Z-axis Interaction and Multiple Stacks

Also Published As

Publication number Publication date
US10872450B2 (en) 2020-12-22
KR20130016337A (ko) 2013-02-14
CN102411468A (zh) 2012-04-11
US20130215216A1 (en) 2013-08-22
WO2012037849A1 (zh) 2012-03-29

Similar Documents

Publication Publication Date Title
KR20160018866A (ko) 애니메이션을 이용한 정보 디스플레이 방법 및 장치
AU2018101226A4 (en) Systems, methods, and graphical user interfaces for interacting with augmented and virtual reality environments
KR102478011B1 (ko) 표시 제어 방법, 단말, 정보처리 장치 및 프로그램
JP6010691B2 (ja) 移動端末のデスクトップシステム、インタフェースインタラクション方法、装置、プログラム、及び記録媒体
KR101305781B1 (ko) 표시 제어 장치, 표시 제어 프로그램이 기록된 기록 매체 및 표시 제어 방법
KR101397685B1 (ko) 사용자 단말 및 사용자 단말의 화면 표시방법
CN105518614B (zh) 用于多屏幕应用程序的屏幕录制的方法、设备和计算机可读介质
US20160034437A1 (en) Mobile social content-creation application and integrated website
US20140279025A1 (en) Methods and apparatus for display of mobile advertising content
CN103176684B (zh) 一种多区域切换界面的方法及装置
CN103246433A (zh) 屏幕自定义分窗口显示控制方法
EP2669793A1 (en) Interface autonomous planning method and device
US20150269128A1 (en) Portlet display on portable computing devices
CN103019536A (zh) 演示期间交互地缩放内容
CN107533568B (zh) 确定应用缩放等级的***和方法
JP2014149860A (ja) 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
CN102685020A (zh) 微博墙显示方法及***
CN102968299A (zh) 一种手机应用广告动画的处理方法
CN103135888A (zh) 用于显示补充窗口的方法和移动装置
CN106610826A (zh) 在线场景应用的制作方法及装置
CN103513889A (zh) 一种在社交网站中快速输入动态信息的方法
JP2023551670A (ja) ページ切替表示方法、装置、記憶媒体及び電子機器
CN106657635A (zh) 显示会话的方法及移动终端
US9997138B2 (en) System and method for adaptive and persistent media presentations
CN106708495B (zh) 一种基于移动终端的页面显示方法及装置

Legal Events

Date Code Title Description
A107 Divisional application of patent
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application
E601 Decision to refuse application
E801 Decision on dismissal of amendment