KR20190064633A - 페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기 - Google Patents

페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기 Download PDF

Info

Publication number
KR20190064633A
KR20190064633A KR1020197013494A KR20197013494A KR20190064633A KR 20190064633 A KR20190064633 A KR 20190064633A KR 1020197013494 A KR1020197013494 A KR 1020197013494A KR 20197013494 A KR20197013494 A KR 20197013494A KR 20190064633 A KR20190064633 A KR 20190064633A
Authority
KR
South Korea
Prior art keywords
graph
page
displaying
change
displayed
Prior art date
Application number
KR1020197013494A
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 KR20190064633A publication Critical patent/KR20190064633A/ko

Links

Images

Classifications

    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • 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
    • 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • 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/16—Sound input; Sound output
    • G06F3/167—Audio in a user interface, e.g. using voice commands for navigating, audio feedback
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows

Abstract

본원의 일부 실시예들은 페이지를 표시하는 방법, 그래픽 사용자 인터페이스, 및 이동 단말기를 제공한다. 이 방법은, 먼저, 사용자의 조작 동작을 검출하는 단계, 검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하는 단계 - 여기서 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - , 그리고 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 경계에 인접한 복수의 그래프 중 적어도 하나의 변화 형태를 표시하는 단계 - 상기 그래프의 변화 형태는 초기 형태와 상이함 - 를 포함한다. 이 방법은 사용자가 상호 작용을 위해 이동 단말기를 사용하는 때 발생하는 종래 기술의 단점 및 불편함을 제거하는 데 사용된다.

Description

페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기
본 발명은 전자 기술 분야에 관한 것으로, 특히 페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기에 관한 것이다.
지속적인 진화에 따라, 이동 단말기는 더욱 더 많은 수량의 컴퓨터 기능을 구현할 수 있다. 이동 단말기를 사용하여, 사람들은 서로 통신할 수 있을 뿐만 아니라, 오락 활동, 생활 관리, 모바일 오피스 솔루션 등을 구현할 수 있다. 기능이 풍부하고 휴대가 간편하며 사용하기 쉬운 지능형 장치로서, 이동 단말기는 데스크탑 컴퓨터 또는 랩탑을 점차적으로 대체하고 사람들에 의해 매일 사용되는 주류 전자 장치가 된다.
이동 단말기의 휴대성을 만족시키기 위해, 이동 단말기의 디스플레이 크기는 일반적으로 데스크톱 컴퓨터 또는 랩탑의 디스플레이 크기보다 더 작을 것이 요구된다. 또한, 이동 단말기에 의해 실행되는 기능들의 수량과 기능들의 내용은 계속적으로 증가한다. 따라서, 대부분의 경우, 이동 단말기는 현재 디스플레이 인터페이스에 전체 페이지의 일 부분만을 표시할 수 있고, 사용자는 일반적으로 이동 단말기로 하여금 스크롤링(scrolling) 방식 또는 평행 이동(translation) 방식으로 나머지 콘텐츠를 표시하도록 이동 조작을 수행해야 한다.
예를 들어, 사용자가 이동 단말기에서 페이지를 슬라이딩하는 동작을 수행하는 때, 사용자는 일반적으로 페이지의 경계(상부 경계, 하부 경계, 왼쪽 경계, 또는 우측 경계를 포함함)까지 페이지를 계속 슬라이딩한다. 그러나, 페이지가 페이지의 경계까지 슬라이딩되는 때, 이동 단말기에 표시되는 가시적인 피드백 프롬프트가 없으면, 사용자는 조작에 대한 오해를 가질 수 있다. 예를 들어, 사용자에 의해 입력된 조작이 유효한지를 사용자가 알지 못하므로, 사용자는 계속해서 유효하지 않은 조작을 반복하여, 조작 효율에 영향을 미치고, 사용 경험에 영향을 미친다.
본원의 일부 실시예들에 따라 제공되는 표시 장치를 갖는 이동 단말기에서 페이지를 표시하는 방법 및 장치는 사용자가 상호 작용을 위해 이동 단말기를 사용하는 때 발생하는 종래의 단점 및 불편함을 해소하는 데 사용된다.
일 양태에 따르면, 본원의 일부 실시예들에 따라 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 방법이 제공된다. 이동 단말기는 사용자의 조작 동작을 검출하고, 사용자의 조작 동작에 따라 표시 장치에 페이지를 이동 가능하게 표시하며, 조작 동작에 따라 페이지가 페이지 경계에 도달하도록 이동되는 것이 검출되고, 조작 동작이 여전히 검출되는 때, 이동 단말기는 제1 그래프의 형태를 변화시키고, 페이지 내에 있는 페이지 경계에 인접한 제1 그래프의 변화된 형태를 표시하며, 변화 형태는 모핑되지 않은 제1 그래프의 초기 형태와 상이하게 보인다.
전술한 설명을 참조하면, 일부 실시예들에서, 방법은, 먼저, 이동 단말기가, 표시 장치에 페이지를 표시하는 단계, 이동 장치가, 페이지를 표시하는 과정에서 사용자의 조작 동작을 검출하는 단계, 조작 동작이 검출되는 때, 조작 동작에 응답하여, 페이지를 제1 방향으로 이동 가능하게 표시하는 단계 - 페이지는 하나 이상의 그래프를 포함하고, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고, 즉, 페이지가 표시 장치에서 이동되고 페이지의 일 영역이 표시되는 때, 페이지의 상기 영역 내의 그래프가 표시되고, 이들 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - , 그런 다음, 이동 장치가, 페이지가 이동되는 때 페이지 경계에 도달되는지를 검출하는 단계, 그리고 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되는 것으로 검출되고, 조작 동작이 여전히 검출되는 때, 표시 장치에 제1 그래프의 변화 형태를 표시하는 단계 - 제1 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이함 - 를 포함한다.
페이지의 그래프는 문자, 항목 목록, 디지털 이미지, 또는 아이콘이고, 하나의 페이지는 하나 이상의 그래프 유형을 포함할 수 있다는 것을 유의해야 한다.
또한, 그래프의 형상 변화 또는 크기 변화는 그래프의 형상 및 크기의 변화이고, 그래프의 일부 영역이 표시 장치의 표시 영역 밖으로 이동하고, 나머지 영역이 표시 장치의 표시 영역에 표시되는 경우는 그래프의 형상 또는 크기의 변화에 속하지 않는다는 것을 유의해야 한다.
일부 실시예들에서, 그래프의 변화 형태는 초기 형상에 대해 형상 변화, 크기 변화, 투명도 변화, 또는 색상 변화 중 하나 또는 임의의 조합이 수행된 이후에 획득된 형상을 포함한다.
일부 실시예들에서, 제1 그래프의 형태를 표시 장치에 표시하는 때, 조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 이동 단말기는 제1 그래프의 동적으로 변화하는 변화 형태를 표시하고, 미리 설정된 범위 내의 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도한다. 조작 동작의 동작 범위가 미리 설정된 범위를 초과하는 것으로 검출되는 때, 제1 그래프의 변화 형태는 더 이상 동적으로 변화하지 않고, 이동 단말기는 제1 그래프의 정적 변화 형태를 표시한다.
일부 실시예들에서, 제1 그래프의 형태를 표시 장치에 표시하는 때, 조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 이동 단말기는 제1 그래프의 동적으로 변화하는 변화 형태를 표시하고, 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도한다.
일부 실시예들에서, 표시 장치에 제1 그래프의 형태를 표시한 후에, 더 이상 검출되지 않는 조작 동작에 응답하여, 이동 단말기는 제1 그래프의 형태를 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 복원하고, 제1 그래프의 초기 형태를 표시한다.
이동 단말기는 제1 그래프의 형태를 복원하는 과정을 표시하기 위해, 제1 그래프의 초기 형태가 표시되는 때까지, 표시 장치에, 제1 그래프를 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 점진적으로 복원하는 트위닝된(tweened) 애니메이션을 표시한다는 것을 유의해야 한다.
일부 실시예들에서, 이동 단말기가 제1 방향으로 표시 장치에 페이지를 이동 가능하게 표시한 후, 조작 동작이 더 이상 검출되지 않는 때, 이동 단말기는 표시 장치에 대해 다음과 같은 처리: 감쇠 이동 후에 감속 방식으로 제1 방향으로 페이지를 계속 이동시키는 것을 계속 표시한다. 페이지가 제1 방향으로 이동한 것으로 검출되고, 페이지가 이동되는 때 페이지 경계에 도달되는 때더라도 이동 속도가 여전히 0으로 감소되지 않으면, 이동 단말기는 페이지의 페이지 경계에 도달되는 때 제1 그래프의 변화 형태를 표시하며, 제1 그래프의 변화 형태가 제1 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 전술한 실시예들 중 일부를 참조하면, 페이지가 제1 방향으로 이동되고, 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 이동 단말기는 페이지를 계속 이동시키고 페이지 경계를 벗어나는 영역(예를 들어, 상기 영역은 블랭크 영역 또는 순수 색상 영역)을 표시한다. 상기 영역은 페이지와 상이하고, 상기 영역 및 페이지는 사용자에 의해 시각적으로 쉽게 구별될 수 있다. 조작 입력이 더 이상 검출되지 않은 후에, 페이지가 더 이상 표시되지 않는 때까지, 페이지가 제1 방향과 반대 방향인 제2 방향으로 이동된다.
일부 실시예들에서, 이동 단말기는 터치 디스플레이를 갖고, 사용자의 조작 동작을 검출하는 단계는, 터치 디스플레이 상에서 사용자에 의해 수행되는 터치 동작을 검출하는 단계를 포함한다.
다른 일부 실시예들에서, 이동 단말기가 사용자의 조작 동작을 검출하는 것은 다음의: 사용자의 음성 명령을 검출하는 것, 사용자의 제스처 동작을 검출하는 것, 또는 사용자의 신체 동작을 검출하는 것 중 적어도 하나를 더 포함할 수 있다.
일부 실시예들에서, 이동 단말기가 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되는 것을 검출하고, 조작 동작을 여전히 검출하면, 이동 단말기는 프롬프트를 위한 경고음을 더 재생할 수 있다.
전술한 실시예들을 참조하면, 제1 방향은 표시 장치 상에서의 수평 방향, 수직 방향, 또는 경사 방향이다.
본 발명의 다른 양태에 따르면, 상기 방법에서, 이동 단말기가 페이지가 이동되는 때 페이지 경계에 도달되는 것을 검출하고, 여전히 조작 동작을 검출할 수 있는 때, 이동 단말기는 하나 이상의 그래프 중 페이지 경계에 인접한 적어도 두 개의 그래프의 변화 형태를 표시한다.
가능한 구현 솔루션에서, 적어도 두 개의 그래프의 초기 형태로부터 하나 이상의 그래프 중 페이지 경계에 인접한 적어도 두 개의 그래프의 변화 형태로의 형태 변화의 정도는 상이할 수 있다. 예를 들어, 페이지 경계로부터의 상이한 거리에 따라 상이한 형태 차이가 생성된다. 예를 들어, 페이지 경계로부터의 거리가 더 짧으면, 형태 차이가 더 크다. 즉, 제1 그래프와 페이지 경계 사이의 거리가 제2 그래프와 페이지 경계 사이의 거리보다 더 작으면, 제2 그래프의 표시된 변화 형태와 제2 그래프의 초기 형태 사이의 차이는 제1 그래프의 표시된 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 더 크다.
전술한 설명을 참조하면, 본원의 일부 실시예들에 따라 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 방법이 제공되고, 상기 방법은, 사용자의 조작 동작을 검출하는 단계, 검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하는 단계 - 여기서 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - , 그리고 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계 - 제1 그래프 및 제2 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이함 - 를 포함한다.
물론, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되고, 조작 동작이 여전히 검출되면, 이동 단말기는 페이지 내의 하나 이상의 그래프 중 페이지 경계에 인접한 제3 그래프, 제4 그래프 등의 형태 변화를, 표시 장치에, 추가로 표시할 수 있다.
일부 실시예들에서, 제1 그래프와 페이지 경계 사이의 거리는 제2 그래프와 페이지 경계 사이의 거리보다 더 작고, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계는, 제1 그래프의 변화 형태와 제2 그래프의 변화 형태를 표시하는 단계 - 제2 그래프의 변화 형태와 제2 그래프의 초기 형태 사이의 차이가 제1 그래프의 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 큼 - 를 포함한다.
전술한 실시예들 중 일부에 따르면, 이동 단말기에 의해 수행되는 방법은 사용자와 상호 작용하는 프로세스에서 보다 직관적이고, 간결하며, 흥미로운 상호 작용 정보를 제공하여, 사용자의 사용 경험을 개선한다.
본 발명의 또 다른 양태에 따르면, 상기 방법에서, 이동 단말기는, 실제 효과에 더 가까워지도록, 조작 동작에 따라, 관성 원리를 사용하여 감쇠 이동 방식으로 수행되는 페이지의 이동을 표시한다. 조작 동작이 더 이상 검출되지 않는 때, 페이지의 속도가 0으로 감소되는 때까지, 페이지는 조작 동작이 정지되는 때 감속 방식으로 페이지의 이동 방향으로 계속 이동된다. 이동 속도가 0으로 감소되지 않음이 검출되고, 페이지가 제1 방향으로 이동되는 때에 페이지 경계에 도달되는 때, 페이지 내의 경계에 인접한 제1 그래프의 변화 형태가 표시된다.
전술한 설명을 참조하면, 본원의 일부 실시예들에 따라 제공되는 방법에서, 이동 단말기는 사용자의 조작 동작을 검출하고, 조작 동작이 검출되었다는 사실에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 제1 방향으로 표시 장치에 이동 가능하게 표시하고, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되며, 조작 동작이 더 이상 검출되지 않는다는 사실에 응답하여, 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시키고, 페이지의 이동 속도가 0으로 감소되지 않음이 검출되고, 페이지가 제1 방향으로 이동되는 때 페이지 경계가 도달되었다는 사실에 응답하여, 제1 그래프의 변화 형태를 표시하며, 제1 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되었다는 사실에 응답하여, 이동 단말기는 페이지 이동을 중단한다.
일부 다른 실시예들에서, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것이 검출되었다는 사실에 응답하여, 이동 단말기는 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하며, 여기서 상기 영역은 페이지와 상이하고, 페이지의 이동 속도가 0으로 감소된 것을 검출한 것에 응답하여, 이동 단말기는 상기 영역이 더 이상 표시되지 않는 때까지, 제1 방향과 반대인 제2 방향으로 페이지를 이동시키고, 이동 단말기는 상기 영역이 더 이상 표시되지 않는 때 제1 그래프의 초기 형태를 표시한다.
또 다른 양태에 따르면, 본원의 일부 실시예들에 따라 제공되는 이동 단말기는 표시 장치, 하나 이상의 프로세서, 및 메모리를 포함하며, 메모리는 컴퓨터 프로그램을 저장하도록 구성되며, 프로세서는 컴퓨터 프로그램을 실행하여 다음의 절차, 사용자의 조작 동작을 검출하는 단계, 검출되는 조작 동작에 응답하여, 표시 장치에 하나 이상의 그래프를 포함하는 페이지를 제1 방향으로 이동 가능하게 표시하는 단계, 그리고 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계를 수행하도록 구성되고, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고, 제1 그래프 및 제2 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 이동 장치는 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하는 단계 - 상기 영역은 페이지와 상이함 - , 페이지의 이동 속도가 0으로 감소된 것을 검출하는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키는 단계, 그리고 상기 영역이 더 이상 표시되지 않는 때, 제1 그래프의 초기 형태를 표시하는 단계를 더 수행한다.
또 다른 양태에 따르면, 본원의 일부 실시예들에 따라 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 장치가 제공되고, 상기 장치는, 사용자의 조작 동작을 검출하도록 구성된 검출 모듈, 검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하도록 구성된 이동 표시 모듈, 그리고 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태를 표시하도록 구성된 모핑(morphing) 표시 모듈을 포함하고, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고, 제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 모핑 표시 모듈은, 조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하고, 조작 동작의 동작 범위가 미리 설정된 범위를 초과하는 것을 검출하는 것에 응답하여, 제1 그래프의 정적 변화 형태를 표시하도록 구성된 제1 표시 서브유닛을 포함하고, 미리 설정된 범위 내의 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도한다.
일부 실시예들에서, 모핑 표시 모듈은, 조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하도록 구성된 제2 표시 서브유닛을 포함하고, 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도한다.
일부 실시예들에서, 제1 그래프의 변화 형태가 표시된 후에, 조작 동작이 더 이상 검출되지 않는 것에 응답하여, 제1 그래프의 초기 형태를 표시하도록 구성된 복원 표시 모듈을 더 포함한다.
일부 실시예들에서, 복원 표시 모듈은 제1 그래프의 초기 형태가 표시되는 때까지, 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 제1 그래프를 점진적으로 복원하는 트위닝된(tweened) 애니메이션을 표시하도록 구성된 복원 표시 서브유닛을 포함한다.
일부 실시예들에서, 장치는페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하고 - 상기 영역은 페이지와 상이함 - , 조작 입력이 더 이상 검출되지 않는 것에 응답하여, 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키도록 구성된 영역 표시 모듈을 더 포함한다.
또 다른 양태에 따르면, 본원의 일부 실시예들에 따라 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 장치가 제공되고, 상기 장치는 사용자의 조작 동작을 검출하도록 구성된 검출 모듈, 검출되는 조작 동작에 응답하여, 표시 장치에 하나 이상의 그래프를 포함하는 페이지를 제1 방향으로 이동 가능하게 표시하도록 구성된 이동 표시 모듈, 그리고 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하도록 구성된 모핑(morphing) 표시 모듈을 포함하고, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고, 제1 그래프 및 제2 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 모핑 표시 장치는 제1 그래프의 변화 형태와 제2 그래프의 변화 형태를 표시하도록 더 구성되고, 제2 그래프의 표시된 변화 형태와 제2 그래프의 초기 형태 사이의 차이가 제1 그래프의 표시된 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 크다.
또 다른 양태에 따르면, 본원의 일부 실시예들에 따라 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 장치가 제공되고, 상기 장치는 사용자의 조작 동작을 검출하도록 구성된 검출 모듈, 검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하고, 조작 동작이 더 이상 검출되지 않는 것에 응답하여, 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시키도록 구성된 무빙 표시 모듈, 그리고 페이지가 제1 방향으로 이동되는 때 페이지의 이동 속도가 0으로 감소하지 않고, 페이지 경계에 도달되는 것을 검출하여, 제1 그래프의 변화 형태를 표시하도록 구성된 모핑 표시 모듈을 포함하고, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고, 제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 장치는, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하도록 구성된 영역 표시 모듈 - 상기 영역은 페이지와 상이함 - , 페이지의 이동 속도가 0으로 감소된 것을 검출하는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키도록 구성된 복귀 표시 모듈, 그리고 상기 영역이 더 이상 표시되지 않는 때, 제1 그래프의 초기 형태를 표시하도록 구성된 복원 표시 모듈을 더 포함한다.
또 다른 양태에 따르면, 본원의 일부 실시예들에 따라 표시 장치를 갖는 이동 단말기 상의 그래픽 사용자 인터페이스가 제공되고, 상기 그래픽 사용자 인터페이스는, 표시 장치에 표시된 페이지의 일 부분을 포함하고, 페이지는 하나 이상의 그래프를 포함하며, 사용자의 조작 동작이 검출되었다는 사실에 응답하여, 페이지는 제1 방향으로 이동되고, 하나 이상의 그래프는 초기 형태로 표시되며, 페이지가 제1 방향으로 이동되고, 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태가 표시되며, 제1 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 하나의 그래프이고, 제1 그래프의 변화 형태는 제1 형태의 초기 형태와 상이하다.
일부 실시예들에서, 본 발명의 특정 구현에서 구현 모듈에 따르면, 구현 모듈은 표시 장치에 애니메이션 표시를 구현하도록 구성된 입력 유닛 및 오브젝트 컨트롤을 포함하고, 오브젝트 컨트롤은 제어 인터페이스 프레임워크 및 페이지 동작 프롬프트 애니메이션 엔진, 및 페이지 동작 프롬프트 애니메이션 엔진은 이벤트 처리 유닛, 애니메이션 알고리즘 유닛, 이벤트 콜백 메카니즘, 및 그래프 렌더링 유닛을 포함한다. 입력 유닛은 사용자의 조작 동작의 입력을 획득한다. 이벤트 처리 유닛은 사용자의 조작 동작을 검출하고, 사용자의 조작 동작을 슬라이딩 변위 정보로 변환한다. 애니메이션 알고리즘 유닛은 슬라이딩 변위 정보에 따라 페이지의 위치 정보를 계산한다. 이벤트 콜백 메카니즘은 페이지의 위치 정보 및 슬라이딩 변위 정보에 따라, 페이지가 이동되는 때 페이지 경계에 도달되는지를 결정하고, 모핑 알고리즘 및 렌더링 알고리즘을 결정한다. 애니메이션 알고리즘 유닛은 모핑 알고리즘에 따라, 표시 장치에 표시된 페이지의 그래프의 줌(zoom) 정보를 계산한다. 그래프 렌더링 유닛은 페이지의 위치 정보 및 그래프의 줌 정보에 따라, 그래프 효과 묘사, 즉 렌더링 알고리즘을 수행하고, 묘사 데이터를 생성한 다음, 묘사 데이터를 생성한 다음, 제어 인터페이스 프레임워크를 호출하여 묘사 데이터를 특정 표시 장치에 적응시켜, 묘사한 데이터를 표시 장치에 표시한다.
본 발명의 실시예들에서의 기술적 해결책을 보다 명확하게 설명하기 위해, 다음은 실시예들을 설명하기 위해 요구되는 첨부 도면을 간단히 설명한다. 첨부 도면에서, 동일한 참조 부호는 대응하는 부분들을 나타낸다. 명백하게, 다음의 설명에서 첨부된 도면은 단지 본 발명의 실시예들의 일부를 나타내지만 전부를 나타내지는 않는다. 창조적인 노력 없이 당업자는 이들 도면으로부터 다른 도면을 유도할 수 있다.
도 1은 일부 실시예들에 따른 이동 단말기의 개략적인 구조도이다.
도 2는 일부 실시예들에 따른 이동 단말기의 소프트웨어의 개략도이다.
도 3은 일부 실시예들에 따른 이동 단말기의 외관의 개략도이다.
도 4a 내지 도 4o는 일부 실시예들에 따른 이동 단말기에서의 형태 변화를 표시하기 위한 개략적인 예시도이다.
도 5a 내지 도 5e는 일부 실시예들에 따라 이동 단말기의 표시 장치에 페이지를 이동 가능하게 표시하는 개략적인 예시도이다.
도 6은 일부 실시예들에 따라 페이지를 평행 이동하고 사용자에게 페이지의 경계에 도달되었다는 것을 통지하는 방법의 순서도이다.
도 7a 내지 도 7c는 일부 실시예들에 따른 스크롤링 목록의 형태 변화에 대한 개략적인 예시도이다.
도 8a 내지 도 8c는 일부 실시예들에 따른 스크롤링 목록의 형태 변화에 대한 개략적인 예시도이다.
도 9a 내지 도 9c는 일부 실시예들에 따른 스크롤링 목록의 형태 변화에 대한 개략적인 예시도이다.
도 9d는 특정 시나리오의 일부 실시예들에 따른 형태 변화의 개략적인 예시도이다.
도 10a 내지 도 10c는 일부 실시예들에 따른 스크롤링 목록의 형태 변화에 대한 개략적인 예시도이다.
도 11a 내지 도 11f는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다.
도 12a 내지 도 12c는 아이콘이 일부 실시예들에 따라 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다.
도 13a 내지 도 13d는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다.
도 14a 내지 도 14c는 특정 시나리오의 일부 실시예들에 따라 섬네일이 좌측 방향으로 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다.
도 15a 내지 도 15c는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다.
도 15d 내지 도 15f는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다.
도 16은 일부 실시예들에 따라 이동 단말기에서 동작하도록 구성될 수 있는 모듈의 개략도이다.
도 17은 일부 실시예들에 따라 이동 단말기에서 동작하도록 구성될 수 있는 장치의 개략도이다.
다음은 일부 실시예들에서의 첨부 도면을 참조하여 실시예들에서의 기술적 해결책을 명확하고 완전하게 설명한다. 명백하게, 설명된 실시예들은 단지 실시예들의 일부이나, 전부는 아니다. 일부 잘 알려진 방법, 프로세스, 구조, 및 네트워크는 더 이상 중복 설명되지 않는다.
다음은 이동 단말기의 일 실시예, 이동 단말기에서 사용되는 그래픽 사용자 인터페이스의 일 실시예, 및 이동 단말기에 의해 구현되는 방법의 일 실시예를 설명한다. 이동 단말기는 휴대 전화(스마트 폰이라고도 함), 태블릿 컴퓨터(Tablet Personal Computer), PDA(Personal Digital Assistant), 전자책 리더(e-book reader), 웨어러블 장치(Wearable Device), 가상 현실 대화형 장치(Virtual Reality Interactive Device) 등을 포함할 수 있다. 2G(2세대 이동 통신 기술 규격), 3G(3세대 이동 통신 기술 규격), 4G(4세대 이동 통신 기술 규격), 5G(5세대 이동 통신 규격), WLAN(무선 근거리 통신망), 또는 미래에 나타날 수 있는 통신 모드를 포함할 수 있다.
간결성을 위해, 이는 본 발명의 실시예들에서 더 제한되지 않는다. 설명을 용이하게 하기 위해, 이하의 실시예들에서 설명을 위해 이동 단말기가 예로서 사용된다.
도 1은 일부 실시예들에 따른 이동 단말기(100)의 개략적인 구조도이다. 이동 단말기는 휴대 전화, 태블릿 컴퓨터, PDA(Personal Digital Assistant), POS(Point of Sale), 차량용 컴퓨터 등을 포함하는 단말일 수 있다. 이동 단말기는 전화 애플리케이션, 인스턴트 메시지 송수신 애플리케이션, 디지털 사진 및/또는 이미지 촬영 애플리케이션, 웹 브라우징 애플리케이션, 음악 및/또는 비디오 재생 애플리케이션, 비디오 통신 애플리케이션, 소셜 네트워킹 애플리케이션, 금융 애플리케이션, 기상 애플리케이션, 쇼핑 애플리케이션, 및 오피스 애플리케이션과 같은 다양한 애플리케이션을 지원할 수 있다.
도 1은 일부 실시예들에 따른 이동 단말기(100)의 부분 구조의 블록도이다. 도 1을 참조하면, 이동 단말기(100)는 RF(Radio Frequency) 회로(110), 메모리(120), 입력 유닛(130), 디스플레이 유닛(140), 센서(150), 오디오 주파수 회로(160), WiFi(Wireless Fidelity) 모듈(170), 프로세서(180), 및 전원(190)을 포함한다.
당업자는 도 1에 도시된 이동 단말기의 구조는 구현 예일 뿐이고, 이동 단말기에 제한이 없으며, 도면에 도시된 것보다 더 많거나 또는 더 적은 구성요소를 포함하거나, 또는 일부 구성요소를 조합하거나, 또는 상이한 구성요소 배치를 가질 수 있다.
다음은 도 1을 참조하여 이동 단말기(100)의 각 구성요소를 구체적으로 설명한다.
RF 회로(110)는 정보를 수신 및 송신하거나, 호 프로세스에서 신호를 수신 및 송신하도록 구성될 수 있고, 특히, 기지국으로부터 다운링크 정보를 수신한 후, 처리를 위해 프로세서(180)에 다운링크 정보를 송신하고, 관련 업링크 데이터를 기지국에 송신하도록 구성될 수 있다. RF 회로는 일반적으로 안테나, 적어도 하나의 증폭기, 트랜시버, 커플러, LNA(Low Noise Amplifier, 저잡음 증폭기), 및 듀플렉서를 포함하지만 이에 한정되지는 않는다. 또한, RF 회로(110)는 네트워크 및 다른 장치와 무선 통신 방식으로 통신할 수 있다. 임의의 통신 표준 또는 프로토콜이, GSM(Global System of Mobile communication), GPRS(General Packet Radio Service), CDMA(Code Division Multiple Access), WCDMA(Wideband Code Division Multiple Access), LTE(Long Term Evolution), 전자 메일, 및 SMS(Short Messaging Service, SMS 메시지 서비스)를 포함하지만 이에 제한되지 않는 무선 통신을 위해 사용될 수 있다.
메모리(120)는 소프트웨어 프로그램 및 모듈을 저장하도록 구성될 수 있으며, 프로세서(180)는 메모리(120)에 저장된 소프트웨어 프로그램 및 모듈을 실행하여 이동 단말기(100)의 다양한 기능 애플리케이션 및 데이터 처리를 수행한다. 메모리(120)는 주로 프로그램 저장 영역 및 데이터 저장 영역을 포함할 수 있다. 프로그램 저장 영역은 운영 체제, 적어도 하나의 기능(예를 들어, 사운드 재생 기능 또는 이미지 재생 기능)에 의해 요구되는 애플리케이션 프로그램 등을 저장할 수 있다. 데이터 저장 영역은 이동 단말기(100)의 사용에 따라 생성된 데이터(오디오 데이터 또는 전화 번호부 등)를 저장할 수 있다. 또한, 메모리(120)는 고속 랜덤 액세스 메모리를 포함할 수 있거나, 적어도 하나의 자기 디스크 저장 장치, 플래시 메모리 장치, 또는 다른 휘발성 고체-상태 저장 장치(solid-state storage device)와 같은 비 휘발성 메모리를 포함할 수 있다.
입력 유닛(130)은 입력된 디지털 또는 문자 정보를 수신하고, 이동 단말기(100)의 사용자 설정 및 기능 제어와 관련된 키 신호 또는 동작 신호 입력을 생성하도록 구성될 수 있다. 구체적으로, 입력 유닛(130)은 터치 패널(131), 카메라(132), 또는 다른 입력 장치(132) 중 하나 이상을 포함할 수 있다. 터치 패널(131)은 터치 디스플레이 또는 터치 패드일 수 있다. 터치 디스플레이는 디스플레이와 터치 영역을 통합한 장치이다. 터치 패드는 터치 디스플레이와 상이한, 시각적 출력을 표시하지 않는 터치 검출 영역이다. 터치 패드는 디스플레이 패널로부터 분리된 터치 검출 표면, 또는 터치 스크린을 포함하는 터치 검출 표면의 연장 부분일 수 있다. 터치 패널(131)은 터치 패널(131) 상에서 또는 그 근방에서 사용자에 의해 수행된 터치 조작(터치 패널(131) 상에서 또는 터치 패널(131) 근방에서, 손가락 또는 스타일러스 등의 임의의 적절한 물체 또는 액세서리를 사용하여 사용자에 의해 수행되는 조작과 같은)을 수집할 수 있고, 미리 설정된 프로그램에 따라 대응하는 연결 장치를 구동할 수 있다. 선택적으로, 터치 패널(131)은 두 부분, 즉 터치 검출 장치 및 터치 컨트롤러를 포함할 수 있다. 터치 검출 장치는 사용자의 터치 위치를 검출하고, 터치 조작에 따른 신호를 검출하며, 그 신호를 터치 컨트롤러에 전송한다. 터치 컨트롤러는 터치 검출 장치로부터 터치 정보를 수신하고, 터치 정보를 터치 지점 좌표로 변환하며, 터치 지점 좌표를 프로세서(180)에 송신한다. 또한, 터치 컨트롤러는 프로세서(180)에 의해 송신된 명령을 수신하고 실행할 수 있다. 또한, 터치 패널(131)은 저항형, 정전 용량형, 적외선형, 및 탄성 표면파형과 같은 복수의 유형으로 구현될 수 있다. 카메라(132)는 하나 이상의 아날로그 카메라, 디지털 카메라, 깊이 카메라, 또는 임의의 수량의 전술한 카메라들의 조합일 수 있다. 카메라(132)는 비디오 신호를 수집할 수 있고, 프로세서(180)가 비디오 신호로부터 입력 신호를 수집할 수 있도록(예를 들어, 비디오 신호로부터 사용자의 제스처 동작을 식별할 수 있도록) 프로세서(180)에 비디오 신호를 전송할 수 있다. 터치 패널(131) 및 카메라(132) 이외에도, 입력 유닛(130)은 다른 입력 디바이스(133)를 포함할 수 있다. 구체적으로, 다른 입력 디바이스(133)는 물리 키보드, 기능 키(볼륨 제어 키 또는 온/오프 키와 같은), 트랙볼, 마우스, 조이스틱, 뇌파 식별기, 또는 자이로 스코프 중 하나 이상을 포함할 수 있으나, 이에 제한되지 않는다. 또한, 입력 유닛(130)은 마이크로폰(162), 센서(150) 등을 포함할 수 있다. 일부 실시예들에서, 마이크로폰(162)은 오디오 신호를 수집할 수 있고, 프로세서가 오디오 신호로부터 입력 신호를 수집할 수 있도록(예를 들어, 오디오 신호로부터 사용자의 음성 조작을 식별할 수 있도록) 오디오 신호를 프로세서에 송신할 수 있다.
디스플레이 유닛(140)은 사용자에 의해 입력된 정보 또는 사용자에게 제공된 정보, 및 이동 단말기(100)의 다양한 메뉴를 표시하도록 구성될 수 있다. 디스플레이 유닛(140)은 디스플레이 패널(141), 프로젝션 디바이스(142), 또는 다른 디스플레이 디바이스(143) 중 하나 이상을 포함할 수 있다. 선택적으로, 디스플레이 패널(141)은 LCD(Liquid Crystal Display), OLED(Organic Light-Emitting Diode) 등의 형태로 구성될 수 있다. 또한, 터치 패널(131)은 디스플레이 패널(141)을 커버할 수 있다. 터치 패널(131) 상에서 또는 그 부근에서 터치 조작을 검출하는 때, 터치 패널(131)은 터치 이벤트의 유형를 결정하기 위해 프로세서(180)에 터치 조작을 전송하고, 프로세서(180)는 터치 이벤트의 유형에 따라 디스플레이 패널(141)에 대응하는 시각적 출력을 제공한다. 도 1에서, 터치 패널(131)과 디스플레이 패널(141)은 이동 단말기(100)의 입력 및 입력 기능을 구현하기 위한 두 개의 독립적인 구성요소로서 역할한다. 그러나, 일부 실시예들에서, 이동 단말기(100)의 입출력 기능을 구현하기 위해 터치 패널(131)과 디스플레이 패널(141)은 통합될 수 있다. 프로젝션 디바이스(142)는 미니 프로젝터 또는 3D 홀로그래픽 프로젝터일 수 있다. 미니 프로젝터는, 지능형 안경 디바이스에 설치되고 반투명 프리즘을 사용하여 육안으로 망막의 이미지를 투사하는 장치일 수 있다. 대안적으로, 미니 프로젝터는 이동 단말기의 디스플레이 상에 이미지를 투사하는 디바이스 또는 이미징을 위한 스크린일 수 있다. 3D(3차원) 홀로그래픽 프로젝터는 간섭 및 회절 원리를 사용하여 물리 공간에서 투영을 직접 수행하여, 오브젝트의 실제 3차원 이미지를 표현할 수 있는 장치이다. 디스플레이 패널(141) 및 프로젝션 디바이스(142) 이외에도, 디스플레이 유닛(140)은 다른 디스플레이 디바이스(143)를 더 포함할 수 있다. 구체적으로, 다른 디스플레이 디바이스(143)는 무선 근거리 통신망(wireless local area network), USB(Universal Serial Bus) 케이블, HDMI(High Definition Multimedia Interface) 케이블과 같은 하나 이상의 연결 방식으로 이동 단말기에 연결되어 있는 디스플레이 장치(TV와 같은)를 포함할 수 있으나 이에 제한되지 않는다.
이동 단말기(100)는 광 센서, 모션 센서, 및 다른 센서와 같은 적어도 하나의 유형의 센서(150)를 더 포함할 수 있다. 구체적으로, 광 센서는 주변 광 센서 및 근접 센서를 포함할 수 있다. 주변 광 센서는 주변 광의 밝기에 따라 디스플레이 패널(141)의 휘도를 조절할 수 있다. 근접 센서는 이동 단말기(100)가 귀를 향해 이동하는 때 디스플레이 패널(141) 및/또는 백라이트를 끌 수 있다. 모션 센서로서, 가속도 센서는 각 방향(일반적으로 3축)의 가속도 값을 검출할 수 있고, 정적 상태에서 중력의 값 및 방향을 검출할 수 있으며, 이동 단말기 자세의 애플리케이션(랜드스케이프(landscape)와 포트레이트(portrait) 사이의 전환, 관련 게임, 및 자력계 자세 교정과 같은), 진동 식별과 관련된 기능(만보계 및 태핑과 같은) 등을 식별하도록 구성될 수 있다. 이동 단말기(100)에는 자이로스코프, 기압계, 습도계, 온도계, 및 적외선 센서와 같은 다른 센서가 추가로 구성될 수 있으며, 여기서는 상세한 설명을 생략한다.
오디오 주파수 회로(160), 스피커(161), 및 마이크로폰(162)은 사용자와 이동 단말기(100) 사이의 오디오 인터페이스를 제공할 수 있다. 오디오 주파수 회로(160)는 수신된 오디오 데이터가 변환된 후에 획득되는 전기 신호를 스피커(161)에 전송할 수 있고, 스피커(161)는 전기 신호를 출력을 위한 사운드 신호로 변환한다. 또한, 마이크로폰(162)은 수집된 음향 신호를 전기 신호로 변환한다. 오디오 주파수 회로(160)는 전기 신호를 수신한 후 전기 신호를 오디오 데이터로 변환하고, 처리를 위해 오디오 데이터를 프로세서(180)에 출력한다. 프로세서(180)는 RF 회로(110)를 사용하여 예를 들어 다른 이동 단말기에 오디오 데이터를 전송하거나, 또는 추가 처리를 위해 오디오 데이터를 메모리(120)에 출력한다.
WiFi는 단거리 무선 전송 기술에 속한다. 이동 단말기(100)는 WiFi 모듈(170)을 사용하여 사용자가 이메일을 송수신하고, 웹 페이지를 브라우징하며, 스트리밍 미디어에 액세스하는 것 등을 돕는다. WiFi 모듈(170)은 사용자에게 무선 광대역 인터넷 액세스를 제공한다. 도 1은 WiFi 모듈(170)을 도시하고 있지만, WiFi 모듈(170)은 이동 단말기(100)의 필수 구성요소가 아니며, 본 발명의 요지를 변화하지 않고서 요구에 따라 완전히 생략될 수 있다는 것이 이해될 수 있다.
프로세서(180)는 이동 단말기(100)의 제어 센터이고, 다양한 인터페이스 및 케이블을 사용하여 전체 이동 단말기의 각 부분에 연결되어 있으며, 이동 단말기(100)의 다양한 기능을 수행하고, 메모리(120)에 저장되어 있는 소프트웨어 프로그램 및/또는 모듈을 동작시키거나 또는 실행하여 메모리(120)에 저장되어 있는 데이터를 호출함으로써 이동 단말기(100)의 다양한 기능을 실행하고 데이터를 처리하여, 이동 단말기에 대한 전반적인 모니터링을 수행한다. 선택적으로, 프로세서(180)는 하나 이상의 처리 유닛을 포함할 수 있다. 바람직하게, 프로세서(180)는 애플리케이션 프로세서 및 모뎀 프로세서를 통합할 수 있다. 애플리케이션 프로세서는 주로 운영 체제, 사용자 인터페이스, 애플리케이션 프로그램 등을 처리하고, 모뎀 프로세서는 주로 무선 통신을 처리한다. 전술한 모뎀 프로세서는 프로세서(180)에 통합되지 않을 수도 있다는 것을 이해할 수 있다.
이동 단말기(100)는 각 구성요소에 전원을 공급하는 전원(190)(예를 들어, 배터리)을 더 포함한다. 바람직하게, 전원 관리 시스템을 사용하여 충전 관리, 방전 관리, 및 전력 소비 관리와 같은 기능을 구현하기 위해, 전원은 전원 관리 시스템을 사용하여 프로세서(180)에 논리적으로 연결될 수 있다.
도면에 도시되지는 않았지만, 이동 단말기(100)는 카메라, 블루투스(Bluetooth) 모듈 등을 더 포함할 수 있으며, 여기서는 상세한 설명을 생략한다.
도 2는 일부 실시예들에 따른 이동 단말기의 소프트웨어 구성요소의 개략도이다. 이동 단말기(100)는 소프트웨어 구성요소를 더 갖는다. 소프트웨어 구성요소는 메모리(120)에 저장될 수 있으며, 운영 체제(121), 통신 모듈(122), 그래픽 모듈(123), 텍스트 입력 모듈(124), 위치 확인 시스템 모듈(125)(GPS(Global Positioning System)와 같은), 애플리케이션 프로그램(126) 등을 포함할 수 있다.
예를 들어, 안드로이드(Android) 시스템, iOS 시스템, 유닉스 시스템, 또는 윈도우 폰 시스템과 같은 운영 체제(121)는 공통 시스템 태스크(전원 관리와 같은)를 제어하고 관리하도록 구성된 다양한 소프트웨어 구성요소 및/또는 드라이버를 포함하고, 다양한 하드웨어 및 소프트웨어 구성요소 사이의 통신을 용이하게 한다.
통신 모듈(122)은 RF 회로(100) 및/또는 WiFi 모듈(170)을 사용하여 수신된 데이터를 관리하도록 구성된 다양한 소프트웨어 구성요소를 포함한다.
그래픽 모듈(123)은 디스플레이 유닛(140) 상에 다양한 그래프를 표시하도록 구성된 다양한 공지된 소프트웨어 구성요소를 포함한다. 그래프는 텍스트, 아이템 목록, 아이콘(터치 디스플레이 상에 표시된 소프트 키 아이콘 또는 애플리케이션 아이콘과 같은), 디지털 이미지, 비디오, 및 애니메이션을 포함하지만 이에 제한되지 않는, 사용자에게 표시될 수 있는 임의의 오브젝트를 포함한다.
텍스트 입력 모듈(124)은 그래픽 모듈을 사용하여 소프트 키보드를 제공하여, 다양한 애플리케이션 프로그램에 사용자 조작에 대응하는 텍스트를 입력할 수 있다.
위치 확인 시스템 모듈(125)은 이동 단말기의 위치를 결정하고, 각 애플리케이션 프로그램에 사용을 위한 위치 정보를 제공하도록, 예를 들어 지도 애플리케이션에 위치 정보를 제공하도록 구성된다.
애플리케이션 프로그램(126)은, 전화 번호부 모듈(126a), 인스턴트 메시지 송신 모듈(126b), 웹 페이지 브라우징 모듈(126c), 이미지 촬영 모듈(126d), 비디오 재생 모듈(126e), 소셜 네트워킹 모듈(126f), 음악 재생 모듈(126g), 캘린더 모듈(126h), 시스템 설정 모듈(126i), 픽처 열람 및 편집 모듈(126j), 애플리케이션 스토어 모듈(126k), 전자 메일 송수신 모듈(126l), 검색 모듈(126m), 또는 위젯 모듈(126n) 중 적어도 하나를 포함할 수 있으나 이에 제한되지 않는다. 위젯 모듈(126n)은 계산기 위젯, 날씨 위젯, 통지 위젯, 달력 위젯 등을 포함할 수 있다.
프로세서(180), 입력 유닛(130), 디스플레이 유닛(140), 및 관련 애플리케이션 프로그램을 참조하여, 사용자에 의해 입력 유닛(130)에 입력된 입력 신호를 수신한 후, 이동 단말기가 시각적이며 조작 가능한 방식으로 사용자와 상호 작용할 수 있도록, 이동 단말기는 대응하는 연산 및 처리를 수행하고, 대응하는 출력 신호를 생성하며, 출력 신호를 디스플레이 유닛(140)에 출력한다. 일부 실시예들에서, 입력 유닛(130) 및 디스플레이 유닛(140)은 터치 디스플레이를 사용하여 구현된다.
또한, 이동 단말기는 하나 이상의 키를 더 포함할 수 있다. 키들은 물리 키일 수 있거나, 또는 디스플레이 유닛을 사용하여 표시되는 소프트 키일 수도 있다. 일부 실시예들에서, 물리 키는 입력을 획득하기 위해, 실제 압력을 사용하여 눌러질 수 있다. 물리 키는 장치의 전원을 켜고 끄며 장치를 잠그는 버튼, 및 볼륨을 조절하기 위한 버튼을 포함할 수 있다. 소프트 키는 입력을 획득하기 위해, 전술한 방식으로 터치될 수 있다. 대안적인 실시예에서, 이동 단말기(100)는 마이크로폰(162)을 사용하여 일부 기능들을 활성화시키기 위해 사용된 음성 입력을 수신하거나, 또는 센서(150)를 사용하여 일부 기능들을 활성화시키기 위해 사용된 동작 입력을 수신할 수 있으며, 예를 들어, 중력 센서를 사용하여 흔들림 동작을 획득한다.
이하의 실시예에서, 상세한 설명을 계속 제공하기 위해 표시 장치로서 터치 디스플레이를 갖는 이동 단말기가 예로서 사용된다. 당업자들은 미니 프로젝터 또는 3D 홀로그래픽 프로젝터와 같은 다른 표시 장치가 여전히 적용 가능하고 다음의 실시예의 대안적인 해결책일 수 있음을 이해할 수 있다.
도 3은 일부 실시예들에 따른 터치 디스플레이를 갖는 이동 단말기의 개략도이다. 스피커(161), 카메라(132), 센서(150), 및 일부 물리 키(210)(볼륨 제어 키 및 화면 잠금/해제 키와 같은) 이외에도, 이동 단말기(100)는 터치 디스플레이(200)를 갖는다. 사용자는 터치 디스플레이(200)에 다양한 터치 조작을 수행하여 제어 명령을 입력할 수 있다. 터치 조작은, 지적된 대상을 제어하기 위해, 하나 이상의 손가락(finger)(202) 또는 스타일러스(stylus)를 사용하여 대응하는 영역을 터치하는 것을 포함한다. 터치하는 것은 터치 디스플레이(200)에 대한 1회의 태핑, 복수회의 연속적인 태핑, 홀딩(lasting), 및 슬라이딩(왼쪽에서 오른쪽으로, 오른쪽에서 왼쪽으로, 상측으로/하측으로, 원을 그리는 것 등)을 포함할 수 있다. 예를 들어, 사용자의 손가락이 터치 디스플레이(200)에 머무르고 슬라이딩하는 때, 이동 단말기(100)는 현재 페이지를 슬라이딩 방향으로 평행 이동하는 과정을 터치 디스플레이(200) 상에 표현한다. 터치 디스플레이(200)는 사용자와 상호 작용하는 데 사용되는 사용자 인터페이스를 표시하도록 구성되고, 직관적인 방식으로 사용자 인터페이스를 표현할 수 있고, 조작하기 쉬운 방식으로 사용자와의 상호 작용을 표현할 수 있다.
사용자 인터페이스는 단일 레이어 또는 복수의 레이어에 하나 이상의 페이지를 표현하는 데 사용된다. 사용자 인터페이스는 복수 유형의 상호작용 프레임워크를 사용하여 표현될 수 있다. 도 4a 및 도 4b를 참조하면, 예를 들어, 사용자 인터페이스(300)는 레이블 형태의 프레임워크를 사용하여 표현된다. 사용자가 임의의 레이블(301)을 선택하는 때, 사용자 인터페이스(300)는 레이블에 대응하는 페이지, 즉 레이블(301)에 대응하는 페이지(302)로 점핑한다. 도 4c 및 도 4d에 도시된 바와 같이, 사용자 인터페이스(300)는 서랍 형태로 더 표현될 수 있다. 사용자가 서랍형 확장 아이콘(303)을 태핑하는 때, 네비게이션에 사용되는 숨은 페이지(305)가 사용자 인터페이스에서 확장된다(서브 인터페이스(305)는 태핑될 때 사용자 인터페이스 내에서 표시되고, 현재 인터페이스(304)의 전부 또는 일부를 커버할 수 있다). 페이지(305)는 다른 페이지를 진입하기 위한 엔트리를 갖는 페이지이다. 마찬가지로, 도 4e에 도시된 바와 같이, 사용자 인터페이스(300)는 도트-개더링(dot-gathering) 형태로 제공된다. 즉, 하위 인터페이스에 진입하는 데 사용되는 아이콘이 특정 아이콘(도트 아이콘과 같은)에 숨겨져 있다. 사용자가 아이콘을 태핑하는 때, 페이지에 진입하는 데 사용되는 숨겨진 아이콘이 아이콘 주변으로 확장된다. 사용자 인터페이스(300)는 도 4f 및 도 4g에 도시된 목록 형태, 도 4h 및 도 4i에 도시된 스프링보드(springboard) 형태, 도 4j 및 도 4k에 도시된 전시 갤러리(exhibition gallery) 형태, 또는 도 4j 및 도 4m에 도시된 폭포 형태(waterfall form)의 프레임워크를 사용하여 더 표현될 수 있다. 보기 위한 세부 정보 페이지(도시되지 않음)로 점핑하도록 사용자는 사용자 인터페이스(300) 내의 목록(306), 아이콘(307), 또는 섬네일(308)을 태핑할 수 있다. 또한, 사용자 인터페이스(300)는 도 4n 및 도 4o에 도시된 회전 형태의 프레임워크를 사용하여 더 표현될 수 있다. 다른 페이지(310)로 회전하기 위해, 사용자는 터치 디스플레이 상에서 슬라이드 조작(예를 들어, 왼쪽에서 우측으로 슬라이딩 또는 우측에서 왼쪽으로 슬라이딩)을 수행할 수 있다. 현재 화면 식별자(309)는 현재 페이지(310)의 시퀀스 번호 또는 위치를 사용자에게 알린다. 일부 실시예들에서, 상호 작용 프레임워크는 복수의 레이어에서 페이지들을 가질 수 있다. 전술한 실시예에서 각 페이지에 표현된 프레임워크는 여전히 하위 레이어에서 페이지를 계속 가질 수 있고, 하위 레이어에서의 페이지의 구현은 제한되지 않는다.
도 4b, 도 4d, 도 4e, 도 4g, 도 4i, 도 4k, 도 4m, 및 도 4o는 전술한 설명의 이해를 용이하게 하기 위한 특정 애플리케이션 시나리오의 개략도이다. 그러나, 도면의 특정 시나리오 및 문자는 도면에 도시된 것으로 제한되지 않는다.
일부 실시예들에서, 터치 디스플레이(200) 상에 직접 보여지는 전체 페이지 또는 페이지의 일부는 이동 단말기(100)의 터치 디스플레이(200) 상에 표현될 수 있다. 각 페이지는 복수의 유형의 그래프를 포함할 수 있다. 그래프는 문자, 표, 이미지, 애니메이션, 비디오, 및 오디오와 같은 표현 요소를 포함할 수 있다. 그래프는 전자 문서, 항목 목록, 섬네일, 디지털 이미지, 애플리케이션 아이콘 등일 수 있다.
일부 실시예들에서, 터치 디스플레이(200)는 페이지의 그래프의 일부만을 표시하고, 사용자의 조작 동작을 검출하며, 조작 동작의 이동에 따라 페이지를 평행 이동하는 처리, 예를 들어, 항목 리스트를 스크롤 방식으로 표시하는 것, 전자 문서를 평행 이동 방식으로 표시하는 것, 회전 방식으로 멀티 스크린 스위칭을 표시하는 것을 그에 대응하여 표시한다. 조작 동작의 이동은 가속도, 속도, 방향, 변위 등을 포함한다. 페이지를 평행 이동하는 과정에서, 대응하는 방향, 대응하는 평행 이동 속도, 및 대응하는 가속도는 조작 동작의 이동에 따라 결정될 수 있다.
일부 실시예들에서, 도 5a 내지 도 5c를 참조하면, 이동 단말기(100)의 터치 디스플레이(200)는 페이지(300)의 일부를 표현하고, 페이지(300)는 특정 순간에 터치 디스플레이(200) 상에서 표시되는 그래프(400a) 및 그 순간에 터치 디스플레이(200) 상에 표시되지 않는 그래프(400b)를 포함하는 복수의 그래프(400)를 갖는다. 페이지(300)의 일부 영역 또는 전체 영역을 표시하기 위해, 사용자는 터치 디스플레이(200) 상에서 슬라이드 조작을 수행할 수 있다. 도 5b에 도시된 바와 같이, 페이지(300)는 손가락의 동작에 따라 상측으로 평행 이동되고, 다른 부분이 표시된다. 사용자가 하부에서 상부로 여러 번의 슬라이드 조작을 연속적으로 수행하면, 페이지(200)는 상측으로 평행 이동되고 페이지(200)의 하부 페이지 경계에 도달된다. 일부 실시예들에서, 도 5d에 도시된 터치 디스플레이(200) 및 페이지(300)에 대해, 사용자는 터치 디스플레이(200) 상에서 좌/우 방향으로 슬라이딩하여, 그에 따라 페이지(200)를 좌우 방향으로 이동시킴으로써 페이지(200)를 이동 가능하게 표시한다. 일부 실시예들에서, 도 5e에 도시된 터치 디스플레이(200) 및 페이지(300)에 대해, 사용자는 터치 디스플레이(200) 상에서 좌측/우측으로 또는 상측/하측으로 슬라이딩하여, 그에 따라 페이지(200)를 이동시킴으로써 페이지(200)를 이동 가능하게 표시한다. .
일부 실시예들에서, 슬라이드 조작의 속도, 크기, 방향, 및 가속도의 변화에 따라, 이동 단말기(100)가 페이지(300)를 평행 이동하는 때 대응하는 이동 변화가 또한 발생한다. 페이지(300)의 평행 이동 가속은 마찰 모델에 따라, 즉 감쇠 이동을 시뮬레이션하는 방식으로 결정될 수 있다. 페이지(300) 내의 콘텐츠는 문자, 이미지, 비디오, 또는 오디오 중 임의의 하나 또는 임의의 조합을 포함할 수 있다. 페이지(300) 내의 임의의 콘텐츠는 다른 페이지로 점핑하는 하이퍼링크 속성을 가질 수 있다.
일부 실시예들에서, 페이지는 마찰 운동을 시뮬레이션하는 방식으로 평행 이동될 수 있다.
도 6은 일부 실시예들에 따라 페이지를 평행 이동하는 방법의 순서도이다. 이 방법은 페이지 경계에 현재 도달했음을 사용자에게 알리는 방법을 제공한다.
우선, 단계(S101에서, 사용자의 조작 동작이 검출된다. 일부 실시예들에서, 검출 프로세스는 실시간으로 이동 단말기(100)에 의해 연속적으로 수행된다.
입력 신호를 획득한 후, 이동 단말기(100)의 입력 장치는 입력 신호를 프로세서(180)에 송신한다. 프로세서(180)는 입력 신호를 처리하고, 입력 신호로부터 사용자의 조작 동작을 검출한다. 일부 실시예들에서, 검출 방법은 하기의 방법들 중 임의의 하나 또는 임의의 조합일 수 있다 :
(1) 터치 디스플레이는 터치 신호를 획득하고, 프로세서에 터치 신호를 송신한다. 프로세서는 터치 신호로부터 미리 설정된 조건을 만족하는 터치 조작을 검출한다. 일부 실시예들에서, 터치 조작은 사용자의 손가락 또는 스타일러스를 사용하여 터치 디스플레이 상에서 수행되는 이동이다.
(2) 물리 버튼은 누름 신호를 획득하고, 누름 신호를 프로세서에 송신한다. 프로세서는 누름 명령을 검출하기 위해, 하나 이상의 누름 신호로부터 미리 설정된 조건을 만족하는 입력을 검출한다.
(3) 마이크로폰은 오디오 신호를 획득하고, 오디오 신호를 프로세서에 송신한다. 프로세서는 음성 명령을 검출하기 위해, 오디오 신호에 대한 음성 인식 및 분석을 수행한다.
(4) 카메라가 비디오 신호를 획득하고, 비디오 신호를 프로세서에 송신한다. 프로세서는 제스처 동작, 바디 동작, 및 안구 동작을 검출하기 위해, 비디오 신호에 대한 이미지 인식 및 분석을 수행한다.
(5) 또한, 뇌파 계측 장치는 사용자의 뇌파 신호를 직접 획득하고, 사용자의 뇌파 신호를 프로세서에 송신한다. 프로세서는 사용자의 정신 명령을 검출하기 위해, 뇌파 신호를 분석한다.
그런 다음, 단계(S102)에서, 검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지는 제1 방향으로 표시 장치에 이동 가능하게 표시되고, 하나 이상의 그래프는 초기 형태로 표시된다.
일부 실시예들에서, 각 페이지는 하나 이상의 그래프를 포함할 수 있고, 복수의 그래프는 복수의 그래프 유형일 수 있다. 그래프는 문자, 표, 이미지, 애니메이션, 비디오, 및 오디오와 같은 요소를 포함할 수 있다. 그래프는 전자 문서, 문자, 항목 목록, 디지털 이미지, 아이콘, 애니메이션, 비디오 등일 수 있다. 일부 실시예들에서, 그래프는 단문 메시지 목록이다. 일부 실시예들에서, 그래프는 다른 목록, 예를 들어 이메일 메시지 목록, 연락처 목록, 제3 업체 인스턴트 메시징 메시지 목록, 폴더 목록, 메모 목록, 앨범 이름 목록, 재정 청구서 목록, 웹 브라우징 메시지 목록, 시스템 설정 항목 목록, 문서 목록, 또는 북마크 목록일 수 있다. 일부 실시예들에서, 전자 문서는 문자, 표, 이미지, 애니메이션, 비디오, 및 오디오 같은 프리젠테이션 요소를 포함하는 문서, 예를 들어, 문자 문서, 프리젠테이션 문서, 이메일, 전자 스프레드시트, 또는 웹 페이지일 수 있다. 섬네일은 갤러리 섬네일, 애플리케이션 엔트리 섬네일 등일 수 있다. 아이콘은 애플리케이션 아이콘, 카테고리 아이콘 등일 수 있다.
일부 실시예들에서, 제1 방향은 페이지가 터치 디스플레이(200) 상에서 이동되는 방향이고, 수직 방향, 수평 방향, 및 경사 방향일 수 있다. 제1 방향은 조작 동작의 방향에 대응하지만, 조작 동작의 방향과 동일하지 않을 수도 있다. 예를 들어, 사용자가 터치 디스플레이 상에서 수직 방향으로 슬라이딩하는 때, 대응하는 제1 방향은 수직 방향이다. 일부 실시예들에서, 터치 디스플레이 상에서 사용자의 슬라이딩 방향과 수직 방향의 끼인각이 경사 각도 범위(제한 대신 예로서 30° 미만)보다 더 작으면, 사용자의 터치 동작의 슬라이딩 방향이 검출될 수 있고, 투사 원리에 따라 수직 방향으로 투사될 수 있으며, 페이지는 투사 후에 획득된 수직 방향으로 평행 이동된다.
일부 실시예들에서, 사용자 제스처를 인식하기 위한 제어 방식에 있어서, 사용자가 공중에서 수행하는 제스처 동작이 수직 방향으로 슬라이딩되는 때, 터치 디스플레이(200) 상의 대응하는 제1 방향은 수직 방향이다.
일부 실시예들에서, 페이지 경계에 도달되기 전에, 페이지의 이동 속도는 사용자의 조작 동작의 이동 속도에 대응할 수 있으므로, 사용자의 조작 경험이 현실에 가깝다. 일부 실시예들에서, 사용자의 손가락이 특정 속도로 터치 디스플레이 상에서 슬라이딩하는 때, 페이지는 대응하는 이동 속도로 평행 이동되도록 구동된다. 그런 다음, 사용자의 손가락이 갑자기 터치 디스플레이를 떠나면, 이동이 정지되는 때까지, 페이지는 마찰 이동의 원리에 따라 감속 방식으로 이동될 수 있다.
이 경우, 초기 형태는 그래프가 정상적으로 표시되는 때의 그래프의 색상, 모양, 크기, 및 투명도와 같은 형태이다.
그런 다음, 이동 단말기는 단계(S103): 표시되는 페이지가 제1 방향으로 이동되는 때, 페이지 경계에 도달되는지, 즉, 페이지의 끝에 도달되는지를 결정하는 단계, 그리고 페이지 경계에 도달되고, 이 경우, 대응하는 조작 동작이 여전히 검출되면, 경계에 인접한 복수의 그래프 중 적어도 하나의 그래프의 변화 형태를 표시하는 단계 - 그래프의 변화 형태는 초기 형태들과 상이함 - 를 수행한다.
일부 실시예들에서, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되고, 조작 동작이 여전히 검출되는 사실에 응답하여, 이동 단말기(100)는 경고음을 더 재생할 수 있다. 경고음을 재생하여 사용자가 더 프롬프팅된다.
일부 실시예들에서, 이동 단말기(100)는 페이지(300)가 이동되는 때 페이지 경계에 도달되는지를 실시간으로 검출할 수 있다.
이동 단말기(100)의 검출부터 응답까지의 특정 처리 기간이 있다. 일부 실시예들에서, 이동 단말기(100)는 페이지(300)가 이동되는 때 페이지 경계에 도달된다는 것이 검출되는 때 응답하도록 설정될 수 있다.
예를 들어, 이동 단말기(100)는 페이지가 표시 영역의 경계로 이동된 것을 검출하고, 여기서 표시 영역의 경계와 그 페이지에 대응하는 페이지 경계 사이의 거리는 거리 임계치 미만이며(예를 들어, 거리 임계치는 2밀리미터이나 이에 제한되지는 않음), 조작 동작이 여전히 존재한다고 결정하는 때, 이동 단말기(100)는 경계에 인접한 복수의 그래프 중 적어도 하나의 변화 형태를 표시한다.
다른 예로서, 페이지의 이동 속도 및 가속도, 및 표시 영역의 경계와 그 페이지에 대응하는 페이지 경계 사이의 거리에 따라 페이지의 페이지 경계와 터치 디스플레이(200)의 표시 영역의 경계가 중첩하는 예상 시간이 계산된다. 예상되는 중첩 시간이 시간 임계치보다 더 작고(예를 들어, 시간 임계치는 0.1초이나, 이에 제한되지 않음), 현재 조작 동작이 여전히 존재하는 것으로 결정되는 때, 경계에 인접한 복수의 그래프 중 적어도 하나의 변화 형태가 표시된다.
일부 실시예들에서, 이동 단말기(100)가 페이지(300)가 이동되는 때 페이지 경계에 도달됨을 검출하고, 조작 동작의 지속 시간이 특정 임계치를 초과함을 검출한 후에(제한 대신에 예로서, 페이지(300)가 이동되는 때 페이지 경계에 도달된 후에, 사용자에 의해 수행되는 연속적인 슬라이딩의 지속 시간이 0.1초를 초과하는 것으로 검출되거나, 또는 사용자에 의해 수행되는 연속적인 슬라이딩의 거리가 2밀리미터를 초과하는 것으로 검출됨), 이동 단말기(100)는 대안적으로 경계에 인접한 복수의 그래프 중 적어도 하나의 변화 형태를 표시할 수 있다.
도달되는 페이지 경계에 미리 응답하거나, 도달되는 페이지 경계에 나중에 응답하는 전술한 방식으로, 이동 단말기(100)는 보다 유연한 방식으로 사용자를 자극할 수 있고, 사용자의 사용 습관에 따라 보다 유창하게 사용자와 상호 작용한다. 이동 단말기(100)가 응답한 후에, 경계에 인접한 복수의 그래프들 중 적어도 하나의 변화 형태를 표시하는 표시 방식에 대해, 본 명세서의 실시예들을 참조한다.
도 5a 내지 도 5c를 참조하면, 터치 디스플레이(200)는 페이지(300)의 전부 또는 일부를 표시한다. 이동 단말기(100)가 사용자의 손가락이 제1 방향으로 이동하는 조작 동작을 검출하는 때, 페이지(300)는 제1 방향에 대응하는 방향으로 이동된다. 도 5c에 도시된 바와 같이, 이동 단말기(100)가 터치 디스플레이(200)의 페이지 경계 및 표시 영역의 경계가 중첩함을 검출하는 때, 이동 단말기(100)는 표시된 페이지가 현재 이동 중인 때 페이지 경계에 도달됨을 결정한다. 예를 들어, 도 5a에 도시된 바와 같이, 사용자의 손가락은 터치 디스플레이(200) 상에서 하부에서 상부로 또는 하부에서 상부로 슬라이딩한다. 손가락이 상부에서 하부로 이동하고(즉, 제1 방향은 터치 디스플레이(200)를 따른 하측으로의 이동 방향이다), 페이지(400)의 상부 페이지 경계에 도달되는 때, 페이지(400)의 상부 페이지 경계에 인접한 여러 제1 그래프(400c)의 형태가 변화하고, 그래프의 변화 형태가 표시된다.
또한, 이동하는 페이지에 대해서는, 페이지의 경계에 도달된 시간에 응답하기 위해, 결정하는 단계가 미리 수행될 수 있다. 구체적으로, 일부 실시예들에서, 결정 방법은, 이동 단말기가 페이지의 현재 이동 방향, 이동 속도, 및 이동 가속도, 및 터치 디스플레이의 표시 경계를 검출하는 단계, 이동 방향에 따라, 도달될 것으로 예상되는 페이지의 경계를 결정하는 단계, 이동 속도 및 이동 가속도에 따라 경계에 도달되는 예상 시간을 추정하는 단계, 그리고 예상 시간이 되는 때, 페이지 영역과 터치 디스플레이(200)의 표시 영역의 경계가 중첩하는지를 검출하고, 페이지의 경계와 터치 디스플레이(200)의 표시 영역의 경계가 중첩하면, 표시된 페이지의 경계에 도달된 것으로 결정하는 단계를 더 포함할 수 있다. 이 기간 동안 페이지의 이동 방향, 이동 속도, 및 이동 가속도 중 하나가 변화되면, 계산이 다시 수행된다.
일부 실시예들에서, 그래프의 형태 변화는 다음의 변화: 형상 변화, 크기 변화, 투명성 변화, 또는 색상 변화 중 임의의 하나 또는 임의의 조합을 포함한다. 예를 들어, 그래프(아이콘, 문자, 섬네일, 또는 목록과 같은)가 더 커지거나 또는 더 작아지거나, 그래프가 직사각형에서 사다리꼴로 점진적으로 변화한 다음 삼각형으로 점진적으로 변화하거나, 그래프의 투명도가 점진적으로 높아지거나, 또는 그래프의 색상이 여러가지 색에서 회색으로 점진적으로 변화한다.
또한, 그래프의 형상 변화 또는 크기 변화는 그래프의 형상이나 크기의 변화이며, 그래프의 일부 영역이 표시 장치의 표시 영역 밖으로 이동되고 나머지 영역이 표시 장치의 표시 영역에 표시되는 경우는 그래프의 형상 또는 크기의 변화에 속하지 않는다.
일부 실시예들에서, 경계에 인접한 그래프는 경계에 가장 인접한 그래프 또는 그래프의 행일 수 있거나, 또는 경계로부터 시작하여 마지막 몇 개의 그래프 또는 마지막 몇 개의 그래프의 행일 수 있다. 예를 들어, 항목 목록은 첫 번째 행, 마지막 행, 첫 번째 열, 및 마지막 열을 갖는다. 경계에 인접한 그래프는 첫 번째 행, 마지막 행, 첫 번째 열, 또는 마지막 열일 수 있다. 경계에서의 또는 경계에 인접한 그래프는 첫 번째 행에서 세 번째 행까지의 그래프, 마지막 행에서 마지막에서 세 번째 행까지의 그래프, 첫 번째 열에서 세 번재 열까지의 그래프, 또는 마지막 열에서 마지막에서 세 번째 열까지의 그래프일 수 있다. 분명히, 당업자는 첫 번째 행 또는 세 번째 행이 단지 설명을 위한 예일뿐임을 이해할 수 있다. 인접하는 그래프의 구체적인 수량은 실제 시나리오에 따라 구체적으로 설정될 수 있으며, 여기에서 한정되지는 않는다.
경계에 인접한 그래프 이외에도, 페이지는 경계에 인접하지 않은 하나 이상의 그래프를 더 포함할 수 있다. 경계에 인접하지 않은 하나 이상의 그래프는 처음부터 끝까지 초기 형태로 표시되고, 형태는 변화되지 않는다.
페이지 내의 경계에 인접한 그래프의 변화 형태는 다양한 바람직한 방식으로 표시될 수 있다. 예를 들어, 그래프가 직접 변화된 후에 획득된 형태가 표시되고 초기 형태 대신 변화된 형태가 표시된다. 대안적으로, 초기 형태에서 점진적으로 변화하는 동적으로 변화된 형태가 변화 단계에서 표시된다.
일부 실시예들에서, 변화 형태는 초기 형태가 직접적으로 점핑하고 변화하는 변화 형태일 수 있고, 초기 형태가 변화 형태로 점핑한 후에, 조작 동작이 연속적으로 수행된 것으로 검출되는 때 그래프의 변화 형태가 정적인 방식으로 표시된다. 예를 들어, 페이지가 제1 방향으로 이동되는 때 경계에 도달되고, 사용자의 손가락을 사용하여 터치 디스플레이 상에서 수행된 터치 동작이 검출되는 때, 페이지 내의 경계에 인접하고 초기 크기인 아이콘을 표시하는 단계는 초기 크기의 아이콘이 축소된 후에 획득된 아이콘을 표시하는 단계로 직접 전환되고, 초기 크기의 아이콘이 축소된 후에 획득된 아이콘은 사용자가 터치 동작을 종료할 때까지 표시된다. 다른 예로서, 페이지가 제1 방향으로 이동되는 때 경계에 도달되고, 조작 동작이 검출되는 때, 페이지 내의 경계에 인접한 사변형 아이콘을 표시하는 단계는 삼각형 아이콘을 표시하는 단계로 직접 전환하고, 삼각형 아이콘은 사용자가 터치 조작을 종료할 때까지 표시된다.
일부 실시예들에서, 변화 형태는 초기 형태로부터 점진적으로 동적으로 변화할 수 있다. 즉, 조작 동작이 연속적으로 수행되는 것이 검출되는 때, 페이지 내의 경계에 인접하고 동적으로 변화하는 적어도 하나의 그래프인 변화 형태가 표시되고, 조작 동작의 동작 범위가 더 크면, 초기 형태에서 변화 형태로의 형태 변화가 더 커지며, 즉, 변화 형태가 초기 형태와는 더욱 상이하게 보인다. 예를 들어, 페이지가 제1 방향으로 이동되는 때 경계에 도달되고, 사용자의 손가락을 사용하여 터치 디스플레이 상에서 수행된 터치 조작이 검출된 시점부터 시작하여, 페이지의 경계에 인접한 아이콘이 초기 크기로부터 직접 점진적으로 축소되는 동적 변화가 표시되고, 터치 동작의 이동 범위가 더 크면, 아이콘의 크기가 더 작아진다. 여기서 터치 동작의 이동 범위는 제1 방향으로의 이동 범위에 좌우되며, 즉, 터치 동작의 제1 방향으로의 이동 거리가 더 크면, 터치 동작의 이동 범위가 더 크다.
일부 실시예들에서, 변화 형태는 조작 동작이 특정 범위를 벗어나지 않는 때 초기 형태로부터 점진적으로 동적으로 변화할 수 있다. 그러나, 조작 동작이 특정 범위를 벗어나면, 변화 형태가 점진적으로 변화되지 않는다. 즉, 조작 동작이 연속적으로 수행되는 것이 검출되면, 페이지 내의 경계에 인접하고 동적으로 변화하는 적어도 하나의 그래프인 변화 형태가 표시되고, 조작 동작의 동작 범위가 미리 설정된 범위 내에서 더 크면, 그래프의 초기 형태에서 변화 형태로의 형태 변화가 더 크고, 즉, 변화 형태가 초기 형태와 상이하게 보인다. 조작 동작의 동작 범위가 미리 설정된 범위를 초과하면, 그래프의 정적 변화 형태가 표시된다. 예를 들어, 페이지가 제1 방향으로 이동되는 때 경계에 도달되고, 사용자의 손가락을 사용하여 터치 디스플레이 상에서 수행된 터치 조작이 검출된 시점부터 시작하여, 페이지의 경계에 인접한 아이콘이 초기 크기로부터 직접 점진적으로 축소되는 동적 변화가 표시되고, 터치 동작의 이동 범위가 더 크면, 아이콘의 크기가 더 작아진다. 터치 조작의 이동 범위가 미리 설정된 범위를 초과하는 때, 아이콘의 크기는 이동 범위가 미리 설정된 범위에 도달한 때 획득된 크기로 유지되고, 더 이상 축소되지 않는다. 여기서 터치 동작의 이동 범위는 제1 방향으로의 이동 범위에 좌우되며, 즉, 터치 동작의 제1 방향으로의 이동 거리가 더 크면, 터치 동작의 이동 범위가 더 크다.
일부 실시예들에서, 경계에 도달되는 때, 그래프의 변화 형태는 그래프의 크기 변화 또는 그래프의 변화를 평행 이동하여 표현될 수 있으며, 특정 단계들은 다음을 포함한다. A1. 페이지 내에서 도달된 경계에 인접한 적어도 하나의 그래프를 결정하고, 경계에 인접한 적어도 하나의 그래프의 각 픽셀의 터치 디스플레이 상의 위치 좌표를 획득한다. B1. 크기 변화 규칙에 따라 각 픽셀의 좌표의 변형 파라미터를 결정한다. C1. 변형 파라미터에 따라 각 픽셀의 새로운 위치 좌표를 결정한다. D1. 변화 형태를 표시하기 위해, 픽셀의 새로운 위치 좌표에서 그래프의 각 픽셀을 다시 묘사하고 표시한다.
일부 실시예들에서, 그래프의 변화 형태가 형상 변화를 사용하여 표현되는 경우, 형상 변화는 맞춤 방식으로 더 표시될 수 있고, 특정 단계들은 다음을 포함한다. A2. 페이지 내에서 도달된 경계에 인접한 적어도 하나의 그래프를 결정하고, 경계에 인접한 적어도 하나의 그래프의 각 픽셀의 터치 디스플레이 상의 위치 좌표를 획득한다. B2. 크기 변화 규칙에 따라 변화된 형상을 결정하고, 변화 전의 형상과 변화된 형상과의 대응 관계에 따라, 삭제 대상 픽셀 및 예약 대상 픽셀의 좌표의 변형 파라미터를 결정하며, 즉, 그래프의 초기 형태를 조정한다. C2. 평행 이동 파라미터에 따라 각 예약 대상 픽셀의 새로운 위치 좌표를 결정한다. D2. 변화 형태를 표시하기 위해, 예약된 픽셀의 새로운 위치 좌표에서 예약된 픽셀을 다시 묘사하고 표시한다.
일부 실시예들에서, 경계에 도달되는 때, 그래프의 변화 형태는 투명도 또는 계조 변화를 사용하여 표현될 수 있다. 구체적으로, 평행 이동 파라미터는 투명도 또는 계조 변화 규칙에 따라 결정되고, 변화된 투명도 또는 변화된 계조는 평행 이동 파라미터에 따라 결정되며, 변화 형태를 표시하기 위해, 변화된 투명도 또는 계조에 따라 그래프가 다시 묘사되고 표시된다.
단계(S13)에서, 터치 디스플레이(200)에 표시된 페이지의 경계에 인접한 그래프들 중, 한 그래프가 제1 방향으로 페이지 경계에 더 가깝다면, 그래프의 초기 형태로부터 그래프의 변화 형태로의 형태 변화가 더 크다.
일부 실시예들에서, 평행 이동 파라미터는 상수일 수 있거나, 또는 변수일 수 있다. 변수는 사용자의 조작 동작의 변위(D), 또는 페이지 경계까지의 순위를 매긴 이후에 획득된 각 그래프의 순위(N)와 관련될 수 있거나, 또는 변위 및 순위 모두와 관련될 수 있으므로, 변화 형태를 표시하기 위해 직접 점핑하거나, 또는 사용자의 조작 동작의 크기에 따라, 점진적으로 변화하는 변화 형태들 그리고 페이지 경계로부터 시작하는 복수의 그래프의 계단식 변화(stepped change)의 패턴을 표시한다.
크기가 축소된 그래프의 변화 형태를 표시하는 방식으로, 각 픽셀의 좌표의 평행 이동 파라미터(Parameter)는 그래프의 크기의 축소율(Item)에 관련되며, 즉 Parameter = F(Item)이다.
특정 시나리오의 일부 실시예들에서, 각 그래프의 크기에 대한 축소율(ItemN)의 경우, ItemN = S + ((N - 1) × D)이고, 여기서 N은 페이지 경계로부터 순위를 매긴 후 획득된 순위이고, D는 인접 순위의 그래프 사이의 단계적 변화율이며, S는 페이지 경계로부터 순위를 매긴 후 획득된 첫 번째 그래프 또는 첫 번째 행 그래프들의 축소율이다. 예를 들어, 페이지 경계로부터 순위를 매긴 후에 획득된 첫 번째 그래프의 축소율이 0.2이고, 인접 순위의 그래프들 사이의 단계적 변화율이 0.2이면, 페이지 경계에 인접한 4개의 그래프의 축소율은 다음과 같다. 첫 번째 그래프의 축소 비율은 0.2이고(즉, 변화 형태의 크기가 초기 형태의 크기의 20%임), 두 번째 그래프의 축소율은 0.4이며, 세 번째 그래프의 축소율은 0.6이고, 네 번째 그래프의 축소율은 0.8이다.
방법은 단계(S104)를 더 포함할 수 있다. 단계(S104)에서, 단계(S103) 후에, 조작 동작이 더 이상 검출되지 않는 것에 응답하여, 이동 단말기는 페이지 내에서 그래프를 표시하고, 그래프는 초기 형태로 표시된다.
일부 실시예들에서, 사용자의 손이 터치 디스플레이(200)를 떠나는 때, 이동 단말기(100)는 더 이상 조작 동작을 검출하지 않고, 페이지 내의 그래프가 변화 형태에서 초기 형태(즉, 변화 이전의 초기 형태)로 복원되는 프로세스를 표시한다.
일부 실시예들에서, 변화 형태로부터 초기 형태로 복원하는 방식은 점핑 변화, 즉 변화 형태에서 초기 형태로의 직접 갱신일 수 있다.
일부 실시예들에서, 변화 형태로부터 초기 형태로 복원하는 방식으로, 변화 형태로부터 초기 형태로 그래프를 점차적으로 복원하는 트위닝된 애니메이션이 표시될 수 있고, 즉, 변화 형태로부터 그래프를 점진적으로 복원하는 것은 초기 형태가 표시될 때까지 특정 기간 내에 표현된다.
방법은, 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하는 단계 - 상기 영역은 페이지와 상이함 - , 그리고 조작 입력이 더 이상 검출되지 않는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키는 단계를 더 포함한다.
일부 실시예들에서, 이동 단말기(100)는 지연된 표현 방식으로 페이지 경계를 벗어나는 영역을 표현할 수 있다. 구체적으로, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되는 것에 응답하여, 이동 단말기(100)는 단시간 동안 페이지를 이동시키고, 조작 동작이 특정 임계치 이상 지속되는 것을 검출(예를 들어, 제한 대신에 예로서, 페이지(300)가 이동되는 때 페이지 경계에 도달한 후, 사용자가 0.1초 이상 연속적으로 슬라이딩하는 것이 검출되거나, 사용자가 2밀리미터 이상 연속적으로 슬라이딩하는 것이 검출된다)한 후에, 페이지 이동을 계속하고 페이지 경계를 벗어나는 영역을 표시한다.
도 7a 내지 도 7c는 일부 실시예들에 따른 스크롤링 목록의 페이지의 개략적인 예시도이다. 일부 실시예들에서, SMS 메시지 목록이 페이지 내에서 표현되는 예가 상세한 설명을 제공하기 위해 사용된다. 도 7a에 도시된 바와 같이, 초기 상태에서, SMS 메시지 목록 내의 모든 SMS 메시지의 크기는 기본적으로 동일할 수 있다.
이동 단말기(100)는 사용자의 손가락이 터치 디스플레이 상을 상측으로 또는 하측으로 슬라이딩하는 것을 검출하는 때, 슬라이드 조작에 따라 페이지 내의 SMS 메시지 목록을 페이지 내에서 평행 이동 방식으로 표시한다.
일부 실시예들에서, 도 7b에 도시된 바와 같이, 이동 단말기(100)가 사용자의 손가락이 터치 디스플레이 상에서 하측으로 슬라이딩되는 것을 검출하고, 페이지가 하측으로 평행 이동되고 페이지의 상부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 하측으로 슬라이딩하는 것이 여전히 검출되면, 페이지 내의 SMS 메시지 목록(1)을 수직 방향으로 확장하는 애니메이션이 표현된다. 즉, 페이지의 상부 경계에 도달되는 때, SMS 메시지 목록(1)의 확장이 표시되기 시작하고, 사용자의 손가락을 사용하여 수행된 하측으로의 슬라이딩 거리가 더 길어질수록 표시되는 SMS 메시지 목록(1)이 더 넓다. 일부 실시예들에서, 사용자의 손가락을 사용하여 수행된 하측으로의 슬라이딩 거리가 더 길어지는 과정에서, 표시된 SMS 메시지 목록은 이에 따라 특정 크기로 축소된 후에 더 이상 축소되지 않게 설정될 수 있다. 사용자가 손가락을 뗀 후에, SMS 메시지 목록(1)은 점진적으로 확대되고, 도 7a에 도시된 모핑(morphing)이 수행되지 않은 초기 상태의 크기로 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 즉각적인 복원(점핑 복원)을 표시하는 방식일 수 있다.
일부 실시예들에서, 사용자의 손가락이 터치 디스플레이 상에서 하측으로 슬라이딩하고, 페이지가 하측으로 평행 이동되고 페이지의 상부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 하측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 조작을 계속함에 따라, 도 8a에 도시된 바와 같이, 페이지 내의 SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)을 축소하는 애니메이션이 표현된다. 즉, 페이지의 상부 경계에 도달되는 때, SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)를 축소하는 과정이 표시되기 시작하고, SMS 메시지 목록(3)으로부터, SMS 메시지 목록(2)으로, 그런 다음 SMS 메시지 목록(1)으로의 점차적인 축소가 발생한다. 또한, 도 8b에 도시된 바와 같이, 사용자의 손가락을 사용하여 수행된 하측으로의 슬라이딩 거리가 더 길어질수록, SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)이 작아지는 변화가 표시된다. 사용자가 손가락을 뗀 후, 도 8c에 도시된 초기 상태(즉, 모핑되지 않은 상태)의 크기로 SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)이 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 점핑 복원을 표시하는 방식일 수 있다. 일부 실시예들에서, 페이지 경계에 도달되고 조작 동작이 여전히 검출되는 때, 도 8a에 도시된 SMS 메시지 목록을 축소하는 애니메이션이 표시되고, 또한, 도 9(a)에 도시된 바와 같이, 전체 페이지를 하측으로 계속 이동시키는 것이 표시될 수 있고, 페이지 경계를 벗어나는 영역(500)이 표시될 수 있다. 도 9b에 도시된 바와 같이, 사용자의 손가락을 사용하여 수행되는 하측으로의 슬라이딩 거리가 더 길어질수록, 페이지 경계를 벗어나는 영역(500)이 더 커진다. 일부 실시예들에서, 사용자의 손가락을 사용하여 수행되는 하측으로의 슬라이딩의 거리가 특정 크기에 도달한 후에, 더 길어지는 과정에서, 페이지 경계를 벗어나는 영역(500)은 더 이상 커지지 않게 설정될 수 있다. 페이지 경계를 벗어나는 영역(500)은 공백 영역일 수 있다. 사용자가 손가락을 뗀 후, 도 9c에 도시된 바와 같이, SMS 메시지 목록은 초기 상태, 즉, 모핑이 수행되지 않은 초기 상태의 크기로 복원되고, 동시에, 페이지 경계는 터치 디스플레이의 경계에 정렬되는 위치로 복원되며, 페이지 경계를 벗어나는 영역(500)은 더 이상 표시되지 않는다. 그것의 복원 처리의 애니메이션은 문서 경계를 벗어나는 영역 (500)이 더 이상 표시되지 않을 때까지, 복원된 표시 패턴으로 직접 점핑하는 애니메이션일 수 있거나, 또는 반발 방식으로 제1 방향과 반대 방향으로 페이지를 평행 이동하는 애니메이션일 수 있다. 도 9d를 참조하면, 도 9d는 페이지 경계에 도달되고, 특정 시나리오의 일부 실시예들에서 사용자의 손가락이 터치 디스플레이 상에 슬라이딩 터치 동작을 수행하는 것이 여전히 검출되는 때 사용자 인터페이스 내의 SMS 메시지 목록의 변화 형태의 개략도이다.
도 10a 내지 도 10c는 일부 실시예들에 따른 스크롤링 목록의 형태 변화에 대한 개략적인 예시도이다. 일부 실시예들에서, 사용자의 손가락이 터치 디스플레이 상에서 하측으로 슬라이딩하고, 페이지가 하측으로 평행 이동되고 페이지의 상부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 하측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 조작을 계속함에 따라, 도 10b에 도시된 바와 같이, 페이지 내의 SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)의 형상 변화에 대한 애니메이션이 표현된다. 즉, 페이지의 상부 경계에 도달되는 때, SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)의 사다리꼴 모핑이 표시되기 시작하고, SMS 메시지 목록(3)으로부터 SMS 메시지 목록(2)으로, 그런 다음 SMS 메시지 목록(1)으로의 점차적인 축소가 발생한다. 또한, 도 10c에 도시된 바와 같이, 사용자의 손가락을 사용하여 수행되는 하측으로의 슬라이딩 거리가 더 길어질수록, SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)의 더 큰 사다리꼴 변화 및 SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)의 더 작은 크기가 표시되고, SMS 메시지 목록(1)은 심지어 삼각형으로 변화한다. 사용자가 손가락을 뗀 후, 도 10a에 도시된 초기 상태(즉, 모핑되지 않은 상태)의 크기로 SMS 메시지 목록(3), SMS 메시지 목록(2), 및 SMS 메시지 목록(1)이 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 점핑 복원을 표시하는 방식일 수 있다. 또한, 이들 실시예에서, 도 9a 내지 도 9c에 도시된 영역(500)을 표시하는 방식이 더 참조될 수 있다. 간결함을 위해, 상세한 내용은 다시 기술되지 않으며, 여기에 참고로 통합된다.
도 11a 내지 도 11f는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다. 일부 실시예들에서, 갤러리의 섬네일이 페이지에 표현되는 예는 상세한 설명을 제공하기 위해 사용된다. 도 11a에 도시된 바와 같이, 초기 상태에서, 동일한 유형의 섬네일의 크기는 기본적으로 동일할 수 있다. 사용자의 손가락이 터치 디스플레이 상에서 상측으로 또는 하측으로 슬라이딩하는 때, 페이지 내의 섬네일은 슬라이드 조작에 따라 평행 이동 방식으로 페이지에 표시된다.
일부 실시예들에서, 도 11b에 도시된 바와 같이, 사용자의 손가락이 터치 디스플레이 상에서 하측으로 슬라이딩하고, 페이지가 하측으로 평행 이동되고 페이지의 상부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 하측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 동작을 계속함에 따라, 그 페이지의 첫 번째 행, 두 번째 행, 및 세 번째 행 내의 섬네일들을 축소하는 애니메이션이 표현된다. 즉, 페이지의 상부 경계에 도달되는 때, 세 번째 행, 두 번째 행, 및 첫 번째 행의 섬네일을 축소하는 처리가 표시되기 시작하고, 세 번째 행으로부터 두 번째 행으로, 그런 다음 첫 번째 행으로 점차적인 축소가 섬네일 내에서 발생한다. 그리고, 도 11c에 도시된 바와 같이, 사용자의 손가락을 사용하여 수행되는 하측으로의 슬라이딩 거리가 더 길어질수록, 세 번째 행, 두 번째 행, 및 첫 번째 행에는 더 작은 섬네일(동일한 비율로 축소됨)이 표시된다. 사용자가 손가락을 뗀 후에, 첫 번째 행, 두 번째 행, 및 세 번째 행의 섬네일은 도 11a에 도시된 초기 상태의 크기로 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 즉각적인 복원을 표시하는 방식일 수 있다.
일부 실시예들에서, 도 11e에 도시된 바와 같이, 사용자의 손가락이 터치 디스플레이 상에서 하측으로 슬라이딩하고, 페이지가 하측으로 평행 이동되고 페이지의 상부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 하측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 동작을 계속함에 따라, 페이지의 첫 번째 행, 두 번째 행, 및 세 번째 행 내의 섬네일의 투명도의 트위닝된 애니메이션이 표현된다. 즉, 페이지의 상부 경계에 도달하면, 세 번째 행, 두 번째 행, 및 첫 번째 행의 섬네일의 투명도의 점진적인 변화가 표시되기 시작하고, 섬네일의 투명도는 세 번째 행부터 두 번째 행으로, 그런 다음 첫 번째 행으로 점진적으로 더 높아진다. 또한, 사용자의 손가락을 사용하여 수행되는 하측으로의 슬라이딩 거리가 더 길어질수록, 세 번째 행, 두 번째 행, 및 첫 번째 행의 섬네일의 투명도가 동일한 비율로 높아진다.
일부 실시예들에서, 첫 번째 행, 두 번째 행, 및 세 번째 행의 섬네일의 축소 비율은 다음의 수학식을 따를 수 있다.
ItemN = S + ((N - 1) × D), 여기서 S는 축소율, D는 섬네일의 모든 행 사이의 감소 비율, ItemN은 섬네일의 N 번째 행의 축소율을 나타낸다. 축소율(S)은 사용자의 슬라이딩 거리의 변화에 따라 변할 수 있다. 사용자의 슬라이딩 거리가 더 긴 때, 축소 비율이 더 작다.
일부 실시예들에서, 전체 페이지를 하측으로 계속해서 이동시키는 것이 더 표시될 수 있고, 페이지 경계를 벗어나는 영역이 표시될 수 있다. 표시 방법에 대해서는, 도 9a 내지 도 9c에 도시된 실시예를 참조하고, 상세한 내용은 다시 기술되지 않는다. 사용자가 손가락을 뗀 후에, 첫 번째 행, 두 번째 행, 및 세 번째 행의 섬네일은 모핑이 수행되지 않은 초기 상태의 크기로 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 즉각적인 복원을 표시하는 방식일 수 있다. 도 11b를 참조하면, 도 11d는 페이지 경계에 도달되고, 특정 시나리오의 일부 실시예들에서 사용자의 손가락이 터치 디스플레이 상에서 슬라이딩 터치 동작을 수행하는 것이 여전히 검출되는 때 사용자 인터페이스 내의 섬네일의 변화 형태의 개략도이다.
또한, 이들 실시예에서, 도 9a 내지 도 9c에 도시된 영역(500)을 표시하는 방식이 추가로 참조될 수 있다. 간결함을 위해, 상세한 내용은 다시 기술되지 않으며, 여기에 참고로 통합된다. 도 11e는 페이지 경계에 도달되고, 특정 시나리오의 일부 실시예들에서 사용자의 손가락이 터치 디스플레이 상에서 슬라이딩 터치 동작을 수행하는 것이 여전히 검출되는 때 페이지를 벗어나는 영역 및 사용자 인터페이스 내의 섬네일의 변화 형태의 개략도이다.
도 11f에 도시된 바와 같이, 특정 시나리오의 일부 실시예들에서, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되고, 조작 동작이 여전히 검출되면, 페이지의 경계에 인접한 적어도 하나의 그래프의 투명도의 점진적인 변화가 표시되어, 변화 형태를 표시하고, 사용자에 의해 쉽게 인지되는 방식으로 페이지의 경계에 도달됨을 통지한다.
일부 실시예들에서, 그래프의 색 변화, 예를 들어, 여러가지 색 그래프로부터 회색 그래프로의 점진적인 변화(도시되지 않음)를 사용하여, 변화 형태를 표시하는 방식으로, 사용자에 의해 쉽게 인식되는 방식으로, 페이지의 경계를 통지하는 목적이 또한 달성될 수 있다.
도 12a 및 도 12b는 일부 실시예들에 따라 아이콘이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다. 일부 실시예들에서, 데스크탑 상의 애플리케이션 아이콘이 페이지에 제공되는 예는 상세한 설명을 제공하기 위해 사용된다. 데스크탑은 복수의 스크린을 가질 수 있고, 각 스크린은 하나 이상의 애플리케이션 아이콘을 갖는다. 도 12a에 도시된 바와 같이, 초기 상태에서, 데스크탑 상의 애플리케이션 아이콘의 크기는 기본적으로 동일할 수 있다. 사용자의 손가락이 터치 디스플레이 상에서 좌우로 슬라이딩하는 때, 슬라이드 조작에 따라 페이지가 좌우로 이동되고, 페이지가 특정 정도로 이동된 후, 다른 화면으로 전환된다. 일부 실시예들에서, 도 12b에 도시된 바와 같이, 사용자의 손가락이 터치 디스플레이 상에서 좌측으로 슬라이딩하고, 페이지가 데스크탑의 가장 우측 스크린에 도달되는 때, 손가락이 터치 디스플레이 상에서 우측으로 슬라이딩하는 것이 여전히 검출된다면, 마지막 화면의 우측 경계에 인접한 여러 열의 애플리케이션 프로그램 아이콘을 축소하는 애니메이션이 표시된다. 즉, 데스크톱의 가장 우측 화면에서, 사용자의 손가락이 터치 디스플레이 상에서 왼쪽으로 슬라이딩하는 때, 우측 경계에 인접한 여러 열의 표시된 애플리케이션 프로그램 아이콘이 우측 경계를 향하는 방향으로 점차 축소되고, 사용자의 손가락이 좌측으로 계속 슬라이딩할수록, 여러 열에 표시된 애플리케이션 아이콘이 비례적으로 작아진다. 일부 실시예들에서, 도 12c에 도시된 바와 같이, 전체 페이지를 좌측으로 계속하여 이동시키는 것이 더 표시될 수 있고, 페이지 경계를 벗어나는 영역이 표시될 수 있다. 사용자가 손가락을 뗀 후에, 비례적으로 축소된 열에 있는 애플리케이션 아이콘은 도 12a에 도시된 모핑이 수행되지 않은 초기 상태의 크기로 복원된다.
도 13a 내지 도 13c는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다. 일부 실시예들에서, 도 13a에 도시된 바와 같이, 복수의 형상과 크기의 섬네일이 사용자 인터페이스에 표시될 수 있다. 사용자의 손가락이 터치 디스플레이 상에서 하측으로 슬라이딩하고, 페이지가 하측으로 평행 이동되고 페이지의 상부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 하측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 동작을 계속함에 따라, 페이지 내의 섬네일(1), 섬네일(2), 및 섬네일(3)을 축소하는 애니메이션이 제공된다. 즉, 페이지의 상부 경계에 도달되면, 섬네일(1), 섬네일(2), 및 섬네일(3)을 축소하는 과정이 표시되기 시작한다. 일부 실시예들에서, 섬네일(1), 섬네일(2), 및 섬네일(3)의 축소 비율은 다음의 수학식, ItemN = S + ((N - 1) × D)을 따를 수 있다. 여기서, S는 축소율, D는 섬네일의 모든 행 사이의 감소 비율, ItemN은 섬네일의 N 번째 행의 축소율을 나타낸다. 축소율(S)은 사용자의 슬라이딩 거리의 변화에 따라 변할 수 있다. 사용자의 슬라이딩 거리가 더 긴 때, 축소 비율이 더 작다. 즉, 도 13b로부터 도 13c로의 변화 과정이 표시된다. 도 13b를 참조하면, 도 13d는 페이지 경계에 도달되고, 특정 시나리오의 일부 실시예들에서 사용자의 손가락이 터치 디스플레이 상에서 슬라이딩 터치 동작을 수행하는 것이 여전히 검출되는 때 사용자 인터페이스 내의 섬네일의 변화 형태의 개략도이다.
도 14a 내지 도 14c는 특정 시나리오의 일부 실시예들에 따라 섬네일이 좌측으로 평행 이동되는 때 발생하는 형태 변화의 개략도이다. 도 14a에 도시된 바와 같이, 사용자의 손가락이 터치 디스플레이 상에서 좌측으로 슬라이딩하고, 페이지가 좌측으로 평행 이동되며 페이지의 우측 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 좌측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 동작을 계속함에 따라, 도 8a 및 도 8b에 도시된 것과 유사하게, 페이지 내의 섬네일들을 축소하는 애니메이션이 표시된다. 도 14b에 도시된 바와 같이, 이에 대응하여, 도 9a 및 도 9b에 도시된 것과 유사하게, 페이지를 벗어나는 영역(500) 및 페이지 내의 섬네일들을 축소하는 애니메이션이 표시된다. 도 14c에 도시된 바와 같이, 이에 대응하여, 도 11f에 도시된 것과 유사하게, 페이지 내의 섬네일들의 투명도의 트위닝된 애니메이션이 표시된다. 상세한 내용은 다시 기술되지 않는다.
도 15a 내지 도 15c는 일부 실시예들에 따라 섬네일이 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다. 도 15a에 도시된 바와 같이, 초기 상태에서 섬네일들의 크기는 상이할 수 있다. 사용자의 손가락이 터치 디스플레이 상에서 좌측으로 슬라이딩하고, 페이지가 좌측으로 평행 이동되며 페이지의 우측 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 좌측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 동작을 계속함에 따라, 도 15b에 도시된 것과 유사하게, 페이지 내의 섬네일(2) 및 섬네일(N)의 경계들의 모핑이 표시되고, 경계들이 사각형 경계에서 아크형(arc-shaped) 경계로 점진적으로 변화한다. 좌측으로의 슬라이딩 거리가 길어짐에 따라, 아크형 모핑은 도 15b에서 도 15c로 더욱 명백해진다. 사용자가 손가락을 뗀 후에, 섬네일은 도 15a에 도시된 모핑이 수행되지 않은 초기 상태의 크기로 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 점핑 복원을 표시하는 방식일 수 있다.
도 15d 내지 도 15f는 일부 실시예들에 따라 문자가 평행 이동되는 때 발생하는 형태 변화의 개략적인 예시도이다. 예를 들어, 페이지는 문자 웹 페이지일 수 있다. 도 15d에 도시된 바와 같이, 초기 상태에서, 페이지 내의 문자들의 크기는 상이할 수 있다. 사용자의 손가락이 터치 디스플레이 상에서 상측으로 슬라이딩하고, 페이지가 상측으로 평행 이동되며 페이지의 하부 경계에 도달되는 때, 사용자가 터치 디스플레이 상에서 상측으로 슬라이딩하는 것이 여전히 검출되면, 사용자가 슬라이드 동작을 계속함에 따라, 도 15e에 도시된 것과 유사하게, 페이지의 하부에 있는 마지막 행의 문자(AAAA...와 같은)의 모핑이 표시되고, 폰트 크기가 점진적으로 더 작아진다. 상측으로의 슬라이딩 거리가 길어짐에 따라, 폰트 크기를 감소시키는 모핑은 도 15e에서 도 15f로 더욱 명백해진다. 사용자가 손가락을 뗀 후에, 문자는 도 15d에 도시된 모핑이 수행되지 않은 초기 상태의 크기로 복원된다. 복원 과정의 애니메이션은 점진적 복원을 표시하는 방식일 수 있거나, 또는 점핑 복원을 표시하는 방식일 수 있다.
일부 실시예들에서, 방법은 단계(S105) 및 단계(S106)를 더 포함한다. 단계(S105)에서, 조작 동작이 더 이상 검출되지 않는다는 사실에 응답하여, 표시된 페이지는 감쇠 이동 후에 감속 방식으로 제1 방향으로 계속 이동된다. 단계(S104)에서, 페이지가 제1 방향으로 이동되는 때 이동 속도가 0으로 감소되지 않고, 페이지 경계에 도달되었다는 사실에 응답하여, 페이지의 경계에 인접한 적어도 하나의 그래프의 변화 형태가 페이지가 표시되고, 그래프의 변화 형태가 초기 형태와 상이하다.
사용자의 손가락이 터치 디스플레이(200)를 떠날 때, 터치 디스플레이(200) 상에 이동 단말기(100)에 의해 표시되는 페이지는 즉시 정지되지 않고, 관성 방식으로 계속 이동되며, 페이지가 정지되는 때까지, 감쇠 이동 방식으로 감속한다(속도가 점진적으로 감소된다). 이동 속도가 0으로 감소하지 않은 때, 이동 단말기(100)가 페이지의 페이지 경계에 도달되는 것을 검출하면, 페이지 내의 경계에 인접한 적어도 하나의 그래프의 변화 형태가 표시되기 시작한다.
일부 실시예들에서, 페이지의 경계에 도달됨을 검출할 때, 이동 단말기(100)는 경계에 도달되는 때 사용된 페이지의 이동 속도 및 관성 가속도에 따라, 경계에 인접한 적어도 하나의 그래프의 변화 형태의 트위닝된 애니메이션의 지속 시간 및 변화율을 결정하고, 변화 형태의 트위닝된 애니메이션이 지속 기간 내에서 표현된 후에, 경계에 인접한 적어도 하나의 그래프의 초기 형태를 복원하여 표시한다.
도 16은 일부 실시예들에 따라 이동 단말기에서 동작하도록 구성될 수 있는 모듈의 개략도이다. 이 모듈은 입력 유닛(130), 페이지 조작 프롬프트 엔진(610), 오브젝트 컨트롤(620), 및 제어 인터페이스 프레임워크(630)를 포함한다.
일부 실시예들에서, 입력 유닛(130)은 인간-컴퓨터 상호 작용을 위한 입력 장치이고, 사용자의 조작 동작의 입력을 획득한다. 입력 유닛(130)의 내용의 경우, 도 1에 도시된 실시예에서의 설명을 참조한다. 상세한 내용은 다시 기술되지 않으며, 여기에 참고로 통합된다.
페이지 조작 프롬프트 엔진(610)은 이벤트 처리 유닛(611), 애니메이션 알고리즘 유닛(612), 그래프 렌더링 유닛(613), 및 이벤트 콜백 메카니즘 유닛(614)을 포함한다. 이벤트 처리 유닛(611)은 슬라이딩 변위 정보(변위 거리, 속도, 방향 등을 포함함), 입력 유닛(130)에 의해 획득된 조작 동작의 이벤트로 변환하고, 필터링 및 평활화 처리를 수행한다. 따라서, 슬라이딩은 유창하고, 서로 상이한 운영 체제에서 동일하게 표시되므로, 사용자 경험이 양호하다. 애니메이션 알고리즘 유닛(612)은 페이지 아이템의 슬라이딩 변위, 속도, 방향, 및 높이 정보를 포함하는 슬라이딩 변위 정보를 수신하고, 실제 물리적 페이지의 움직임과 유사한 연속적이고 부드러운 움직임의 효과를 달성하기 위해, 페이지에 대한 분할(piece-wise) 계산을 수행한다. 애니메이션 알고리즘 유닛(612)은 슬라이딩 변위 정보에 따라 페이지의 위치 정보를 계산하고, 표시 장치에 표시된 페이지의 그래프의 줌(zoom) 정보를, 모핑 알고리즘에 따라 계산한다. 그래프 렌더링 유닛(613)은 페이지의 위치 정보 및 그래프의 줌 정보에 따라 그래프 효과 묘사, 즉 렌더링 알고리즘을 수행하여 묘사 데이터를 생성한 다음, 제어 인터페이스 프레임워크를 호출하여 묘사 데이터를 특정 표시 장치에 적응시켜, 표시 장치에 묘사 데이터를 표시한다. 그래프 렌더링 유닛(613)은 그래프 신호를 처리하기 위한 상대적으로 독립적인 병렬 처리 유닛이고, 운영체제의 기본 기능 수행에 영향을 주지 않고, 전력 소비를 감소시키기 위해, 독립적인 스레드를 사용하여 묘사를 수행한다. 이벤트 콜백 메카니즘 유닛(614)은 프로세서(180)에 의해 피드백되고 렌더링 및 알고리즘 처리에 관한 정보를 획득하고, 애니메이션과 제스처 사이의 조정을 구현하며, 페이지의 위치 정보 및 슬라이딩 변위 정보에 따라, 페이지가 이동되는 때 페이지 경계에 도달되는지를 결정하고, 정확한 변화 형태를 생성하기 위해, 모핑 알고리즘 및 렌더링 알고리즘을 결정하도록 구성된다.
오브젝트 컨트롤(620)은 슬라이딩을 지원하는 임의의 컨트롤일 수 있고, 오브젝트 컨트롤의 알고리즘이 자동으로 적응된다. 알고리즘에 따라 추상화된 페이지 오브젝트는 그래프를 갖는 세트이다. 페이지의 현재 상태는 페이지가 경계를 향해 스크롤링하는 때 페이지로부터 획득된다. 손의 진행에 관한 시간 또는 애니메이션 모핑 데이터는 이벤트 처리 유닛(611)으로부터의 변위 정보에 따라 출력되고, 그래프 렌더링 유닛(613)을 사용하여 특정 하드웨어에 적응되어, 표시 시스템을 작동한다.
제어 인터페이스 프레임워크(630)는 사용자와 상호 작용하도록 구성된 일련의 인터페이스 및 리프레시를 위해 페이지 조작 프롬프트 애니메이션 엔진을 호출하도록 구성된 일련의 인터페이스를 포함한다.
구현 과정에서, 이벤트 처리 유닛(611)는 시간 데이터, 센서 데이터, 및 검출된 터치 조작 모두를 슬라이딩 변위 정보를 표현하는 0에서 1까지의 진도 값으로 변환한 다음, 프로세서(180)에 진도 값을 전달한다. 이벤트 콜백 메카니즘 유닛(614)은 프로세서(180)에 의해 피드백되는, 렌더링 및 알고리즘 처리에 관한 정보를 획득하고, 그래프 애니메이션 알고리즘 유닛(612)에 그 정보를 전달하여 애니메이션 계산을 수행하고, 그 정보를 렌더링 유닛(613)에 전달한다 그래프를 다시 묘사한다. 제어 인터페이스 프레임워크(630)는 다시 묘사된 그래프의 데이터를 표시하고 데이터는 오브젝트 컨트롤(620)에 전송된다. 오브젝트 컨트롤(620)은 페이지 슬라이딩 및 그래프의 변화 형태를 표시한다.
일부 실시예들에서 제공되는 시나리오에서, 사용자가 페이지를 슬라이드하는 때, 입력 유닛(130)은 슬라이딩 이벤트의 입력(뷰를 다음 페이지로 전환하기 위한, 터치 디스플레이 상의 슬라이딩, 또는 제스처 인식을 사용하여 검출된 사용자 손바닥의 흔들기일 수 있음)을 결정한다.
이벤트 처리 유닛(611)은 변위 정보 큐(queue)를 획득하고, 시작점으로부터 사용자에 의해 수행된 변위의 거리를 계산한 다음, 이벤트 콜백 메카니즘(614)을 사용하여 페이지 경계에 도달되었는지를 결정한다.
그리고, 애니메이션 알고리즘 유닛(612)은 현재 페이지의 그래프(항목)의 줌 정보를 계산한다. 수학식의 예는 다음과 같다.
When itemIndex<Threadshold, Scale(i) = itemIndex × scaleFactor × itemHeightFactor.
itemIndex는 현재 그래프의 대응하는 페이지 경계로부터 순위를 매긴 후에 획득된 위치 시퀀스 번호를 나타낸다. 예를 들어, 페이지가 하측으로 슬라이딩되고 페이지의 상부 경계에 도달되면, 상부에서의 순서 번호는 0이고, 하측 방향으로, 순서 번호는 1, 2, 3 ...이다. 페이지가 상측으로 슬라이딩되고 페이지의 하부 경계에 도달되면, 하부로에서의 순서 번호는 0이고, 상측 방향으로, 순서 번호는 1, 2, 3 ...이다.
ScaleFactor는 줌 비율을 나타낸다. baseFactor는 그래프의 초기 형태의 줌 비율(대개 1로 설정)을 나타낸다. N은 인접 순서 번호들의 관점에서 줌 비율 차이이다. ScaleFactor = baseFactor - itemIndex × N이다. 고정된 시작 줌 비율과 각 축소율을 조정하여 애니메이션 효과가 조정될 수 있다.
itemHeightFactor는 그래프의 높이에 관한 파라미터를 나타내고, 그래프의 높이가 고려되지 않는 때 야기되는 불연속점을 나타낼 수 있으며, 높이에 정비례하는 값일 수 있다. 고정 비율은 필요한 궁극적인 효과에 따라 구체적으로 설정된다.
Threadshold는 페이지 경계로부터 특정 그래프의 순위를 매긴 후에 획득된 최종 순위를 나타낸다. 이것은 이펙트 성능을 위한 최적화이다. 예를 들어, Threadshold를 3으로 설정하면, 전반적인 물리 롤백의 시각적 효과를 달성하기 위해, 페이지 경계로부터 시작하여 세 번째까지의 그래프(또는 세 번째 행의 그래프, 또는 세 번째 행의 그래프)까지만 확대되면 된다.
알고리즘 결과 Scale(i)은 그래프 효과 묘사를 수행하기 위해, 그래프 렌더링 시스템 내의 독립적인 스레드를 생성하여 획득된다. 알고리즘은 다음 의사 코드의 형태일 수 있다.
Thread{
lock(surface)
canvas.setscale(i)
release(surface)
}start
이벤트는 시간 방식으로 더 입력되거나, 또는 센서 데이터 방식으로 입력될 수 있다. 시간 데이터 방식에서, 이벤트가 정기적으로 실행된다. 센서 데이터 방식에서, 센서가 데이터를 검출하고 센서 데이터가 시간 조건을 만족하는 때 이벤트가 실행된다.
도 17은 일부 실시예들에 따른 장치(70)의 개략적인 구조도이다. 장치(70)는 검출 모듈(701), 이동 표시 모듈(702), 및 모핑 표시 모듈(703)을 포함한다.
장치는 표시 장치를 갖는 이동 단말기 내에 배치될 수 있고, 장치는 하드웨어, 소프트웨어, 또는 하드웨어와 소프트웨어를 결합한 장치일 수 있다.
일부 실시예들에서, 페이지가 제1 방향으로 이동되고, 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 장치(70)는 제1 그래프의 변화 형태를 표시한다. 구체적으로는, 검출 모듈(701)은 사용자의 조작 동작을 검출한다. 조작 동작이 검출되는 것에 응답하여, 이동 표시 모듈(702)은 표시 장치에서 페이지를 제1 방향으로 이동 가능하게 표시하고, 페이지는 하나 이상의 그래프를 포함하며, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시된다. 페이지가 제1 방향으로 이동되고, 조작 동작이 여전히 검출되는 때, 도달되는 페이지 경계에 응답하여, 모핑 표시 모듈(703)은 제1 그래프의 변화 형태를 표시하고, 제1 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 모핑 표시 모듈(703)은 제1 표시 서브유닛을 포함한다. 조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 표시 서브유닛은 제1 그래프의 동적으로 변화하는 변화 형태를 표시하고, 미리 설정된 범위 내의 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도한다. 또한, 조작 동작의 동작 범위가 미리 설정된 범위를 초과하는 것을 검출하는 것에 응답하여, 제1 표시 서브유닛은 제1 그래프의 정적 변화 형태를 표시한다.
일부 실시예들에서, 모핑 표시 모듈(703)은 제2 표시 서브유닛을 포함한다. 제2 표시 서브유닛은조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하고, 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도한다.
일부 실시예들에서, 장치(70)는 복원 표시 모듈을 더 포함한다. 복원 표시 모듈은 제1 그래프의 초기 형태가 표시되는 때까지, 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 제1 그래프를 점진적으로 복원하는 트위닝된 애니메이션을 표시한다.
일부 실시예들에서, 장치(70)는, 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하고, 여기서 상기 영역은 페이지와 상이하며, 조작 입력이 더 이상 검출되지 않는다는 사실에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키도록 구성된 영역 표시 모듈을 더 포함한다.
일부 실시예들에서, 페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 장치(70)는 페이지 경계에 인접한 적어도 두 개의 그래프의 변화 형태를 표시하고, 변화 형태는 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 포함한다.
구체적으로는, 검출 모듈(701)은 사용자의 조작 동작을 검출한다. 조작 동작이 검출되는 것에 응답하여, 이동 표시 모듈(702)은 표시 장치에서 페이지를 제1 방향으로 이동 가능하게 표시하고, 페이지는 하나 이상의 그래프를 포함하며, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시된다. 페이지가 제1 방향으로 이동되고, 조작 동작이 여전히 검출되는 때, 도달되는 페이지 경계에 응답하여, 모핑 표시 모듈(703)은 제1 그래프의 변화 형태를 및 제2 그래프의 변화 형태를 표시하고, 제1 그래프 및 제2 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 모핑 표시 장치(703)는 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하고, 제2 그래프의 표시된 변화 형태와 제2 그래프의 초기 형태 사이의 차이는 제1 그래프의 표시된 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 더 크다.
일부 실시예들에서, 조작 동작이 더 이상 검출되지 않는 것에 응답하여, 장치(70)는 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시킨다. 또한, 페이지가 제1 방향으로 이동되는 때 페이지의 이동 속도가 0으로 감소하지 않고, 페이지 경계에 도달되는 것을 검출하는 것에 응답하여, 장치(70)는 제1 그래프의 변화 형태를 표시한다.
구체적으로는, 검출 모듈(701)은 사용자의 조작 동작을 검출한다. 조작 동작이 검출되는 것에 응답하여, 이동 표시 모듈(702)은 표시 장치에서 페이지를 제1 방향으로 이동 가능하게 표시하고, 페이지는 하나 이상의 그래프를 포함하며, 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시된다. 조작 동작이 더 이상 검출되지 않는다는 사실에 응답하여, 이동 표시 모듈(702)은 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시킨다. 페이지가 제1 방향으로 이동되는 때 페이지의 이동 속도가 0으로 감소되지 않고, 페이지 경계에 도달된 것으로 검출된 사실에 응답하여, 모핑 표시 모듈(703)은 제1 방향의 변화 형태를 표시하고, 제1 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하다.
일부 실시예들에서, 장치(70)는, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하도록 구성된 영역 표시 모듈 - 상기 영역은 페이지와 상이함 - , 페이지의 이동 속도가 0으로 감소된 것을 검출하는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키도록 구성된 복귀 표시 모듈, 그리고 상기 영역이 더 이상 표시되지 않는 때, 제1 그래프의 초기 형태를 표시하도록 구성된 복원 표시 모듈을 더 포함한다.
실시예에서의 모듈에 포함된 검출 모듈(701), 이동 표시 모듈(702), 모핑 표시 모듈(703), 및 모든 표시 서브유닛에 의해 수행되는 내용의 경우, 전술한 실시예에서의 방법 및 도 1 내지 도 16에서 설명된 내용을 참조하고, 상세한 내용은 다시 기술되지 않는다.
결론적으로, 전술한 실시예는 단지 본 발명의 기술적 해결책을 설명하기 위한 것이나, 본 발명을 제한하는 것은 아니다. 본 발명은 전술한 실시예들을 참조하여 상세히 설명되었지만, 통상의 기술자는 본 발명의 실시예들의 기술적 해결책의 사상 및 범위로부터 벗어나지 않으면서, 전술한 실시예에서 기술된 기술적 해결책을 여전히 변형할 수 있거나, 또는 그것의 일부 기술적 특징에 대한 동등한 대체물을 만들 수 있음을 이해해야 한다.

Claims (37)

  1. 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 방법으로서,
    사용자의 조작 동작을 검출하는 단계,
    검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하는 단계 - 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - , 그리고
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태를 표시하는 단계 - 제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이함 -
    를 포함하는
    방법.
  2. 제1항에 있어서,
    제1 그래프의 변화 형태를 표시하는 단계는,
    조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하는 단계 - 미리 설정된 범위 내에서의 더 큰 동작 범위의 조작 동작은 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도함 - , 그리고
    조작 동작의 동작 범위가 미리 설정된 범위를 초과하는 것을 검출하는 것에 응답하여, 제1 그래프의 정적 변화 형태를 표시하는 단계
    를 포함하는,
    방법.
  3. 제1항에 있어서,
    제1 그래프의 변화 형태를 표시하는 단계는,
    조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하는 단계를 포함하고, 더 큰 동작 범위의 조작 동작은 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도하는,
    방법.
  4. 제1항 내지 제3항 중 어느 한 항에 있어서,
    제1 그래프의 변화 형태를 표시하는 단계 이후에, 상기 방법은,
    조작 동작이 더 이상 검출되지 않는 것에 응답하여, 제1 그래프의 초기 형태를 표시하는 단계를 더 포함하는 방법.
  5. 제4항에 있어서,
    제1 그래프의 초기 형태를 표시하는 단계는,
    제1 그래프의 초기 형태가 표시되는 때까지, 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 제1 그래프를 점진적으로 복원하는 트위닝된(tweened) 애니메이션을 표시하는 단계를 포함하는,
    방법.
  6. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 방법은,
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하는 단계 - 상기 영역은 페이지와 상이함 - , 그리고
    조작 입력이 더 이상 검출되지 않는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키는 단계
    를 더 포함하는 방법.
  7. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 그래프는,
    문자, 또는 항목 목록, 또는 디지털 이미지, 또는 아이콘인,
    방법.
  8. 제1항 내지 제5항 중 어느 한 항에 있어서,
    그래프의 변화 형태는, 초기 형태에 대해 모양 변화, 크기 변화, 투명도 변화, 또는 색상 변화 중 어느 하나 또는 임의의 조합이 수행된 후에 획득된 형태를 포함하는,
    방법.
  9. 제1항 내지 제5항 중 어느 한 항에 있어서,
    이동 단말기는 터치 디스플레이를 갖고, 상기 사용자의 조작 동작을 검출하는 단계는,
    터치 디스플레이 상의 사용자에 의해 수행된 터치 동작을 검출하는 단계를 포함하는,
    방법.
  10. 제1항 내지 제5항 중 어느 한 항에 있어서,
    사용자의 조작 동작을 검출하는 단계는,
    사용자의 음성 명령을 검출하는 단계,
    사용자의 제스처 동작을 검출하는 단계, 또는
    사용자의 신체 동작을 검출하는 단계 중 적어도 하나를 포함하는,
    방법.
  11. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 방법은,
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 경보음을 재생하는 단계를 더 포함하는 방법.
  12. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 제1 방향은,
    표시 장치 상에서의 수평 방향, 수직 방향, 또는 경사 방향인,
    방법.
  13. 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 방법으로서,
    사용자의 조작 동작을 검출하는 단계,
    검출되는 조작 동작에 응답하여, 표시 장치에 하나 이상의 그래프를 포함하는 페이지를 제1 방향으로 이동 가능하게 표시하는 단계 - 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - , 그리고
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계 - 제1 그래프 및 제2 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이함 -
    를 포함하는
    방법.
  14. 제13항에 있어서,
    제1 그래프와 페이지 경계 사이의 거리는 제2 그래프와 페이지 경계 사이의 거리보다 더 작고, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계는,
    제1 그래프의 변화 형태와 제2 그래프의 변화 형태를 표시하는 단계 - 제2 그래프의 표시된 변화 형태와 제2 그래프의 초기 형태 사이의 차이가 제1 그래프의 표시된 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 큼 - 를 포함하는,
    방법.
  15. 표시 장치를 갖는 이동 단말기에서 구현되는 방법에 있어서,
    사용자의 조작 동작을 검출하는 단계,
    검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하는 단계 -하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - ,
    조작 동작이 더 이상 검출되지 않는 것에 응답하여, 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시키는 단계, 그리고
    페이지의 이동 속도가 0으로 감소하지 않고, 페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달되는 것을 감지하여, 제1 그래프의 변화 형태를 표시하는 단계 - 제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이함 -
    를 포함하는
    방법.
  16. 제15항에 있어서,
    상기 방법은,
    페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하는 단계 - 상기 영역은 페이지와 상이함 - ,
    페이지의 이동 속도가 0으로 감소된 것을 검출하는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키는 단계, 그리고
    상기 영역이 더 이상 표시되지 않는 때, 제1 그래프의 초기 형태를 표시하는 단계
    를 더 포함하는 방법.
  17. 표시 장치,
    하나 이상의 프로세서, 그리고
    메모리
    를 포함하고,
    메모리는 컴퓨터 프로그램을 저장하도록 구성되며,
    프로세서는 컴퓨터 프로그램을 실행하여,
    사용자의 조작 동작을 검출하는 단계,
    검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하는 단계 - 하나 이상의 그래프는 초기 형태로 표시됨 - , 그리고
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 복수의 그래프 중 경계와 인접한 적어도 하나의 그래프의 변화 형태를 표시하는 단계 - 그래프의 변화 형태는 초기 형태와 상이함 -
    를 수행하도록 구성된,
    이동 단말기.
  18. 제17항에 있어서,
    제1 그래프의 변화 형태를 표시하는 단계는,
    조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하는 단계 - 미리 설정된 범위 내에서의 더 큰 동작 범위의 조작 동작은 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도함 - , 그리고
    조작 동작의 동작 범위가 미리 설정된 범위를 초과하는 것을 검출하는 것에 응답하여, 제1 그래프의 정적 변화 형태를 표시하는 단계를 포함하는,
    이동 단말기.
  19. 제17항에 있어서,
    제1 그래프의 변화 형태를 표시하는 단계는,
    조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하는 단계를 포함하고,
    보다 큰 동작 범위의 조작 동작은 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도하는,
    이동 단말기.
  20. 제17항에 있어서,
    제1 그래프의 변화 형태를 표시하는 단계 이후에, 프로세서는,
    조작 동작이 더 이상 검출되지 않는 것에 응답하여, 제1 그래프의 초기 형태를 표시하는 단계를 더 수행하는 이동 단말기.
  21. 제20항에 있어서,
    제1 그래프의 초기 형태를 표시하는 단계는,
    제1 그래프의 초기 형태가 표시되는 때까지, 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 제1 그래프를 점진적으로 복원하는 트위닝된(tweened) 애니메이션을 표시하는 단계를 포함하는,
    이동 단말기.
  22. 제17항 내지 제21항 중 어느 한 항에 있어서,
    프로세서는,
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하는 단계 - 상기 영역은 페이지와 상이함 - , 그리고
    조작 입력이 더 이상 검출되지 않은 후에, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키는 단계
    를 더 수행하는 이동 단말기.
  23. 표시 장치,
    하나 이상의 프로세서, 그리고
    메모리
    를 포함하고,
    메모리는 컴퓨터 프로그램을 저장하도록 구성되며,
    프로세서는 컴퓨터 프로그램을 실행하여,
    사용자의 조작 동작을 검출하는 단계,
    검출되는 조작 동작에 응답하여, 표시 장치에 하나 이상의 그래프를 포함하는 페이지를 제1 방향으로 이동 가능하게 표시하는 단계 - 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - , 그리고
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계 - 제1 그래프 및 제2 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이함 -
    를 수행하도록 구성된,
    이동 단말기.
  24. 제23항에 있어서,
    제1 그래프와 페이지 경계 사이의 거리는 제2 그래프와 페이지 경계 사이의 거리보다 더 작고, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하는 단계는,
    제1 그래프의 변화 형태와 제2 그래프의 변화 형태를 표시하는 단계를 포함하고, 제2 그래프의 표시된 변화 형태와 제2 그래프의 초기 형태 사이의 차이가 제1 그래프의 표시된 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 큰,
    이동 단말기.
  25. 표시 장치,
    하나 이상의 프로세서, 그리고
    메모리
    를 포함하고,
    메모리는 컴퓨터 프로그램을 저장하도록 구성되며,
    프로세서는 컴퓨터 프로그램을 실행하여,
    사용자의 조작 동작을 검출하는 단계,
    검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하는 단계 - 하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시됨 - ,
    조작 동작이 더 이상 검출되지 않는 것에 응답하여, 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시키는 단계, 그리고
    페이지가 제1 방향으로 이동되는 때 페이지의 이동 속도가 0으로 감소하지 않고, 페이지 경계에 도달되는 것을 감지하여, 제1 그래프의 변화 형태를 표시하는 단계 - 제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이함 -
    를 수행하도록 구성된,
    단말 장치.
  26. 제25항에 있어서,
    단말 장치는,
    페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하는 단계 - 상기 영역은 페이지와 상이함 - ,
    페이지의 이동 속도가 0으로 감소된 것을 검출하는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키는 단계, 그리고
    상기 영역이 더 이상 표시되지 않는 때, 제1 그래프의 초기 형태를 표시하는 단계
    를 더 수행하는 단말 장치.
  27. 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 장치로서,
    사용자의 조작 동작을 검출하도록 구성된 검출 모듈,
    검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하도록 구성된 이동 표시 모듈, 그리고
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태를 표시하도록 구성된 모핑(morphing) 표시 모듈
    을 포함하고,
    하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고,
    제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이한,
    장치.
  28. 제27항에 있어서,
    모핑 표시 모듈은,
    조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하고, 조작 동작의 동작 범위가 미리 설정된 범위를 초과하는 것을 검출하는 것에 응답하여, 제1 그래프의 정적 변화 형태를 표시하도록 구성된 제1 표시 서브유닛을 포함하고,
    미리 설정된 범위 내의 조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도하는,
    장치.
  29. 제27항에 있어서,
    모핑 표시 모듈은,
    조작 동작이 연속적으로 수행되는 것을 검출하는 것에 응답하여, 제1 그래프의 동적으로 변화하는 변화 형태를 표시하도록 구성된 제2 표시 서브유닛을 포함하고,
    조작 동작의 보다 큰 동작 범위는 제1 그래프의 초기 형태로부터 제1 그래프의 변화 형태로의 더 큰 형태 변화를 유도하는,
    장치.
  30. 제27항에 있어서,
    장치는,
    제1 그래프의 변화 형태가 표시된 후에, 조작 동작이 더 이상 검출되지 않는 것에 응답하여, 제1 그래프의 초기 형태를 표시하도록 구성된 복원 표시 모듈
    을 더 포함하는 장치.
  31. 제30항에 있어서,
    복원 표시 모듈은,
    제1 그래프의 초기 형태가 표시되는 때까지, 제1 그래프의 변화 형태로부터 제1 그래프의 초기 형태로 제1 그래프를 점진적으로 복원하는 트위닝된(tweened) 애니메이션을 표시하도록 구성된 복원 표시 서브유닛을 포함하는,
    장치.
  32. 제27항 내지 제31항 중 어느 한 항에 있어서,
    장치는,
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하고, 상기 영역은 페이지와 상이하며, 조작 입력이 더 이상 검출되지 않는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키도록 구성된 영역 표시 모듈
    을 더 포함하는 장치.
  33. 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 장치로서,
    사용자의 조작 동작을 검출하도록 구성된 검출 모듈,
    검출되는 조작 동작에 응답하여, 표시 장치에 하나 이상의 그래프를 포함하는 페이지를 제1 방향으로 이동 가능하게 표시하도록 구성된 이동 표시 모듈, 그리고
    페이지가 제1 방향으로 이동되고 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태 및 제2 그래프의 변화 형태를 표시하도록 구성된 모핑(morphing) 표시 모듈
    을 포함하고,
    하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고,
    제1 그래프 및 제2 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이하고, 제2 그래프의 변화 형태는 제2 그래프의 초기 형태와 상이한,
    장치.
  34. 제33항에 있어서,
    모핑 표시 모듈은,
    제1 그래프의 변화 형태와 제2 그래프의 변화 형태를 표시하도록 더 구성되고, 제2 그래프의 표시된 변화 형태와 제2 그래프의 초기 형태 사이의 차이가 제1 그래프의 표시된 변화 형태와 제1 그래프의 초기 형태 사이의 차이보다 큰,
    장치.
  35. 표시 장치를 갖는 이동 단말기에 페이지를 표시하는 장치로서,
    사용자의 조작 동작을 검출하도록 구성된 검출 모듈,
    검출되는 조작 동작에 응답하여, 하나 이상의 그래프를 포함하는 페이지를 표시 장치에 제1 방향으로 이동 가능하게 표시하고, 조작 동작이 더 이상 검출되지 않는 것에 응답하여, 감쇠 이동 후에 감속 방식으로 페이지를 제1 방향으로 계속 이동시키도록 구성된 무빙 표시 모듈, 그리고
    페이지가 제1 방향으로 이동되는 때 페이지의 이동 속도가 0으로 감소하지 않고, 페이지 경계에 도달되는 것을 감지하여, 제1 그래프의 변화 형태를 표시하도록 구성된 모핑(morphing) 표시 모듈
    을 포함하고,
    하나 이상의 그래프는 그래프의 초기 형태로 표시 장치에 표시되고,
    제1 그래프는 표시 장치에 표시되는 하나 이상의 그래프 중 페이지 경계에 인접한 그래프이고, 제1 그래프의 변화 형태는 제1 그래프의 초기 형태와 상이한,
    장치.
  36. 제35항에 있어서,
    장치는,
    페이지가 제1 방향으로 이동되는 때 페이지 경계에 도달된 것을 검출하는 것에 응답하여, 감속 방식으로 페이지를 계속 이동시키고, 페이지 경계를 벗어나는 영역을 표시하도록 구성된 영역 표시 모듈 - 상기 영역은 페이지와 상이함 - ,
    페이지의 이동 속도가 0으로 감소된 것을 검출하는 것에 응답하여, 상기 영역이 더 이상 표시되지 않을 때까지, 페이지를 제1 방향과 반대 방향인 제2 방향으로 이동시키도록 구성된 복귀 표시 모듈, 그리고
    상기 영역이 더 이상 표시되지 않는 때, 제1 그래프의 초기 형태를 표시하도록 구성된 복원 표시 모듈
    을 더 포함하는 장치.
  37. 표시 장치를 갖는 이동 단말기 상의 그래픽 사용자 인터페이스로서, 그래픽 사용자 인터페이스는,
    표시 장치에 표시된 페이지의 일 부분을 포함하고, 페이지는 하나 이상의 그래프를 포함하고,
    사용자의 조작 동작이 검출된 사실에 응답하여, 페이지는 제1 방향으로 이동되고, 하나 이상의 그래프는 초기 형태로 표시되며,
    페이지가 제1 방향으로 이동되고, 조작 동작이 여전히 검출되는 때 도달되는 페이지 경계에 응답하여, 제1 그래프의 변화 형태가 표시되며, 제1 그래프는 표시 장치에 표시된 하나 이상의 그래프 중 페이지 경계에 인접한 하나의 그래프이고, 제1 그래프의 변화 형태는 제1 형태의 초기 형태와 상이한,
    그래픽 사용자 인터페이스.
KR1020197013494A 2016-10-14 2016-11-21 페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기 KR20190064633A (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CNPCT/CN2016/102200 2016-10-14
CN2016102200 2016-10-14
PCT/CN2016/106681 WO2018068364A1 (zh) 2016-10-14 2016-11-21 用于页面显示的方法、装置、图形用户界面及移动终端

Publications (1)

Publication Number Publication Date
KR20190064633A true KR20190064633A (ko) 2019-06-10

Family

ID=61905020

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020197013494A KR20190064633A (ko) 2016-10-14 2016-11-21 페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기

Country Status (7)

Country Link
US (1) US20220091736A1 (ko)
EP (1) EP3521987A4 (ko)
JP (1) JP2019537118A (ko)
KR (1) KR20190064633A (ko)
CN (1) CN109804340B (ko)
BR (1) BR112019007639A2 (ko)
WO (1) WO2018068364A1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7127384B2 (ja) * 2018-06-26 2022-08-30 京セラドキュメントソリューションズ株式会社 表示制御装置及び表示制御方法
JP7369258B1 (ja) * 2022-09-09 2023-10-25 Dmg森精機株式会社 表示装置

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8957865B2 (en) * 2009-01-05 2015-02-17 Apple Inc. Device, method, and graphical user interface for manipulating a user interface object
TWI412963B (zh) * 2009-07-01 2013-10-21 Htc Corp 資料顯示與移動方法及系統，及其電腦程式產品
US8812985B2 (en) * 2009-10-30 2014-08-19 Motorola Mobility Llc Method and device for enhancing scrolling operations in a display device
JP5701569B2 (ja) * 2010-10-20 2015-04-15 株式会社ソニー・コンピュータエンタテインメント 画像表示装置、画像表示制御方法及びプログラム
JP5612459B2 (ja) * 2010-12-24 2014-10-22 京セラ株式会社 携帯端末装置
US8607156B1 (en) * 2012-08-16 2013-12-10 Google Inc. System and method for indicating overscrolling in a mobile device
CN104854549A (zh) * 2012-10-31 2015-08-19 三星电子株式会社 显示装置及其方法
JP2014160323A (ja) * 2013-02-19 2014-09-04 Brother Ind Ltd 表示装置および表示プログラム
TW201433971A (zh) * 2013-02-20 2014-09-01 Phoenix Tech Ltd 電子文件邊界提醒方法
KR102351317B1 (ko) * 2015-01-07 2022-01-14 삼성전자 주식회사 전자문서 표시 방법 및 전자 장치
US10088993B2 (en) * 2015-04-01 2018-10-02 Ebay Inc. User interface for controlling data navigation

Also Published As

Publication number Publication date
JP2019537118A (ja) 2019-12-19
BR112019007639A2 (pt) 2019-09-17
EP3521987A4 (en) 2019-10-09
WO2018068364A1 (zh) 2018-04-19
CN109804340B (zh) 2022-01-28
US20220091736A1 (en) 2022-03-24
EP3521987A1 (en) 2019-08-07
CN109804340A (zh) 2019-05-24

Similar Documents

Publication Publication Date Title
US11599154B2 (en) Adaptive enclosure for a mobile computing device
US11922584B2 (en) Devices, methods, and graphical user interfaces for displaying objects in 3D contexts
US20230021260A1 (en) Gesture instruction execution method and apparatus, system, and storage medium
US9569071B2 (en) Method and apparatus for operating graphic menu bar and recording medium using the same
JP7359920B2 (ja) 画像処理方法及びフレキシブルスクリーン端末
US8860672B2 (en) User interface with z-axis interaction
US20170293361A1 (en) Mobile terminal and method for controlling haptic feedback
US9047006B2 (en) Electronic device system with information processing mechanism and method of operation thereof
KR101720849B1 (ko) 터치 스크린 호버 입력 핸들링
CN110347317B (zh) 一种窗口切换方法、装置、存储介质及交互智能平板
US9513791B2 (en) Electronic device system with process continuation mechanism and method of operation thereof
EP3920013A1 (en) Information display method and terminal
US10521101B2 (en) Scroll mode for touch/pointing control
US20150063785A1 (en) Method of overlappingly displaying visual object on video, storage medium, and electronic device
WO2014121623A1 (en) Sliding control method and terminal device thereof
CN116820289A (zh) 信息展示方法、装置、设备及存储介质
CN114546545B (zh) 图文显示方法、装置、终端及存储介质
CN113783995A (zh) 显示控制方法、装置、电子设备和介质
KR20190064633A (ko) 페이지를 표시하는 방법 및 장치, 그래픽 사용자 인터페이스, 및 이동 단말기
US11393164B2 (en) Device, method, and graphical user interface for generating CGR objects
WO2024032139A1 (zh) 界面显示方法、装置、计算机设备和存储介质
CN114936022A (zh) 一种滚动视图的显示方法、装置、存储介质及电子设备
JP2020149424A (ja) 表示装置、表示制御プログラムおよび表示制御方法

Legal Events

Date Code Title Description
A201 Request for examination
WITB Written withdrawal of application