KR20190003454A - 사이드 슬라이딩 인터페이스를 위한 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체 - Google Patents

사이드 슬라이딩 인터페이스를 위한 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체 Download PDF

Info

Publication number
KR20190003454A
KR20190003454A KR1020187018398A KR20187018398A KR20190003454A KR 20190003454 A KR20190003454 A KR 20190003454A KR 1020187018398 A KR1020187018398 A KR 1020187018398A KR 20187018398 A KR20187018398 A KR 20187018398A KR 20190003454 A KR20190003454 A KR 20190003454A
Authority
KR
South Korea
Prior art keywords
sliding
speed
button
animation
main page
Prior art date
Application number
KR1020187018398A
Other languages
English (en)
Other versions
KR102215712B1 (ko
Inventor
시아오장 왕
Original Assignee
핑안 테크놀로지 (션젼) 컴퍼니 리미티드
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 핑안 테크놀로지 (션젼) 컴퍼니 리미티드 filed Critical 핑안 테크놀로지 (션젼) 컴퍼니 리미티드
Publication of KR20190003454A publication Critical patent/KR20190003454A/ko
Application granted granted Critical
Publication of KR102215712B1 publication Critical patent/KR102215712B1/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/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0482—Interaction with lists of selectable items, e.g. 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/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/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
    • 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/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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Abstract

사이드 슬라이딩 인터페이스의 디스플레이 제어 방법은, 실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계; 제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및 상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고, 상기 슬라이딩(sliding) 접촉점(touch point)은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며, 제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함한다.

Description

　사이드 슬라이딩 인터페이스를 위한 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체
본 발명은 컴퓨터 기술에 관한 것으로, 더욱 상세하게는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체에 관한 것이다.
<관련 출원의 상호 참조>
본 출원은 2016년 5월 6일자로 출원된 "display control method and device of side silding interface"라는 중국 특허 출원 제2016102971061호의 우선권을 주장하며, 그 전체 내용이 본원에 포함된다.
과학과 기술의 발전에 따라, 모바일 단말기의 인터페이스에 의해 점점 더 많은 컨텐츠가 디스플레이되고 처리될 수 있으며, 스크린 이용(untilization)의 요구가 점점 더 커지고 있다. 이러한 시대적 배경에서, 사이드 슬라이딩 메뉴는 시대적 요구로서 증가하고 있다. 사용자에 의해 메뉴 네비게이션(menu navigation)은 설정될 수 있고, 메뉴 페이지는 메인 페이지를 사이드 슬라이딩하거나 아바타를 클릭함으로써 숨겨지거나 보여질 수 있다. 메뉴 네비게이션은 개인 정보, 세팅 등과 같은 메뉴 아이템을 포함하는 네비게이션을 의미하는 것으로 이해해야 한다.
종래의 방법은 보통 사용자가 사이드 슬라이딩 동작을 수행할 때, 메인 페이지의 이동을 제어함으로써 메인 페이지의 하위 메뉴 페이지를 디스플레이할지 하지 않을 것인지 여부를 제어하는 것이었다. 또한, 메인 페이지를 슬라이드하도록 제어할 때, 최종 사이드 슬라이딩 동작의 종류 위치(ending position)에 따라 메인 페이지를 어떻게 이동시킬지 결정한다. 따라서 종래의 방법에서 사이드 슬라이딩할 때, 사이드 슬라이딩 인터페이스는 낮은 제어성을 갖는다.
본 발명의 여러 실시예에 따르면, 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법, 단말기 및 저장 매체가 제공된다.
사이드 슬라이딩 인터페이스의 디스플레이 제어 방법은, 실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계; 제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및 상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고, 상기 슬라이딩(sliding) 접촉점(touch point)은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며, 제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함한다.
사이드 슬라이딩 인터페이스의 디스플레이 제어 장치는, 실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 속력 감시 모듈(speed monitoring module); 제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 계산 모듈; 및 상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 슬라이딩 제어 모듈;을 포함하고, 상기 슬라이딩(sliding) 접촉점(touch point)은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며, 제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함한다.
단말기는 메모리, 프로세서를 포함하고, 상기 메모리는 상기 프로세서에 의해 실행될 때, 아래의 단계를 수행하게 하는 명령을 저장하며: 상기 단계는, 실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계; 제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및 상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고, 상기 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며, 제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함한다.
상기 하나 이상의 비일시적 저장 매체(non-transitory readable storage medium)는 하나 이상의 프로세서가 실행될 때 상기 하나 이상의 프로세서가 아래의 단계를 수행하게 하는 컴퓨터 실행가능한 명령을 저장하고: 상기 단계는, 실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계; 제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및 상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고, 상기 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며, 제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함한다.
본 출원의 하나 이상의 실시예의 세부 사항은 첨부된 도면 및 이하의 설명에서 설명된다. 본 출원의 다른 특징, 목적 및 이점은 다음의 상세한 설명, 도면 및 청구 범위를 검토하면 명백해질 것이다.
사이드 슬라이딩 인터페이스의 제어성을 더욱 강화하고, 사이드 슬라이딩 인터페이스 상에 컨텐츠를 표시하는 완만성(fluency)을 더욱 향상시킬 수 있다.
본 출원의 실시예에서 또는 종래 기술에서 기술적 해결책을 보다 명확하게 설명하기 위해, 실시예 또는 종래 기술을 설명하기 위해 요구되는 첨부 도면을 간단하게 소개한다. 명백하게, 다음의 설명에서 첨부된 도면은 단지 본 출원의 몇몇 실시예를 도시한다. 당업자라면, 창조적인 작업 없이 이들 도면을 기초로 다른 도면을 얻을 수 있다.
도 1은 일실시예에 따른 단말기의 블록도이다.
도 2는 본 발명의 일실시예에 따른 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법의 흐름도이다.
도 3은 일실시예에 따른 사이드 슬라이딩 인터페이스의 개략도이다.
도 4는 일실시예에 따른 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법을 설명하기 위한 인터페이스의 개략도이다.
도 5는 다른 실시예에 따른 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법을 설명하는 인터페이스의 개략도이다.
도 6은 또 다른 실시예에 따른 사이드 슬라이드 인터페이스의 디스플레이 제어 방법을 설명하는 인터페이스의 개략도이다.
도 7은 일실시예에 따른 제2 버튼의 크기를 조절하는 방법의 흐름도이다.
도 8은 일실시예에 따른 제2 버튼에 대응하는 각도를 설명하기 위한 사이드 슬라이딩 인터페이스의 개략도이다.
도 9는 일실시예에 따른 최대 슬라이딩 거리를 완료하기 위한 방법의 순서도이다.
도 10은 하나 이상의 다른 실시예에 따른 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법을 설명하기 위한 인터페이스의 개략도이다.
도 11은 일실시예에 따른 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치의 블록도이다.
본 발명의 목적, 기술적 해결책 및 장점을 보다 이해하기 쉽게 하기 위해, 본 발명은 첨부된 도면 및 실시예를 참조하여 더욱 상세히 설명된다. 여기에 설명된 특정 실시예는 본 발명을 설명하기 위해 사용된 것으로서, 본 발명을 제한하려는 의도가 아닌 것으로 이해되어야 한다.
일실시예에서, 어플리케이션(applications)이 설치될 수 있는 단말기가 제공된다. 단말기는 휴대폰, 태블릿, 노트북(laptop), 데스크탑 컴퓨터 등일 수 있다. 도 1을 참조하면, 단말기는 프로세서(processor), 내부 저장소(internal storage), 비일시적 저장매체(non-transitory storage medium), 네트워크 인터페이스(network interface), 디스플레이 스크린(display screen) 및 시스템 버스(system bus)를 통해 연결된 입력 장치(input device)를 포함한다. 프로세서는 전체 단말기의 동작을 지원하는 컴퓨팅 및 제어 기능을 제공하는데 사용된다. 단말기의 비일시적 저장매체는 운영 체제(operating system) 및 컴퓨터 실행가능한 명령(computer-executable instructions)을 저장한다. 컴퓨터 실행 가능한 명령은 프로세서에 의해 실행되어, 이하 다양한 실시예에서 제공된 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법을 실현한다. 단말기에서 내부 저장소는 비일시적 저장 매체에서 운영 체제 및 컴퓨터 실행가능한 명령의 동작을 위한 환경을 제공한다. 네트워크 인터페이스는 통신을 위해 네트워크에 연결하는 사용된다. 단말기의 디스플레이 스크린은 액정 디스플레이(liquid crystal display), 전자 잉크 디스플레이(electronic ink display) 등일 수 있다. 이러한 실시예에서, 디스플레이 스크린은 메뉴 페이지 또는 메인 페이지와 같이 다양한 인터페이스를 디스플레이 하기 위한 단말기의 출력 장치로 제공된다. 입력 장치는 사용자가 다양한 명령을 입력하기 위해 전자 장치의 셀(shell), 외부 키보드, 터치패드, 마우스 등에 제공된 디스플레이 스크린, 버튼, 트랙볼 또는 터치패드로 덮인 터치층일 수 있다. 예컨대, 본 실시예에서 사용자가 슬라이딩 동작의 명령을 입력하는 예를 나타낸다.
당업자는 도 1에 도시된 구조가 본 발명의 해결 방안과 관련된 구조의 일부의 블록도에 불과하며, 본 출원의 해결방안이 적용되는 단말기 상에 제한을 구성하지 않는 것으로 이해해야 한다. 특정 단말기는 도시된 도면보다 더 많거나 적은 구성요소를 포함하거나, 일부 구성 요소를 결합하거나, 다른 구성 요소 배열을 가질 수 있다.
도 2를 참조하면, 일실시예에서 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법이 제공된다. 도 1에 도시된 단말기에 적용된 방법은 이하 단계를 포함하고, 설명을 위한 예로 받아들여진다.
단계 S202에서, 슬라이드 터치 제어점(control point)의 제1 슬라이딩 속도는 실시간으로 획득된다. 슬라이드 터치 제어점은 사이드 슬라이딩 인터페이스의 임의의 위치에서 수행될 수 있다. 제1 슬라이딩 속도는 제1 슬라이딩 속력 및 제1 슬라이딩 방향을 포함한다.
본 실시예에서, 사용자는 단말기 상에 표시된 사이드 슬라이딩 인터페이스에 대해 슬라이딩 동작을 수행한다. 구체적으로, 사용자는 단말기의 사이드 슬라이딩 인터페이스의 임의의 위치를 터치함으로써 슬라이딩 동작을 위한 슬라이드 터치 제어점을 생성한다. 상기 슬라이딩 동작을 수행할 때, 단말기의 디스플레이 스크린 상에 표시된 인터페이스를 가리키도록 사이드 슬라이딩 인터페이스가 사용된다. 사이드 슬라이딩 인터페이스는 사이드 슬라이딩 동작을 수신하기 시작하지만 메뉴 페이지의 일부를 표시하지 않은 메인 페이지이거나, 또는 사이드 슬라이딩 메뉴 페이지 출력 후 메뉴 페이지와 메인 페이지의 결합된 인터페이스가 될 수 있다.
또한, 메뉴 페이지는 메뉴 바(menu bar)를 포함하는 페이지를 나타내며, 사이드 슬라이딩 동작을 통해 숨겨지거나 표시되도록 제어될 수 있다. 메인 페이지는 주요 비즈니스 콘텐츠(content)를 표시하는데 사용되는 페이지를 나타낸다.
사이드 슬라이딩 인터페이스의 추가 설명이 제공된다. 단말기의 디스플레이 스크린의 정점 각도(vertex angle)을 좌표 원점(0,0)이라고 가정한다. 디스플레이 스크린의 임의의 다른 점의 좌표는 (x,y)이고, x와 y의 값은 실제 상황과 결합할 때 기본(default) 양수가 될 수 있다. 스크린 상의 최대 좌표는 (xmax, ymax)이다. 사이드 슬라이딩 동작을 수행할 때, 사이드 슬라이딩 인터페이스는 좌표 원점(0,0)에서 좌표(xmax, ymax)까지 표시되는 인터페이스이다.
도 3을 참조하면, 메뉴 페이지를 사이드 슬라이딩한 후 사이드 슬라이딩 인터페이스를 도시한다. 고정 점(fixed point) P 1 (0, 0)은 좌표 원점이고, 정점 P 2 의 좌표는 (xmax, ymax)이고, 점선 프레임(dotted line frame)에 의해 둘러싸인 스크린 표시 영역(screen display area)은 사이드 슬라이딩 인터페이스I이다. 사이드 슬라이딩 인터페이스의 분할선(dividing line)l div 의 좌측 부분은 메뉴 페이지I 1 이고, 그것의 우측부분은 메인 페이지I 2 이다. 슬라이드 터치 제어 포인트는 사이드 슬라이딩 인터페이스 I의 임의의 위치에서 작용할 수 있다.
단말기는 생성된 슬라이드 터치 제어 포인트의 제1 슬라이딩 속도를 실시간으로 획득한다. 제1 슬라이딩 속도는 여기서 제1 슬라이딩 속력 및 제1 슬라이딩 방향을 포함하고, 제1 슬라이딩 속력은 슬라이드 터치 제어점의 슬라이딩 속력을 나타내고, 제1 슬라이딩 방향은 슬라이드 터치 제어점의 슬라이딩 방향을 나타낸다. 구체적으로, 단말기는 제스쳐 프로세서(gesture processor)를 통해 실시간으로 슬라이드 터치 제어점의 제1 슬라이딩 속력 및 제1 슬라이딩 방향을 획득하기 위해 API(application programming interface)을 호출한다.
단계 S204에서, 메뉴 페이지의 제2 슬라이딩 속력 및 메인 페이지의 제3 슬라이딩 속력은 제1 슬라이딩 속력에 따라 계산되고, 메뉴 페이지 및 메인 페이지의 사이드 슬라이딩 방향을 제1 슬라이딩 방향에 따라 결정된다.
단계 S206에서, 메뉴 페이지 및 메인 페이지는 각각 사이드 슬라이딩 방향을 따라 각각 제2 슬라이딩 속력 및 제3 슬라이딩 속력으로 슬라이딩하도록 제어된다.
구체적으로, 단말기는 제1 슬라이딩 속력에 따라 메뉴 페이지의 제2 슬라이딩 속력과 메인 페이지의 제3 슬라이딩 속력을 계산한다.
제2 슬라이딩 속력 및 제3 슬라이딩 속력은 각각 제1 슬라이딩 속력과 비례 관계를 갖는다. 구체적으로, 제2 슬라이딩 속력은 제1 슬라이딩 속력과 제1 설정 상수(preset constant)의 곱에 따라 얻어질 수 있고, 제3 슬라이딩 속력은 제1 슬라이딩 속력과 제2 설정 상수의 곱에 따라 얻어질 수 있다. 제1 설정 상수와 제2 설정 상수는 모두 양수이다.
제1 설정 상수는 제2 설정 상수보다 작을 수 있다. 일시예에서, 제1 설정 상수는 1보다 작은 양수이고, 제2 설정 상수는 1과 같다. 제1 설정 상수를 제2 설정 상수보다 작게 설정함으로써, 메뉴 페이지의 제2 슬라이딩 속력은 메인 페이지의 제3 슬라이딩 속력보다 작게 설정된다. 사이드 슬라이딩 동안, 메인 페이지와 메뉴 페이지 사이에서 디스플레이 제어는 그레디언트(gradient)하고 응집력(cohesive)이 있어, 전체 사이드 슬라이딩 인터페이스의 디스플레이를 보다 완만하게(fluently)한다.
제1 설정 상수는 제2 설정 상수와 동일할 수 있음을 이해해야 한다.
또한, 단말기는 제1 슬라이딩 방향에 따라 메뉴 페이지 및 메인 페이지의 사이드 슬라이딩 방향을 결정한다. 사이드 슬라이딩 방향은 사용자의 시점을 기준으로 현재 디스플레이 인터페이스의 수평의 좌측 또는 우측을 따라 슬라이딩하는 방향을 나타내고, 현재 디스플레이 인터페이스에 의해 표시된 방향은 사용자 시점과 일치한다.
본 출원의 모든 실시예에서, 사용자 시점을 참조하여 수평 방향, 수평의 부방향, 좌측, 우측, 상측, 하측 등과 같은 방향의 설명이 설정되고(established), 현재 디스플레이 인터페이스에 의해 제시된 방향은 사용자의 관점과 일치하는 것으로 참조된다.
구체적으로, 제1 슬라이딩 방향의 수평의 서브 방향(sub-direction)은 메뉴 페이지 및 메인 페이지의 사이드 슬라이딩 방향으로 제공될 수 있다. 예를 들어, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 왼쪽 방향이 되면, 메뉴 페이지 및 메인 페이지의 사이드 슬라이딩 방향이 수평의 왼쪽 방향으로 결정되고, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 오른쪽 방향이 되면, 메뉴 페이지 및 메인 페이지의 사이드 슬라이딩 방향이 수평의 오른쪽 방향으로 결정된다. 제1 슬라이딩 방향의 수평의 서브 방향이 없을 때, 사이드 슬라이딩 방향은 발생하지 않고, 메인 페이지와 메뉴 페이지는 그에 따라 슬라이딩하지 않는 것으로 이해해야 한다.
또한, 메뉴 페이지 및 메인 페이지는 각각 사이드 슬라이딩 방향을 따라 제2 슬라이딩 속력 및 제3 슬라이딩 속력으로 슬라이딩하도록 제어된다. 또한, 메뉴 페이지는 제2 슬라이딩 방향으로 슬라이딩되도록 제어되고, 메인 페이지는 사이드 슬라이딩 방향으로 제3 슬라이딩 속력으로 슬라이딩되도록 제어된다.
상세한 설명을 위해 도 4를 참조하면, 일실시예에서 사이드 슬라이딩 동작을 수행하기 위한 사이드 슬라이딩 인터페이스를 보여준다. 사용자가 슬라이드 터치 제어점 P 을 통해 사이드 슬라이딩 인터페이스 상에서 수행하고, 제1 슬라이딩 속력 V1으로 방향 D1을 따라 슬라이딩한다고 가정하면, 방향 D1의 수평의 서브 방향은 방향 H1으로 결정되고, 메뉴 페이지의 제2 슬라이딩 속력 V2과 메인 페이지의 제3 슬라이딩 속력 V3은 제1 슬라이딩 속력 V1을 따라 계산되고, 메뉴 페이지는 제2 슬라이딩 속력 V2으로 수평의 서브 방향을 따라 슬라이딩하도록 제어되고, 메인 페이지는 제3 슬라이딩 속력 V3으로 수평의 서브 방향을 따라 슬라이딩하도록 제어된다.
이러한 실시예에서, 슬라이드 터치 제어점은 사이드 슬라이딩 인터페이스의 임의의 위치에서 작용하여 사이드 슬라이딩 인터페이스의 제어 가능한 영역을 확대하고, 사이드 슬라이딩 인터페이스의 제어성을 향상시킬 수 있다. 또한, 슬라이드 터치 제어점의 제1 슬라이딩 속도는 실시간으로 얻어지고, 메뉴 페이지의 제2 슬라이딩 속력과 메인 페이지의 제3 슬라이딩 속력은 제1 슬라이딩 속도의 제1 슬라이딩 속력에 따라 계산되고, 메뉴 페이지와 메인 페이지의 사이드 슬라이딩 방향은 제1 슬라이딩 방향에 따라 결정되고, 메뉴 페이지와 메인 페이지는 각각 사이드 슬라이딩 방향을 따라 제2 슬라이딩 속력과 제3 슬라이딩 속력으로 슬라이딩 되도록 제어된다. 즉, 슬라이드 터치 제어점의 실시간 슬라이딩과 사이드 슬라이딩 인터페이스의 메뉴 페이지 및 메인 페이지의 슬라이딩은 실시간 슬라이드 터치 제어점의 슬라이딩 속도에 따른 메뉴 페이지와 메인 페이지의 슬라이딩 방향과 슬라이딩 속도를 제어함을 통해 조합되므로(combined), 사이드 슬라이딩 인터페이스의 제어성을 더욱 강화하고, 사이드 슬라이딩 인터페이스 상에 컨텐츠를 표시하는 완만성(fluency)을 더욱 향상시킬 수 있다
일실시예에서, 단계 S204 이전에, 상기 제어 방법은 제1 슬라이딩 방향에 대응하는 수평의 서브 방향을 획득하는 단계와 기설정된 범위 내에 수평의 서브 방향에 대한 제1 슬라이딩 방향의 각도가 결정되는 단계를 포함한다. 수평의 서브 방향에 대한 제1 슬라이딩 방향이 기설정된 범위 내에 있으면, 단계 S204가 수행되고, 그렇지 않으면, 슬라이드 터치 제어점에 의해 야기된 사이드 슬라이딩 동작이 실행되지 않는다. 기설정된 범위를 설정함으로써, 오판(misjudgment)으로 인해 야기된 원하지 않는(unwanted) 사이드 슬라이딩 동작이 효과적으로 감소될 수 있어, 처리 자원(processing resources)를 절약할 수 있다.
일실시예에서, 메인 페이지는 애니메이션을 포함하고, 실시간으로 슬라이드 터치 제어점의 제1 슬라이딩 속도를 획득하는 단계 이후에, 제1 슬라이딩 속도에 따라 애니메이션의 이동 매개 변수를 계산하는 단계와 이동 매개 변수에 따라 애니메이션을 수행하는 단계가 더 포함된다.
구체적으로, 메인 페이지는 애니메이션을 포함하고, 포함된 애니메이션의 수는 하나 이상일 수 있다. 실시간으로 슬라이드 터치 제어 점의 제1 슬라이딩 속도를 획득하는 단계 이후에, 단말기는 제1 슬라이딩 속도에 따라 메인 페이지 내에 포함된 애니메이션의 이동 매개 변수를 계산하고, 애니메이션 효과를 보여주도록 계산된 이동 매개 변수에 따라 애니메이션을 수행한다. 이동 매개 변수는 이동 속도를 포함한다. 또한, 이동 속도는 이동 속력과 이동 방향을 포함한다.
이러한 실시예에서, 메인 페이지 내의 애니메이션의 이동 매개 변수는 슬라이드 터치 제어점의 제1 슬라이딩 속도에 따라 계산되므로, 사이드 슬라이딩 동안 메인 페이지의 애니메이션의 실행과 표시(display)는 슬라이드 터치 제어점의 제1 슬라이딩 속도에 의해 제어되고, 이에 따라 사이드 슬라이딩 인터페이스 내의 애니메이션의 표시의 완만성과 제어성을 향상시킨다.
일실시예에서, 메인 페이지 내의 애니메이션은 제1 애니메이션을 포함하고, 제1 애니메이션은 가상 턴테이블(virtual turntable)을 포함한다. 제1 슬라이딩 속도에 따른 애니메이션의 이동 매개 변수를 계산하는 단계는, 제1 계산 매개 변수를 획득하는 단계, 제1 계산 매개 변수와 제1 슬라이딩 속도에 따라 가상 턴테이블의 회전 속력과 회전 방향을 계산하는 단계를 포함한다.
이러한 실시예에서, 메인 페이지 내의 애니메이션은 제1 애니메이션을 포함하고, 제1 애니메이션은 가상 턴테이블을 포함한다. 가상 턴테이블은 3차원 공간(three-dimensional) 가상 턴테이블 또는 2차원 가상 턴테이블일 수 있다.
또한, 단말기는 미리 설정된 제1 계산 매개 변수를 획득하고, 제1 계산 매개 변수와 제1 슬라이딩 속도에 따른 가상 턴테이블의 회전 속력과 회전 방향을 계산한다. 즉, 제1 슬라이딩 속도의 제1 슬라이딩 속력과 제1 계산 매개 변수에 따라 가상 턴테이블의 회전 속력이 계산되고, 가상 턴테이블의 회전 방향은 제1 슬라이딩 속도의 제1 슬라이딩 방향에 따라 결정된다.
구체적으로, 슬라이드 터치 제어점의 제1 슬라이딩 방향에 대응하는 가상 턴테이블의 회전 방향은 제1 슬라이딩 방향의 수평의 서브 방향과 가상 턴테이블의 회전 방향 사이의 기 설정된 대응 관계(corresponding relationship)에 따라 결정된다. 예를 들어, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 왼쪽 방향이 될 때, 가상 턴테이블의 회전 방향은 시계 방향이고, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 오른쪽 방향일 때, 가상 턴테이블의 회전 방향은 반시계 방향이다. 또 다른 실시예에서 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 왼쪽 방향일 때, 가상 턴테이블의 회전 방향은 반시계 방향일 수 있음이 이해될 수 있다. 가상 턴테이블의 회전 방향과 제1 슬라이딩 방향의 수평의 서브 방향 사이의 구체적인 대응 관계는 본 발명의 실시예에서 제한되지 않으며, 제1 슬라이딩 방향의 수평의 서브 방향과 가상 턴테이블의 회전 방향 사이의 대응 관계가 존재한다.
도 5를 참조하면, 일실시예에서 사이드 슬라이딩 동작을 수행할 때, 사이드 슬라이딩 인터페이스를 보여준다. 사용자는 슬라이드 터치 제어점을 통해 사이드 슬라이딩 인터페이스 상에 작용(act)하고, 방향 D 2 을 따라 제1 슬라이딩 속력V 1 으로 슬라이드하고, 방향D 2 의 수평의 서브 방향이 H 2 로 결정되고, 그 다음 H 2 에 대응하는 가상 턴테이블T의 회전 방향은 제1 슬라이딩 방향의 수평의 서브 방향과 가상 턴테이블T의 회전방향 사이의 대응관계에 따라 반시계방향E 2 으로 결정된다.
본 실시예에서, 제1 애니메이션 내의 가상 턴테이블의 회전 속력과 회전 방향은 슬라이드 터치 제어점의 제1 슬라이딩 속도와 제1 계산 매개 변수에 따라 계산되고, 사이드 슬라이딩 동안 메인 페이지의 제1 애니메이션 내의 가상 턴테이블의 회전은 슬라이드 터치 제어점의 제1 슬라이딩 속도에 의해 제어되므로, 사이드 슬라이딩 인터페이스의 제1 애니메이션 내의 가상 턴테이블의 회전의 제어성과 완만성이 향상된다.
일실시예에서, 제1 계산 매개 변수를 획득하는 단계 이전에, 제1 계산 매개 변수를 계산하는 단계가 더 포함되고, 상기 제1 계산 매개 변수를 계산하는 단계는 가상 턴테이블의 둘레와 기 설정된 메뉴 페이지의 최대폭을 획득하는 단계 및 기설정된 메뉴 페이지의 최대 폭에 대한 가상 턴테이블의 둘레의 비에 따라 제1 계산 매개 변수를 계산하는 단계를 포함한다.
구체적으로, 단말기는 기저장된 가상 턴테이블의 둘레를 즉시 획득할 수 있고 또는 반경(radius)에 따라 가상 턴테이블의 둘레를 계산하거나 가상 턴테이블의 반경을 획득할 수 있다. 또한, 단말기는 기설정된 메뉴 페이지의 최대 폭을 획득하고(이하, 최대 폭이라 함), 최대 폭에 대한 가상 턴테이블의 둘레의 비에 따라 제1 계산 매개 변수를 계산한다.
기설정된 메뉴 페이지의 최대 폭은 메뉴 페이지의 최대 폭을 말하며, 디스플레이 될 수 있다. 예를 들어, 메뉴 페이지의 현재 표시된 폭이 최대 폭보다 작은 경우, 왼쪽 또는 오른쪽 방향으로 사이드 슬라이딩 동작이 수행될 수 있다. 메뉴 페이지의 현재 표시된 폭이 최대 폭과 같을 때, 단말기는 사이드 슬라이딩 동작이 왼쪽 방향 사이드 슬라이딩 동작일 때만 사이드 슬라이딩 동작을 수행한다. 사이드 슬라이딩 동작이 연속적으로 우측 방향 사이드 슬라이딩 동작이면, 단말기는 사이드 슬라이딩 동작을 수행하지 않는다.
또한, 최대 폭에 대한 가상 턴테이블의 둘레의 비는 1:1로 미리 설정하여, 제1 계산 매개 변수를 획득하고, 그 다음 제1 계산 매개 변수는 K 1 = 2M_ PI * R 이다. M_PI은 pi를 나타내고, R은 가상 턴테이블의 반경을 나타내고, W은 메뉴 페이지의 최대 폭을 나타낸다. 이러한 실시예에서, 메뉴 페이지와 메인 페이지가 하나의 메뉴 페이지의 최대 폭으로 슬라이드될 때, 가상 턴테이블은 정확하게 하나의 사이클의 회전을 완료함으로써, 사이드 슬라이딩 동작 및 제1 애니메이션의 관련성(relevance)과 무결성(integrity)을 향상시키고, 사이드 슬라이딩 인터페이스의 제1 애니메이션 내의 가상 턴테이블의 회전의 제어성과 완만성을 더욱 향상시킨다.
제1 계산 매개 변수가 기설정된 최대 폭에 대한 가상 턴테이블의 둘레의 비에 따라 제1 계산 매개 변수가 계산됨에 따라, 최대 폭에 대한 가상 턴테이블의 둘레의 비는 제1 계산 매개 변수를 획득하기 위해 다른 비로서 미리 설정될 수 있고, 이는 본 발명의 실시예에서 제한되지 않는 것으로 이해되어야 한다.
일실시예에서, 메인 페이지 내의 애니메이션은 제2 애니메이션을 포함하고, 제2 애니메이션은 제1 버튼을 포함한다. 제1 슬라이딩 속도에 따른 애니메이션의 이동 매개 변수를 계산하는 단계(간단히 이동 매개 변수 계산 단계라고 함)는 제2 계산 매개 변수를 획득하는 단계 및 제2 계산 매개 변수와 제1 슬라이딩 속도에 따라 제1 버튼의 이동 속력과 이동 방향을 계산하는 단계를 포함한다.
이러한 실시예에서, 메인 페이지의 애니메이션은 제2 애니메이션을 포함하고, 제2 애니메이션은 적어도 하나의 제1 버튼을 포함한다. 적어도 하나의 제1 버튼은 아이콘 버튼(icon buttons), 텍스트 버튼(text buttons), 또는 아이콘-텍스트(icon-text) 조합된 버튼일 수 있다. 복수의 제1 버튼이 존재하는 경우, 제1 버튼의 종류는 동일하거나 상이할 수 있다고 이해되어야 하며, 본 발명의 실시예에서 버튼의 구체적인 종류는 제한되지 않는다. 또한, 적어도 하나의 제1 버튼은 기설정된 규칙에 따라 배열되고, 메인 페이지 상에 표시될 수 있다.
단말기는 미리 설정된 제2 계산 매개 변수를 획득하고, 계2 계산 매개 변수와 제1 슬라이딩 속도에 따라 적어도 제1 버튼의 이동 속력과 이동 방향을 계산한다. 즉, 적어도 하나의 제1 버튼의 이동 속력은 제1 슬라이딩의 제1 슬라이딩 속력과 제2 계산 매개 변수에 따라 계산되고, 적어도 하나의 제1 버튼의 이동 방향은 제1 슬라이딩 속도의 제1 슬라이딩 방향에 따라 결정된다.
구체적으로, 슬라이드 터치 제어점의 제1 슬라이딩 방향에 대응하는 제1 버튼의 이동 방향은 제1 슬라이딩 방향의 수평의 서브 방향과 제1 버튼의 이동 방향 사이의 기설정된 대응 관계에 따라 결정된다. 예를 들어, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 왼쪽 방향일 때, 제1 버튼은 현재 디스플레이 인터페이스에 기반하여(based on) 아래로 이동하고, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 오른쪽 방향일 때, 제1 버튼은 현재 디스플레이 인터페이스를 기반으로 위로 이동한다. 다른 실시예에서, 제1 슬라이딩 방향의 수평의 서브 방향이 수평의 왼쪽 방향일 때, 제1 버튼은 현재 디스플레이 인터페이스를 기반으로 위로 이동할 수 있음을 이해해야 한다. 본 발명의 실시예에서, 제1 슬라이딩 방향의 수평의 서브 방향과 제1 버튼의 이동방향 사이의 대응 관계가 존재하는 한, 제1 슬라이딩 방향의 수평의 서브 방향과 제1 버튼의 이동 방향 사이의 구체적인 대응 관계가 제한되지 않는다.
도 6을 참조하면, 일실시예에서 사이드 슬라이딩 동작을 수행하기 위한 사이드 슬라이딩 인터페이스를 보여준다. 사용자는 사이드 터치 제어점을 통해 사이드 슬라이딩 인터페이스에 작용하고, 방향 D 2 을 따라 제1 슬라이딩 속력 V 1 으로 슬라이딩한다. 방향 D 2 의 수평의 서브 방향은 방향 H 2 로 결정된다. 제1 버튼의 이동 방향과 제1 슬라이딩 방향의 수평의 서브 방향 사이의 대응 관계에 따라 방향 H2에 대응하는 제1 버튼 B 11 , B 12 , 및 B 13 의 이동 방향이 아래 방향 F 2 으로 결정된다.
이러한 실시예에서, 제2 애니메이션에서 제1 버튼의 이동 속력과 이동 방향은 사이드 터치 제어점의 제1 슬라이딩 속력과 제2 계산 매개 변수에 따라 계산되고, 사이드 슬라이딩 동작 동안, 메인 페이지의 제2 애니메이션 내에서 제1 버튼의 이동(MOVEMENT)이 슬라이드 터치 제어점의 제1 슬라이딩 속도에 의해 제어됨으로써, 사이드 슬라이딩 인터페이스의 제2 애니메이션 내의 제1 버튼의 이동의 제어성과 완만성이 향상된다.
일실시예에서, 제2 계산 매개 변수를 획득하는 단계 이전에, 제2 계산 매개 변수를 계산하는 단계가 더 포함되고, 상기 제2 계산 매개 변수를 계산하는 단계는 제1 버튼에 대응하는 적어도 하나의 기설정된 이동 범위를 획득하는 단계와, 기설정된 이동 범위에 따라 이동 차를 결정하는 단계, 기 설정된 메뉴 페이지의 최대 폭을 획득하는 단계 및 기 설정된 메뉴 페이지의 최대 폭에 이동 차의 비에 따라 제2 계산 매개 변수를 계산하는 단계를 포함한다.
일실시예로, 단말기는 이동 방향에 따른 적어도 하나의 제1 버튼의 기설정된 이동 범위를 획득한다. 예를 들어, 제1 버튼이 Y 방향을 따라 상측으로 이동할 때, 즉, 수직 방향, 제1 버튼의 기설정된 이동 범위는 y 1 에서 y 2 이며, y 2 는 최대 이동값을 나타내며, y 1 은 최소 이동값을 나타낸다. 또한, 이동 차는 기설정된 이동 범위에 따라 결정되고, 이동차는 이동 범위에서 최대 이동값과 최소 이동값 사이의 차이다. 상술한 예의 조합에서, 이동차는 y 2 에서 y 1 을 뺀(minus) 것과 동일하다.
또한, 메뉴 페이지의 최대 폭을 획득한 때, 제2 계산 매개 변수는 메뉴 페이지의 기 설정된 최대 폭(이하 간단히 최대폭이라 함)에 대한 이동차의 비에 따라 계산된다.
또한, 최대 폭에 대한 이동 차의 비는 제2 계산 매개 변수를 획득하기 위해 1:1로서 기 설정되며, 이후에 제2 계산 매개 변수는 K 2 = (y 2 - y 1 ) / W이며, y 2 는 최대 이동값을 나타내며, y 1 은 최소 이동값을 나타내며, y 2 - y 1 는 이동차를 나타내고, W는 최대 폭을 나타낸다. 일실시예에서, 메뉴 페이지와 메인 페이지가 하나의 메뉴 페이지의 최대 폭으로 슬라이드될 때, 제1 버튼은 정확히 1사이클의 이동을 완료함으로써, 사이드 슬라이딩 동작 및 제2 애니메이션의 관련성과 무결성을 향상시키고, 사이드 슬라이딩 인터페이스의 제2 애니메이션에서 제1 버튼의 이동의 제어성과 완만성이 더 향상된다.
최대 폭에 대한 이동 차의 비에 다라 제2 계산 매개 변수가 계산되는 만큼 제2 계산 매개 변수를 획득하기 위해 최대 폭에 대한 이동 차의 비는 다른 비로 설정될 수 있고, 본 발명의 실시예에서 이는 제한되지 않는 것으로 이해되어야 한다.
메인 페이지는 제1 애니메이션과 제2 애니메이션을 동시에 모두 포함할 수 있고, 제1 애니메이션만을 포함하거나, 제2 애니메이션만을 포함할 수도 있다고 이해해야 한다.
도 7을 참조하면, 일실시예에서 가상 턴테이블은 제2 버튼을 포함하고, 상기 방법은 제2 버튼의 크기를 조절하는 단계를 포함하며, 상기 단계는 아래의 단계들을 포함한다.
단계 S702에서, 제2 버튼의 각도는 실시간으로 획득되고, 제2 버튼의 각도는 가상 턴테이블의 중심을 중심으로 하며, 제2 버튼의 중심을 더 통과하도록 회전하는 상기 가상 턴테이블의 중심을 통과하는 수평 직선에 의해 형성되는 각도이다.
이러한 실시예에서, 가상 턴테이블은 적어도 하나의 제2 버튼을 포함한다. 제2 버튼의 위치는 가상 턴테이블의 회전에 따라 변한다. 다수의 제2 버튼이 존재할 때, 인접한 제2 버튼의 중심의 상대적인 위치는 변하지 않는다. 또한, 적어도 하나의 제2 버튼은 아이콘 버튼, 텍스트 버튼 또는 아이콘-텍스트 조합된 버튼일 수 있다. 복수의 제2 버튼이 존재하는 경우, 제2 버튼의 종류는 동일하거나 상이할 수 있고, 본 발명의 실시예에서 제2 버튼의 구체적인 유형은 제한되지 않는다고 이해해야 한다. 또한, 적어도 하나의 제2 버튼은 기설정된 규칙에 따라 가상 턴테이블의 링(ring) 상에 배포되어 메인 페이지 상에 표시될 수 있다. 적어도 하나의 제2 버튼의 분포(distribution)는 평균 분포 또는 비평균 분포일 수 있고, 이는 본 발명의 실시예에서 제한되지 않는다.
또한, 단말기는 적어도 하나의 제2 버튼의 각도를 실시간으로 획득한다. 제2 버튼의 각도는 가상 턴테이블의 중심을 중심으로 하며, 사용자의 관점에서 일치하는 현재 표시된 인터페이스에 관한 제2 버튼의 중심을 더 통과하도록 회전하는 가상 턴테이블의 중심을 통과하는 수평 직선에 의해 형성된다. 예를 들어, 도 8을 참조하면, 사용자의 시점에 일치하는 현재 표시된 사이드 슬라이딩 인터페이스를 나타낸다. 가상 턴테이블의 중심은 원의 중심으로 하고, 가상 턴테이블의 중심을 통과하는 수평선 l 1 은 회전의 시작 에지(edge)로 제공된다. 선 l 1 이 제2 버튼B 21 의 중심을 더 통과한 위치로 회전할 때, 각도α가 형성되고, 제2 버튼B 21 의 각도는 α이다. 선 l 1 이 제2 버튼 B 22 의 중심을 통과한 위치로 회전하면 각도 β가 형성되고, 제2 버튼 B 22 의 각도는 β이다.
이와 같이, 가상 턴테이블의 회전 동안, 제2 버튼의 각도는 회전에 따라 변하는 것으로 이해해야 한다.
단계 S704에서, 제2 버튼의 크기는 제2 버튼의 각도와 기설정된 최대 후퇴값에 따라 조정된다.
이 실시예에서, 단말기는 최대 후퇴값을 사전 설정한다. 최대 후퇴값은 제2 버튼의 크기 특성 매개 변수(size characterization parameter)의 최대값과 최소값 간의 차이와 동일하다. 제2 버튼의 크기 매개 변수는 제2 버튼의 크기를 특성화하는데 사용되는 매개 변수를 나타낸다. 또한, 제2 버튼의 크기 특성 매개 변수가 제2 버튼의 사이드 길이일 수 있고, 제2 버튼의 반경, 지경 또는 대각선과 같은 측정 매개 변수 등일 수 있고, 제2 버튼의 크기를 조절하고 특성화는 것일 수 있다.
제2 버튼의 경계 형상(boundary shape)은 원형, 타원형, 정다각형 등의 규칙적(regular) 그래픽일 수 있다. 이 경우, 제2 버튼의 크기 특성 매개 변수는 반경, 직경, 사이드 길이 등일 수 있다. 또한, 제2 버튼의 경계 형상은 다양한 불규칙한(irregular) 형상일 수 있다. 이 경우, 제2 버튼의 크기 특성 매개 변수는 사이드 길이의 임의의 수, 대각선 등일 수 있다. 본 발명의 실시예에서 제2 버튼의 특정 경계 형상은 제한되지 않는다. 유사하게, 크기 특성 매개 변수가 제2 버튼의 크기를 조절하고 특성화하는 한, 제2 버튼의 크기 특성 매개 변수는 제한되지 않는다.
또한, 제2 버튼의 크기는 제2 버튼의 각도와 최대 후퇴값에 따라 조정된다. 구체적으로, 일실시예에서, 적어도 하나의 제2 버튼의 크기는 제2 버튼의 각도, 기설정된 최대 후퇴값, 그리고 제2 버튼의 크기 특성 매개 변수 에 따라 조절될 수 있다. 또한, 조정된 제2 버튼의 크기 특성 매개 변수 M'는 아래의 공식에 따라 계산될 수 있다.
M' = cos(n / 2 + M_PI / 4) * c + M min ,
여기서, n은 제2 버튼의 각도를 의미하고, M_ PI은 pi를 의미하고, M min 은 제2 버튼의 크기 특성 매개 변수의 최소값을 의미하고, c는 최대 후퇴값을 의미한다.
c = M max -M min ,
여기서, M max 은 제2 버튼의 크기 특성 매개 변수의 최대값을 의미한다. 또한, 제2 버튼의 크기는 조정된 제2 버튼의 특성 매개 변수 M'에 따라 조정된다.
또한, 일실시예에서, 제2 버튼의 경계 형상은 원형일 수 있고, 제2 버튼의 크기 특성 매개 변수는 반경 또는 직경이다. 제2 버튼의 크기 특성 매개 변수가 반경이라고 가정하면, 제2 버튼의 크기는 제2 버튼의 각도, 기설정된 최대 후퇴값 및 제2 버튼의 최소 반경에 따라 조정될 수 있다. 제2 버튼의 조정된 반경 r'은 아래의 공식으로 계산될 수 있다:
r'= cos (n / 2 + M_PI / 4) * c + r min , and c = r max - r min
여기서, n은 제2 버튼의 각도, M_ PI 은 pi, c는 기설정된 최대 후퇴값을 의미하고, r max 은 제2 버튼의 최대 반경값을 의미하고, r min 은 제2 버튼의 최소 반경값을 의미한다. 제2 버튼의 크기가 제2 버튼의 조정된 반경에 따라 조정된다.
다른 실시예에서, 제2 버튼의 각도와 최대 후퇴값에 따라 제2 버튼의 크기를 조정하는 단계는, 슬라이드 동작 전에 제2 버튼의 크기 특성 매개 변수를 획득하는 단계 및 슬라이드 동작 전에 획득한 제2 버튼의 크기 특성 매개 변수에 따른 제2 버튼의 크기, 제2 버튼의 각도 및 최대 후퇴값을 조정하는 단계를 포함한다.
본 실시예에서, 제2 버튼의 각도는 실시간으로 획득되고, 제2 버튼의 크기는 제2 버튼의 각도에 따라 조정된다. 제2 버튼의 실시간 각도는 슬라이드 터치 제어점의 제1 슬라이딩 속력에 의해 결정된 제2 버튼의 회전 위치에 의해 간접적으로 결정되므로, 사이드 터치 제어점의 제1 슬라이딩 속력에 따라 제2 버튼의 크기의 조정에 대한 제어를 획득하여 사이드 슬라이딩 인터페이스의 제어성을 강화한다. 동시에, 사이드 슬라이딩 인터페이스에 컨텐츠를 표시하는 완만성이 향상된다.
도 9에 도시된 바와 같이, 일실시예에서, 상기 방법은 아래의 단계를 포함하는 최대 슬라이딩 거리를 완료하는 단계를 포함한다.
단계 S902에서 슬라이드 정지 지시가 수신되면, 메인 페이지의 슬라이드 거리는 슬라이딩의 개시부터 슬라이드 정지 지시를 수신한 시점까지로 계산된다.
일실시예로, 사용자가 슬라이드 터치 제어점 상에 사이드 슬라이딩 동작을 정지시킬 때, 슬라이드 정지 지시가 발생한다. 단말기는 슬라이딩 개시부터 슬라이드 정지 지시를 수신하는 시점까지를 메인 페이지의 슬라이드 거리로 계산한다. 구체적으로, 일실시예에서, 단말기는 API를 호출하고, 제스처 프로세서(gesture processor)를 통해 슬라이드 터치 제어점의 슬라이드 거리를 계산하고, 그 다음 메인 페이지의 제3 슬라이딩 속력에 대한 슬라이드 터치 제어점의 제1 슬라이딩 속력의 비에 따라 메인 페이지의 슬라이드 거리를 계산한다. 다른 실시예에서, 슬라이드 정지 지시를 수신할 때, 단말기는 현재 디스플레이 인터페이스 내의 메인 페이지의 위치를 획득할 수 있고, 메인 페이지의 슬라이드 거리를 얻도록 슬라이딩의 개시에 위치와 현재 위치를 비교할 수 있다.
단계 S904에서 슬라이드 거리는 기설정된 임계 거리 이상일 때, 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간이 획득된다.
구체적으로, 기설정된 임계 거리가 획득된다. 계산된 슬라이드 거리는 기설정된 임계 거리와 비교된다. 슬라이드 거리가 기설정된 임계 거리 이상인 경우, 메인 페이지가 기설정된 최대 슬라이딩 거리(이하, 간단히 지연 시간이라 함)를 완료하기 위한 잔여 시간이 획득된다. 기설정된 최대 슬라이딩 거리는 실제로 메뉴 페이지의 최대 폭(이하 간단히 최대 폭이라 함)이고, 즉, 메뉴 페이지의 기설정된 최대 표시 가능한 폭이라는 것으로 이해되어야 한다.
일실시예에서, 최대 폭과 슬라이드 사이의 차는 메인 페이지가 최대 슬라이딩 거리를 완료하는데 필요한 잔여 거리인 것으로 계산된다.(이하 간단히 잔여 거리라고 함) 필요한 잔여 시간은 최대 폭에 대한 잔여 거리의 비에 따라 계산된다. 메뉴 페이지의 기설정된 폭에 대한 잔여 거리의 비는 잔여 시간을 획득하도록 1:1로 설정되어야 하는 것으로 이해되어야 한다 대안으로, 기설정된 시간 조정 매개 변수(time adjustment parameter) t c 가 획득되고, 필요한 잔여 시간이 기설정된 시간 조정 매개 변수 t c 및 최대 거리에 대한 잔여 거리의 비에 따라 계산된다. 구체적으로, 계산식은 아래 공식을 만족한다:
t = t c * (W-W_s) / W
t는 필요한 잔여 시간을 의미하고, W_s는 슬라이드 거리를 의미하고, W 은 최대 폭을 의미하고, W-W_s 은 잔여 거리를 의미하고, t c 은 시간 조정 매개 변수를 의미한다. 시간 조정 매개 변수를 설정함으로써, 메뉴 페이지의 기설정된 폭을 변경하지 않고 시간 조정 매개 변수를 변경하여 다른 슬라이딩 효과가 표시될 수 있다. 그리고 인터페이스 비에 반응하는 메뉴 페이지의 기설정된 폭을 변경하는 것과 비교할 때, 시간 조정 매개 변수를 변경하는 것이 더욱 효과적이며 더 많은 동작 비용과 자원 비용을 절약한다.
또 다른 실시예에서, 필요한 잔여 시간은 단말기에서 기설정되고, 슬라이드 거리가 기설정된 임계 거리 이상일 때, 기설정된 필요한 잔여 시간이 획득된다. 또한, 슬라이드 거리와 필요한 잔여 시간 사이의 대응 관계는 단말기에서 미리 설정된다. 상이한 슬라이드 거리는 상이한 필요한 잔여 시간에 대응된다. 그리고 대응 관계에 따라 슬라이드 거리에 대응하는 기설정된 필요한 잔여 시간이 획득될 수 있다.
단계 S906에서, 메인 페이지의 제1 초기 속력은 제1 설정 속력 또는 제3 슬라이딩 속력에 따라 결정되고, 메인 페이지의 제1 가속도는 메인 페이지가 기설정된 최대 슬라이딩 거리와 제1 초기 속력을 완료하는데 필요한 잔여 시간에 따라 계산된다.
단말기는 메인 페이지의 제1 초기 속력을 획득한다. 구체적으로, 제3 슬라이딩 속력은 제1 초기 속력으로 제공되거나, 또는 제1 초기 속력으로 제공되도록 제1 설정 속력이 획득될 수 있다. 게다가, 슬라이드 정지 지시가 수신될 때, 제3 슬라이딩 속력은 제1 초기 속력으로 제공되고, 제3 슬라이딩 속력이 0이 아니라면, 대안으로 제1 초기 속력으로 제공되도록 제1 설정 속력이 획득될 수 있다. 슬라이드 정지 지시를 수신하고 제3 슬라이딩 속력이 0일 때, 제1 설정 속력은 제1 초기 속력으로 제공된다. 또한, 슬라이드 거리와 제1 설정 속력 사이의 대응 관계는 단말기 내에 미리 설정된다. 슬라이드 거리의 제1 설정 속력은 대응 관계에 따라 제1 초기 속력으로 획득될 수 있다.
그러면, 단말기는 필요한 잔여 시간과 제1 초기 속력에 따라 메인 페이지의 제1 가속도를 계산한다. 구체적으로, 단말기는 제1 거리를 결정하고, 제1 거리에 따라 메인 페이지의 제1 가속도, 필요한 잔여 시간 및 제1 초기 속력을 계산한다. 단말기는 슬라이드 정지 지시를 수신할 때 메인 페이지가 제1 거리와 같은 최대 슬라이딩 거리를 완료하여 필요한 잔여 거리를 제공할 수 있고, 또는 제1 거리로 제공된 기설정된 가속 계산 거리를 획득할 수 있으며, 이는 본 발명의 이러한 실시예에서 제한되지 않는다. 기설정된 가속도 계산 거리는 기설정된 메뉴 페이지의 최대 폭과 기설정된 임계 거리 사이의 차이보다 작지 않다.
또한, 제1 가속도는 아래의 공식에 따라 계산될 수 있다. V start1 는 제1 초기 속력을 의미하고, S 1 은 제1 거리를 의미하고, t는 필요한 잔여 시간을 의미하고, 제1 가속도 a 1 는 아래 공식에 따라 계산될 수 있다:
V start1 t + 0.5 * a 1 * t 2 = S 1
제1 거리가 잔여 거리이고, 제1 초기 속도가 메인 페이지의 제3 슬라이딩 속력이라 할 때, 공식은 다음과 같이 변화한다:
V 3 t + 0.5 * a 1 * t 2 = W-W_s
여기서, W는 최대 폭을 의미하고, W_s 는 슬라이드 거리를 의미하고, W-W_s 는 잔여 거리를 의미하고, V 3 제3 슬라이딩 속력을 의미하고, t 는 필요한 잔여 시간을 의미한다. 이러한 실시예에서, 제1 가속도는 제1 초기 속력, 잔여 거리 및 메인 페이지가 잔여 거리를 완료하는데 필요한 시간에 따라 계산될 수 있다. 이러한 경우, 메인 페이지가 정확하게 최대 슬라이딩 거리로 슬라이딩할 때, 메인 페이지의 속력은 0으로 감소하여 메인 페이지의 슬라이딩 전환이 향상되어 보다 자연스럽게 메인 페이지의 슬라이딩이 전환되므로, 신속한 슬라이딩 또는 뛰어넘는(leaping) 전환에 의해 디스플레이 인터페이스의 부하(burden)을 피할 수 있다.
단계 S905에서 메인 페이지는 기설정된 최대 슬라이딩 거리를 완료하도록 사이드 슬라이딩 방향을 따라 제1 초기 속력과 제1 가속도로 감속하면서 슬라이딩하도록 제어된다.
구체적으로, 단말기는 기 설정된 최대 슬라이딩 거리를 완료하도록 사이드 슬라이딩 방향을 따라 제1 초기 속력과 제1 가속도로 감소하면서 슬라이딩하도록 메인 페이지를 제어할 수 있다. 다른 말로, 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하도록 잔여 거리를 완전히 슬라이드할 때까지, 단말기는 메인 페이지가 사이드 슬라이딩 방향을 따라 제1 초기 속력과 제1 가속도로 감소하면서 슬라이딩하도록 제어한다.
본 실시예에서, 슬라이딩 동작 지시가 수신되고, 슬라이드 거리가 기설정된 임계 거리 이상일 때, 사용자가 표시하기 원하는 인터페이스가 크게 표시되고, 슬라이딩 동작에 따라 사용자가 표시하기 원하는 인터페이스는 메인 페이지가 최대 슬라이딩 거리를 완료하도록 요구하는 인터페이스이다. 예를 들어, 사용자가 사이드 슬라이딩을 동작하면, 사이드 슬라이딩 인터페이스의 현재 인터페이스는 전체 메인 페이지이고, 메뉴 페이지가 표시되지 않으며, 메인 페이지가 최대 폭에 메뉴 페이지를 표시하는 최대 슬라이딩 거리를 완료하도록 제어되는 경우 사용자가 기설정된 임계 거리를 초과한 거리를 슬라이딩하면 사용자가 메뉴 페이지를 표시하기 원하는 것을 의미한다. 사용자가 최대 폭으로 메뉴 페이지를 표시하기 위해 사용자가 디스플레이 스크린의 에지(edge)까지 슬라이드할 필요가 없기 때문에, 사용자의 동작 비용을 절약할 수 있으며, 따라서 과도한(excessive) 사용자의 사이드 슬라이딩 동작을 감시하기 위한 슬라이딩 검출 자원 비용을 절약할 수 있다.
또한, 가속도를 발생시킴으로써, 메인 페이지의 슬라이딩이 감속되며, 이는 메인 페이지의 슬라이딩 전환이 더욱 자연스럽게하고 신속한 슬라이딩 또는 뛰어넘는(leaping) 전환에 의해 야기되는 디스플레이 인터페이스의 부담을 회피하게 한다.
일실시예에서, 단계 S902 내지 S908에서 슬라이드 정지 지시가 수신되고 슬라이드 거리가 기 설정된 임계 거리보다 작지 않을 때 메인 페이지는 메뉴 페이지에 의해 교체되어, 메뉴 페이지의 제어를 실현할 수 있는 것으로 이해되어야 한다.
일실시예에서, 슬라이드 거리가 기 설정된 임계 거리보다 작으면, 메인 페이지는 슬라이딩 동작 전의 위치로 복귀하도록 제어된다. 구체적으로, 메인 페이지의 기설정된 복귀 시간과 복귀 초기 속력이 획득되고, 메인 페이지의 복귀 가속도는 기설정된 복귀 시간, 복귀 초기 속력 및 메인 페이지의 슬라이드 거리에 따라 계산되고, 그리고 메인 페이지는 슬라이딩 동작 전의 위치로 사이드 슬라이딩 방향의 반대 방향을 따라 복귀 초기 속력과 복귀 가속도로 감속하여 슬라이딩하도록 제어된다.
본 실시예에서, 슬라이딩 동작 지시가 수신되고, 슬라이드 거리가 기설정된 임계 거리보다 작은 경우, 이는 사용자가 사용자의 오동작(misoperation)과 같은 사이드 슬라이딩 동작을 수행하기를 원하지 않는 다는 것을 의미한다. 이러한 점에서, 메인 페이지는 슬라이딩 동작 전의 원래 위치로 돌아가도록 제어되어, 오동작에 의해 야기되는 자원 낭비를 방지한다.
또한, 복귀 가속도를 발생시킴으로써, 메인 페이지의 복귀(return) 슬라이딩이 감속되고, 메인 페이지의 복귀 슬라이딩의 전환이 보다 자연스럽게 이루어지고, 신속한 슬라이딩 또는 뛰어넘는(leaping) 전환에 의해 디스플레이 인터페이스의 부담을 회피한다.
일실시예에서, 본 실시예의 메인 페이지가 메뉴 페이지로 대체될 수 있고, 슬라이드 정지 지시가 수신되고 슬라이드 거리가 기설정된 임계 거리보다 작을 때, 메뉴 페이지의 제어를 실현할 수 있음을 이해해야 한다.
또한, 메인 페이지 내의 애니메이션은 기설정된 복귀 시간(return time)에 따라 슬라이딩 동작 전에 디스플레이 상태로 복귀하도록 제어된다.
일실시예에서, 메인 페이지가 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간을 획득하는 단계 이후에, 상기 방법은 아래의 단계를 더 포함한다: 애니메이션의 이동 매개 변수 또는 제2 설정 속력에 따라 애니메이션의 제2 초기 속력을 결정하는 단계, 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간과 제2 초기 속력에 따라 애니메이션의 제2 가속도를 계산하는 단계, 및 제2 가속도와 제2 초기 속력에 따라 하나의 사이클에서 잔여 애니메이션을 감속되도록 수행하는 단계.
본 실시예에서, 애니메이션의 이동 매개 변수는 애니메이션의 이동 속력을 포함한다.
메인 페이지가 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간(이하에서 간단히 잔여 시간이라 함)을 획득하는 단계 후에, 단말기는 애니메이션의 제2 초기 속력을 획득한다. 구체적으로, 애니메이션의 이동 속력은 제2 초기 속력으로 제공되거나, 또는 제2 설정 속력은 제2 초기 속력으로 제공되도록 획득될 수 있다.
또한, 슬라이드 정지 지시가 수신되고, 애니메이션의 이동 속력이 0이 아닐 때, 애니메이션의 이동 속력은 제2 초기 속력으로 제공될 수 있고, 대안으로 제2 설정 속력은 제2 초기 속력으로 제공되도록 획득될 수 있다. 슬라이드 정지 지시가 수신되고 애니메이션의 이동 속력이 0일 때, 제2 설정 속력은 제2 초기 속력으로 제공되도록 획득된다. 또한, 단말기는 하나의 사이클에서 이미 수행된 애니메이션의 거리 매개 변수와 제2 설정 속력 사이의 대응 관계를 미리 설정한다. 제2 설정 속력이 제2 초기 속력으로 제공될 때, 하나의 사이클에서 미리 수행된 애니메이션의 거리 매개 변수의 제2 설정 속력은 제2 초기 속력으로 제공된 대응 관계에 따라 획득된다.
또한, 애니메이션의 제2 가속도는 필요한 잔여 시간과 제2 초기 속력에 따라 계산된다. 구체적으로, 단말기는 제2 거리를 결정하고, 제2 거리, 필요한 잔여 시간 및 제2 초기 속력에 따라 애니메이션의 제2 가속도를 계산한다. 제2 거리는 슬라이드 정지 지시가 수신될 때 하나의 사이클에서 애니메이션의 잔여 거리를 참조할 수 있다. 즉, 제2 거리는 하나의 사이클에서 애니메이션의 전체 거리와 하나의 사이클에서 미리 수행된 애니메이션의 거리 사이의 차에 따라 계산될 수 있다. 제2 거리는 직선 거리(straight distance) 또는 곡선 거리(curved distance)일 수 있음을 이해해야 한다.
또한, 제2 가속도의 계산은 아래의 공식에 따라 수행될 수 있다. 여기서, V start2 는 제2 초기 속력을 의미하고, S 2 는 제2 거리를 의미하고, t 는 필요한 잔여 시간을 의미하고, 제2 가속도 a2 는 공식에 따라 계산될 수 있다:
V start2 t + 0.5 * a 2 * t 2 = S 2 .
다른 실시예에서, 제2 거리는 기설정된 임의의 거리일 수 있고, 제2 가속도는 기설정된 임의의 거리에 따라 계산될 수 있다. 애니메이션은 제2 초기 속력이 0으로 감소할 때까지 제2 가속도와 제2 초기 속력에서 감속 및 점진적으로 수행될 수 있다.
본 실시예에서, 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간이 획득되고, 잔여 애니메이션이 메인 페이지의 이동을 제어하는 것과 동일한 시간에 따라 수행되도록 제어되므로, 애니메이션의 성능과 메인 페이지의 슬라이딩 간의 상관 관계(correlation)을 향상시키고, 애니메이션과 메인 페이지의 통합(integration)과 무결성(integrity)을 향상시킨다.
일실시예에서, 애니메이션은 제1 애니메이션을 포함한다. 제1 애니메이션이 가상 턴테이블을 포함할 때, 제2 초기 속력은 가상 턴테이블의 초기 속력이고, 가상 턴테이블의 초기 속력은 가상 턴테이블의 회전 속력 또는 제2 설정 속력에 따라 결정된다. 본 실시예에서, 애니메이션의 제2 가속도는 메인 페이지가 기설정된 최대 슬라이딩 거리 및 제2 초기 속력을 완료하는데 필요한 잔여 시간에 따라 계산된다. 제2 가속도와 제2 초기 속력에 따라 하나의 사이클에서 잔여 애니메이션을 수행하는 단계는 이하 포함한다: 가상 턴테이블의 회전된 아크(arc) 길이를 계산하는 단계, 가상 턴테이블의 회전된 아크 길이에 따라 가상 턴테이블의 가속도, 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간, 및 턴테이블의 초기 속력을 계산하는 단계, 가상 턴테이블의 가속도, 가상 턴테이블의 초기 속력에 따라 하나의 사이클에서 가상 턴테이블의 잔여 회전 동작이 감속하여 수행되는 단계.
본 실시예에서, 애니메이션은 제1 애니메이션을 포함하고, 제1 애니메이션이 가상 턴테이블을 포함할 때, 단말기는 가상 턴테이블의 회전의 시작에서 슬라이드 정지 지시가 수신되는 시점까지의 가상 턴 테이블의 회전된 아크 길이를 획득하고, 하나의 사이클에서 가상 턴테이블의 회전의 잔여 아크 길이는 회전된 아크 길이에 따라 계산된다. 또한, 가상 턴테이블의 가속도는 하나의 사이클에서 가상 턴테이블의 회전의 잔여 아크 길이, 가상 턴테이블의 초기 속력, 및 필요한 잔여 시간에 따라 계산된다. 구체적으로, 아래의 공식에 따라 가상 턴테이블의 회전의 가속도가 계산될 수 있다:
V Cstart t + 0.5 * a rotation * t 2 = 2M_PI * R-L,
여기서, V Cstart 는 가상 턴테이블의 초기 속력을 의미하고, t 는 필요한 잔여 시간을 의미하고, R 은 가상 턴테이블의 반경을 의미하고, 그리고 L 은 회전된 아크 길이를 의미한다.
여기서, V Cstart 는 가상 턴테이블의 회전 속력 또는 제2 설정 속력일 수 있다. 또한, 슬라이드 정지 지시가 수신될 때, 가상 턴테이블의 회전 속력이 0이 아니면, 가상 턴테이블의 회전 속력은 가상 턴테이블의 초기 속력으로 제공되고, 대안으로 제2 설정 속력은 가상 턴테이블의 초기 속력으로 제공되도록 획득될 수 있다. 슬라이드 정지 지시가 수신될 때 만약 가상 턴테이블의 회전 속력이 0이면, 제2 설정 속력은 가상 턴테이블의 초기 속력으로 제공되어 획득된다.
또한, 회전된 아크 길이와 제2 설정 속력 사이의 대응 관계는 단말기에서 미리 설정된다. 제2 설정 속력이 가상 턴테이블의 초기 속력으로 제공되는 경우, 회전된 아크 길이에 대응하는 제2 설정 속력은 가상 턴테이블의 초기 속력으로 제공된 대응 관계에 따라 획득될 수 있다.
회전의 시작 시 가상 턴테이블 상의 기준점(reference point)이 선택될 수 있음을 이해해야 하며, 가상 턴테이블의 회전된 중심 각도는 시작 시에 기준점의 위치와 슬라이드 정지 지시가 수신될 때 기준점의 위치를 비교함으로써 계산될 수 있다. 회전된 아크 길이는 가상 턴테이블의 중심 각도에 따라 계산된다. 대안으로, 회전된 아크 길이는 회전된 아크와 가상 턴테이블의 반경의 곱에 따라 계산될 수 있다.
본 실시예에서, 메인 페이지가 기설정된 최대 슬라이드 거리를 완료하는데 잔여 시간이 획득되고, 하나의 사이클에서 가상 턴테이블의 잔여 회전이 메인 페이지의 이동의 제어와 동일한 시간에 따라 제어되므로, 애니메이션의 성능과 메인 페이지의 슬라이딩의 관련성(relevance)을 향상시키고, 애니메이션과 메인 페이지의 통합(integration)과 무결성(integrity)을 향상시킨다.
다른 실시예에서, 가상 턴테이블이 잔여 사이클에서 회전을 완료하도록 제어하는 동안 가상 턴테이블 내의 제2 버튼의 크기는 가상 턴테이블의 실시간 회전에 따라 조정될 수 있다. 구체적인 조정 방법은 상기 실시예에서 설명한 슬라이드 터치 제어점에 의해 가상 턴테이블이 제어될 때 제2 버튼의 조정 방법과 동일하며, 즉, 제2 버튼의 각도는 실시간으로 획득되고, 제2 버튼의 각도는 가상 턴테이블의 중심점 상에 중심이 이루어지며, 제2 버튼의 크기는 본 실시예에서 더 이상 상세하게 설명되지 않은 제2 버튼의 각도와 최대 후퇴값에 따라 조정된다.
일실시예에서, 가상 턴테이블의 가속도와 가상 턴테이블의 초기 속력에 따라 하나의 사이클에서 가상 턴테이블의 잔여 회전 동작을 수행하는 단계 이후에, 상기 방법은 이하 더 포함한다: 가상 턴테이블에서 현재의 제2 버튼을 획득하는 단계; 적어도 하나의 제1 버튼과 제2 버튼 사이의 대응 관계에 따라 현재의 제2 버튼에 대응하는 적어도 하나의 제1 버튼을 획득하는 단계; 그리고 적어도 하나의 제1 버튼을 수행하는 단계.
본 실시예에서, 가상 턴테이블의 가속도와 가상 턴테이블의 초기 속력에 따라 하나의 사이클에서 가상 턴테이블의 잔여 회전 동작을 수행하는 단계 이후에, 가상 턴테이블 내의 현재의 제2 버튼이 획득된다. 현재의 제2 버튼은 현재 선택된 상태에서 제2 버튼을 말하고, 현재의 제2 버튼의 크기 특성 매개 변수는 최대 값 M max 에 있다.
또한, 제2 버튼과 적어도 하나의 제1 버튼 사이의 대응 관계는 단말기에서 미리 설정되고, 대응 관계에 따라 현재의 제2 버튼에 대응하는 적어도 하나의 제1 버튼이 획득되고, 적어도 하나의 버튼이 수행된다. 또한, 제1 버튼과 제2 버튼 사이의 대응 관계는 제1 버튼이 대응하는 제2 버튼의 서브 버튼임을 특징으로 하기 위해 사용된다. 즉, 제1 버튼은 제2 버튼에 의해 나타나는 내용의 다양한 세부 사항을 의미한다.
도 10에 도시된 바와 같이, 일실시예에 따른 사이드 슬라이딩 인터페이스 내의 메인 페이지의 디스플레이 인터페이스이다. 현재의 제2 버튼의 내용이 "최우수(top picks)"이고, 현재의 제2 버튼에 대응하는 제1 버튼의 내용이 B11"건강 검진(health checkup)" B12"현장 주장(onsite claim)" 및 B13"소품 지불(property payment)"이며, 대응하는 제1 버튼 B11, B12, 및 B13이 수행된다: B11"건강 검진(health checkup)", B12"현장 주장(onsite claim)" 및 B13"소품 지불(property payment)"은 "최우수(top picks)"의 다양한 세부 사항으로 이해해야 한다.
실시예에서, 제1 애니메이션과 제2 애니메이션은 제1 버튼과 제2 버튼을 통해 연관되어 있고, 이는 제1 애니메이션과 제2 애니메이션을 따라 대형 애니메이션이 형성되는 것과 동일하므로, 제한된 디스플레이 영역(area) 내의 디스플레이 컨텐츠(content)의 다양성(diversity)을 증가시키고, 스크린의 디스플레이 이용(utilization)을 향상시킨다.
일실시예에서, 대응하는 적어도 하나의 제1 버튼을 수행하는 단계는, 제1 버튼의 이동 속력 또는 제3 설정 속력에 따라 제1 버튼의 제3 초기 속력을 결정하는 단계 및 탄성 이동(elastic movement)의 방향에 따라 기설정된 최종 정지 영역에서 멈출때까지 제1 버튼이 제3 초기 속력에서 탄성 이동을 시뮬레이션하도록(simulate) 제어하는 단계를 포함한다.
본 실시예에서, 단말기는 제1 버튼의 제3 초기 속력을 결정한다. 구체적으로, 제1 버튼의 이동 속력 또는 제3 설정 속력은 제1 버튼의 제3 초기 속력으로 제공된다. 또한, 이 단계에서 더 이상 상세히 설명하지 않는 제1 버튼의 이동속력 또는 제3 설정 속력이 제3 초기 속력으로 제공될 때 전술한 방법이 참조될 수 있다.
또한, 최종 정지 영역은 단말기에서 탄성 이동의 반향으로 미리 설정된다. 최종 정지 영역은 위치 범위일 수 있다. 단말기는 제1 버튼을 제3 초기 속력에서 탄성 이동을 시뮬레이션하도록 제어하고, 제1 버튼이 시뮬레이션된 탄성 이동 이후에 탄성 이동의 방향에서 기설정된 최종 정지 영역에 멈추도록 제어한다.
여기서, 시뮬레이션된 탄성 이동은 제1 버튼이 탄성 이동의 형태로 수행되도록 제어된다는 것을 나타낸다. 즉, 제1 버튼은 적어도 하나의 방향 반전 위치(reversal position) 사이를 이동하도록 제어된다. 방향 반전 위치(direction reversal position)는 위치에 도달할 때 제1 버튼의 이동 방향이 반전되는 위치를 나타낸다. 예를 들어, 제1 버튼이 이전 방향 반전 위치 Y 1 에서 다음 방향 반전 위치 Y 2 로 이동하는 동안, 이동 방향은 수직 아래 방향이고, 방향 반전 위치 Y 2 에 도달하면, 이동 방향이 반전되어 수직 윗 방향이 되고, 그러면 제1 버튼은 수직 윗 방향을 따라 방향 반전 위치 Y 2 에서 다음 방향 반전 위치 Y 3 로 이동하는 등, 결국 제1 버튼이 탄성 이동의 방향으로 기설정된 최종 정지 영역에 멈추도록 제어된다.
시뮬레이션된 탄성 이동에서, 이동 속력의 감소는 기설정된 이전 방향 반전 위치와 다음 방향 반전 위치 사이의 기설정된 거리 및 그것의 가속도를 획득함에 따라 이루어져, 시뮬레이션된 탄성 이동을 실현할 수 있다. 시뮬레이션된 탄성 이동은 그사이의 전환을 보다 완만하게 그리고 자연의 역학(the mechanics of nature)에 더욱 맞춰지게 하며(more in line with), 직접 또는 갑자기 표시하는 것과 비교하여 디스플레이 상의 부담을 감소할 수 있다.
다른 실시예에서, 현재의 제2 버튼에 대응하는 제1 버튼은 최종 정지 영역에서 처음(scratch)부터 직접 렌더링될 수 있다는 것을 이해해야 한다. 대안으로, 제1 버튼은 직선 이동 또는 곡선 이동의 기설정된 경로를 따라 기설정된 최종 정지 영역으로 이동하도록 제어될 수 있으며, 이는 본 발명의 실시예에서 제한되지 않는다.
도 11을 참조하면, 일실시예에서, 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치가 제공된다. 디스플레이 제어 장치는 이하 포함한다; 실시간으로 슬라이딩 접촉점의 제1 슬라이딩 속도를 획득하기 위해 사용되는 속력 감시 모듈 1102, 제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 메뉴 페이지 및 메인 페이지의 사이드 슬라이딩 방향을 결정하는 계산 모듈 1104, 사이드 슬라이딩 방향을 따라 메뉴 페이지 및 메인 페이지가 제2 슬라이딩 속력 및 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 슬라이딩 제어 모듈 1106을 포함하고, 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스 상의 임의의 위치에서 작용하며, 제1 슬라이딩 속도는 제1 슬라이딩 속력과 제1 슬라이딩 방향을 포함한다.
일실시예에서, 메인 페이지는 애니메이션을 포함한다. 계산 모듈 1104는 제1 슬라이딩 속도에 따라 애니메이션의 이동 매개 변수를 계산하기 위해 더 사용된다.
상기 장치는 이동 매개 변수에 따라 애니메이션을 수행하기 위해 사용되는 애니메이션 수행 모듈을 더 포함한다.
일실시예에서, 애니메이션은 제1 애니메이션 및/또는 제2 애니메이션을 포함한다. 제1 애니메이션은 가상 턴테이블을 포함한다. 제2 애니메이션은 제1 버튼을 포함한다. 본 실시예에서, 계산 모듈은 제1 계산 매개 변수를 획득하고, 제1 계산 매개 변수와 제1 슬라이딩 속도에 따라 가상 턴테이블의 회전 속력과 회전 방향을 계산하기 위해 사용되며; 및/또는 제2 계산 매개 변수를 획득하고, 제2 계산 매개 변수와 제1 슬라이딩 속도에 따라 제1 버튼의 이동 속력과 이동 방향을 계산하기 위해 사용된다.
일실시예에서, 계산 모듈 1104은 가상 턴테이블의 둘레와 기설정된 메뉴 페이지의 최대 폭을 획득하고, 메뉴 페이지의 최대 폭에 대한 가상 턴테이블의 둘레의 비에 따른 제1 계산 매개 변수를 계산하기 위해 사용된다.
일실시예에서, 계산 모듈 1104은 제1 버튼의 적어도 하나의 기설정된 이동 범위에서 획득하고, 기설정된 이동 범위에 따른 이동 차를 결정하며, 메뉴 페이지의 기 설정된 최대폭을 획득하고, 기설정된 메뉴 페이지의 최대 폭을 획득하며, 메뉴 페이지의 최대 폭에 대한 이동 차의 비에 따른 제2 계산 매개 변수를 계산하기 위해 더 사용된다.
일실시예로, 가상 턴테이블은 제2 버튼을 포함한다. 상기 장치는 실시간으로 제2 버튼의 각도를 획득하기 위해 사용되는 대응 각도 결정 모듈을 더 포함하고, 제2 버튼의 각도는 가상 턴테이블의 중심을 중심으로 하며 제2 버튼의 중심을 더 통과하도록 회전하는 가상 턴테이블의 중심을 통과하는 수평 직선에 의해 형성되는 각도이고, 제2 버튼의 각도 및 기설정된 최대 후퇴값에 따라 제2 버튼의 크기를 조절하는 조절 모듈을 더 포함한다.
일실시예에서, 계산 모듈 1104는 슬라이딩 개시부터 슬라이드 정지 지시를 수신하는 시점까지의 메인 페이지의 슬라이드 거리를 계산하기 위해 더 사용된다.
본 실시예에서, 상기 장치는 슬라이드 거리가 기설정된 임계 거리 이상일 때 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간을 획득하기 위해 사용되는 획득 모듈을 더 포함한다.
계산 모듈 1104은 제3 슬라이딩 속력 또는 제1 설정 속력에 따라 메인 페이지의 제1 초기 속력을 결정하고, 메인 페이지가 기설정된 최대 슬라이딩 거리와 제1 초기 속력을 완료하는데 필요한 잔여 시간에 따라 메인 페이지의 제1 가속도를 계산하기 위해 더 사용된다.
슬라이딩 제어 모듈1106은 기설정된 최대 슬라이딩 거리를 완료하기 위해 메인 페이지가 사이드 슬라이딩 방향을 따라 제1 초기 속력과 제1 가속도로 감속하면서 슬라이딩하도록 제어하기 위해 더 사용된다.
일실시예에서, 획득 모듈은 애니메이션의 이동 매개 변수 내의 이동 속도 또는 제2 설정 속력에 따라 애니메이션의 제2 초기 속력을 결정하기 위해 더 사용된다.
계산 모듈 1104은 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간과 제2 초기 속력에 따라 제2 가속도를 계산하기 위해 더 사용된다.
애니메이션 수행 모듈은 제2 가속도와 제2 초기 속력에 따라 하나의 사이클에서 잔여 애니메이션을 감속하면서 수행하기 위해 더 사용된다.
전술한 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치의 각 모듈은 소프트웨어, 하드웨어 또는 이들의 조합에 의해 전체적으로 또는 부분적으로 구현될 수 있다. 상기 각 모듈은 프로세서 내에 내장되거나, 또는 별도로 내장된 하드웨어 형태일 수 있고, 또는 프로세서가 상기 모듈에 대응하는 동작을 수행하도록 실행될 수 있게 기지국(base station)의 메모리에 저장된 소프트웨어 형태일 수 있다. 프로세서는 중앙 처리 장치(CPU), 마이크로프로세서, 마이크로 컨트롤러 등일 수 있다.
당업자는 상기 실시예에서 방법의 전체 또는 일부 프로세스가 컴퓨터 프로그램에 의해 지시된 관련 하드웨어에 의해 구현될 수 있다는 것을 이해해야 한다. 컴퓨터 프로그램은 컴퓨터 판독 가능 저장 매체(computer-readable storage medium)에 저장될 수 있으며, 실행될 때 상기 실시예의 방법의 프로세스를 포함한다. 저장 매체는 자기 디스크, 광 디스크, 읽기 전용(read-only) 메모리(ROM), 랜덤 액세스 메모리(RAM) 등일 수 있다.
전술한 각 실시예들의 각각의 기술적 특징은 우연히 결합될 수 있다. 설명을 간단하게 하기 위해, 전술한 실시예에서의 기술적 특징의 다른 모든 가능한 조합은 기술하지 않았다. 그러나, 다른 가능한 조합에서 실시예의 기술적 특징 사이에 충돌이 없다면, 이러한 매뉴얼(manual)의 범위로 간주되어야 한다.
전술한 실시예는 본 발명의 몇몇 실시예를 제시하는 것으로서, 이는 구체적으로 또는 상세하게 설명되었지만 본 개시의 범위로 한정하여 해석되어서는 안된다. 당업자는 본 발명의 개념을 벗어나지 않고 다양한 변형 및 개선을 행할 수 있으며, 이들 모두는 본 발명의 보호 범위에 속하는 것을 알아야 한다. 그러므로 본 발명의 보호 범위는 첨부된 청구 범위의 대상이 될 수 있다.

Claims (25)

  1. 실시간으로(in real time) 슬라이딩(sliding) 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계;
    제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및
    상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고,
    상기 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며,
    제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  2. 제1항에 있어서,
    상기 메인 페이지는 애니메이션을 포함하고,
    실시간으로 상기 슬라이딩 접촉점의 제1 슬라이딩 속도를 획득한 단계 이후에,
    상기 제1 슬라이딩 속도에 따라 상기 애니메이션의 이동 매개 변수(motion parameter)를 계산하는 단계; 및
    상기 이동 매개 변수에 따라 애니메이션을 수행하는 단계를 더 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  3. 제2항에 있어서,
    상기 애니메이션은 제1 애니메이션 및/또는 제2 애니메이션을 포함하고,
    상기 제1 애니메이션은 가상 턴테이블(virtual turntable)을 포함하고,
    상기 제2 애니메이션은 제1 버튼;을 포함하고,
    상기 제1 슬라이딩 속도에 따라 상기 애니메이션의 이동 매개 변수를 계산하는 단계는,
    제1 계산 매개 변수를 획득하고, 상기 제1 계산 매개 변수 및 상기 제1 슬라이딩 속도에 따라 상기 가상 턴테이블의 회전 속력 및 회전 방향을 계산하는 단계; 및/또는
    제2 계산 매개 변수를 획득하고, 상기 제2 계산 매개 변수 및 상기 제1 슬라이딩 속도에 따라 상기 제1 버튼의 이동 속력 및 대응하는 이동 방향을 계산하는 단계를 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  4. 제3항에 있어서,
    상기 제1 계산 매개 변수를 획득하기 전에,
    상기 가상 턴테이블의 둘레(perimeter) 및 상기 기설정된(preset) 메뉴 페이지의 최대 폭(width)을 획득하는 단계; 및
    상기 가상 턴테이블의 둘레와 상기 기설정된 메뉴 페이지의 최대 폭 의 비에 따라 제1 계산 매개 변수를 계산하는 단계;를 더 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  5. 제3항에 있어서,
    상기 제2 계산 매개 변수를 획득하기 전에,
    상기 제1 버튼에 대응하는 적어도 하나의 기설정된 이동 범위(moving range)를 획득하고, 기 설정된 이동 범위에 따라 이동 차(movement difference)를 결정하는 단계;
    기설정된 메뉴 페이지의 최대 폭을 획득하는 단계; 및
    상기 이동 차와 기설정된 메뉴 페이지의 최대 폭의 비에 따라 제2 계산 매개 변수를 계산하는 단계를 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  6. 제3항에 있어서,
    상기 가상 턴테이블은 제2 버튼을 포함하고,
    실시간으로 제2 버튼의 각도를 획득하는 단계; 및
    상기 제2 버튼의 각도 및 기설정된 최대 후퇴값(retraction value)에 따라 상기 제2 버튼의 크기를 조절하는 단계를 포함하고,
    상기 제2 버튼의 각도는 상기 가상 턴테이블의 중심을 중심으로 하며, 상기 제2 버튼의 중심을 더 통과하도록 회전하는 상기 가상 턴테이블의 중심을 통과하는 수평 직선에 의해 형성되는 각도인 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  7. 제1항에 있어서,
    슬라이드 정지 지시를 수신할 때, 슬라이딩의 개시부터 상기 슬라이드 정지 지시를 수신한 시점까지의 상기 메인 페이지의 슬라이드 거리(slid distance)를 계산하는 단계;
    상기 슬라이드 거리가 기설정된 임계 거리(critical distance) 이상일 때, 상기 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간(remaining time)을 획득하는 단계;
    상기 제3 슬라이딩 속력 또는 제1 설정 속력(preset speed)에 따라 상기 메인 페이지의 제1 초기 속력을 결정하고, 상기 메인 페이지가 상기 기설정 최대 슬라이딩 거리 및 상기 제1 초기 속력을 완료하는데 필요한 잔여 시간에 따라 상기 메인 페이지의 제1 가속도를 계산하는 단계; 및
    상기 기설정된 최대 슬라이딩 거리를 완료하기 위해 상기 메인 페이지를 제1 초기 속도로 슬라이드시키고, 상기 사이드 슬라이딩 방향을 따라 상기 제1 가속도로 감속시키도록 제어하는 단계;를 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  8. 제7항에 있어서,
    상기 메인 페이지가 상기 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간을 획득하는 단계 이후에,
    제2 설정 속도 또는 상기 애니메이션의 이동 매개 변수의 이동 속력에 따라 상기 애니메이션의 제2 초기 속력을 결정하는 단계; 및
    상기 메인 페이지가 상기 기설정된 최대 슬라이딩 거리 및 상기 제2 초기 속력을 완료하는데 필요한 상기 잔여 시간에 따라 제2 가속도를 계산하고, 한 사이클에서 잔여 애니메이션을 감속하여 수행하는 단계를 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 방법.
  9. 실시간으로(in real time) 슬라이딩(sliding) 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 속력 감시 모듈(speed monitoring module);
    제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 계산 모듈; 및
    상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 슬라이딩 제어 모듈;을 포함하고,
    상기 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며,
    제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  10. 제9항에 있어서,
    상기 메인 페이지는 애니메이션을 포함하고,
    상기 계산 모듈은 상기 제1 슬라이딩 속도에 따라 상기 애니메이션의 이동 매개 변수(motion parameter)를 계산하고,
    상기 이동 매개 변수에 따라 애니메이션을 수행하는 애니메이션 수행 모듈을 더 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  11. 제10항에 있어서,
    상기 애니메이션은 제1 애니메이션 및/또는 제2 애니메이션을 포함하고,
    상기 제1 애니메이션은 가상 턴테이블(virtual turntable)을 포함하고,
    상기 제2 애니메이션은 제1 버튼;을 포함하고,
    상기 계산 모듈은 제1 계산 매개 변수를 획득하고 상기 제1 계산 매개 변수 및 상기 제1 슬라이딩 속도에 따라 상기 가상 턴테이블의 회전 속력 및 회전 방향을 계산하며, 및/또는 제2 계산 매개 변수를 획득하고 상기 제2 계산 매개 변수 및 상기 제1 슬라이딩 속도에 따라 상기 제1 버튼의 이동 속력 및 대응하는 이동 방향을 계산하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  12. 제11항에 있어서,
    상기 계산 모듈은 상기 가상 턴테이블의 둘레(perimeter) 및 상기 기설정된(preset) 메뉴 페이지의 최대 폭(width)을 획득하고, 상기 가상 턴테이블의 둘레와 상기 기설정된 메뉴 페이지의 최대 폭 의 비에 따라 제1 계산 매개 변수를 계산하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  13. 제11항에 있어서,
    상기 계산 모듈은 상기 제1 버튼에 대응하는 적어도 하나의 기설정된 이동 범위(moving range)를 획득하고, 기설정된 이동 범위에 따라 이동 차(movement difference)를 결정하며, 기설정된 메뉴 페이지의 최대 폭을 획득하고, 상기 이동 차와 기설정된 메뉴 페이지의 최대 폭의 비에 따라 제2 계산 매개 변수를 계산하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  14. 제11항에 있어서,
    상기 가상 턴테이블은 제2 버튼을 포함하고,
    실시간으로 제2 버튼의 각도를 획득하는 각도 결정 모듈을 더 포함하고,
    상기 제2 버튼의 각도는 상기 가상 턴테이블의 중심을 중심으로 하며, 상기 제2 버튼의 중심을 더 통과하도록 회전하는 상기 가상 턴테이블의 중심을 통과하는 수평 직선에 의해 형성되는 각도이고,
    상기 제2 버튼의 각도 및 기설정된 최대 후퇴값(retraction value)에 따라 상기 제2 버튼의 크기를 조절하는 조절 모듈;을 더 포함하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  15. 제9항 또는 제10항에 있어서,
    상기 계산 모듈은 슬라이드 정지 지시를 수신할 때, 슬라이딩의 개시부터 상기 슬라이드 정지 지시를 수신한 시점까지의 상기 메인 페이지의 슬라이드 거리(slid distance)를 계산하고,
    상기 슬라이드 거리가 기설정된 임계 거리(critical distance) 이상일 때, 상기 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간(remaining time)을 획득하는 획득 모듈을 더 포함하고,
    상기 계산 모듈은 상기 제3 슬라이딩 속력 또는 제1 설정 속력(preset speed)에 따라 상기 메인 페이지의 제1 초기 속력을 결정하고, 상기 메인 페이지가 상기 기설정 최대 슬라이딩 거리 및 상기 제1 초기 속력을 완료하는데 필요한 잔여 시간에 따라 상기 메인 페이지의 제1 가속도를 계산하며,
    상기 슬라이딩 제어 모듈은 상기 기설정된 최대 슬라이딩 거리를 완료하기 위해 상기 메인 페이지를 제1 초기 속도로 슬라이드시키고, 상기 사이드 슬라이딩 방향을 따라 상기 제1 가속도로 감속시키도록 제어하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  16. 제15항에 있어서,
    상기 획득 모듈은 제2 설정 속도 또는 상기 애니메이션의 이동 매개 변수의 이동 속력에 따라 상기 애니메이션의 제2 초기 속력을 결정하고,
    상기 계산 모듈은 상기 메인 페이지가 상기 기설정된 최대 슬라이딩 거리 및 상기 제2 초기 속력을 완료하는데 필요한 상기 잔여 시간에 따라 제2 가속도를 계산하고,
    상기 애니메이션 수행 모듈은 한 사이클에서 잔여 애니메이션을 감속하여 수행하는 사이드 슬라이딩 인터페이스의 디스플레이 제어 장치.
  17. 프로세서; 및
    상기 프로세서에 의해 실행될 때, 상기 프로세서가 아래의 단계를 수행하게 하는 명령(instructions)을 저장하는 메모리;를 포함하고,
    상기 단계는,
    실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계;
    제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및
    상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고,
    상기 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며,
    제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함하는 단말기(terminal).
  18. 제17항에 있어서,
    상기 메인 페이지는 애니메이션을 포함하고,
    실시간으로 상기 슬라이딩 접촉점의 제1 슬라이딩 속도를 획득한 단계 이후에 상기 프로세서는,
    상기 제1 슬라이딩 속도에 따라 상기 애니메이션의 이동 매개 변수(motion parameter)를 계산하는 단계; 및
    상기 이동 매개 변수에 따라 애니메이션을 수행하는 단계를 더 실행하는 단말기(terminal).
  19. 제18항에 있어서,
    상기 애니메이션은 제1 애니메이션 및/또는 제2 애니메이션을 포함하고,
    상기 제1 애니메이션은 가상 턴테이블(virtual turntable)을 포함하고,
    상기 제2 애니메이션은 제1 버튼;을 포함하고,
    상기 제1 슬라이딩 속도에 따라 상기 애니메이션의 이동 매개 변수를 계산하는 단계는,
    제1 계산 매개 변수를 획득하고, 상기 제1 계산 매개 변수 및 상기 제1 슬라이딩 속도에 따라 상기 가상 턴테이블의 회전 속력 및 회전 방향을 계산하는 단계; 및/또는
    제2 계산 매개 변수를 획득하고, 상기 제2 계산 매개 변수 및 상기 제1 슬라이딩 속도에 따라 상기 제1 버튼의 이동 속력 및 대응하는 이동 방향을 계산하는 단계를 포함하는 단말기(terminal).
  20. 제19항에 있어서,
    상기 제1 계산 매개 변수를 획득하기 전에 상기 프로세서는,
    상기 가상 턴테이블의 둘레(perimeter) 및 상기 기설정된(preset) 메뉴 페이지의 최대 폭(width)을 획득하는 단계; 및
    상기 가상 턴테이블의 둘레와 상기 기설정된 메뉴 페이지의 최대 폭 의 비에 따라 제1 계산 매개 변수를 계산하는 단계;를 더 실행하는 단말기(terminal).
  21. 제19항에 있어서,
    상기 제2 계산 매개 변수를 획득하기 전에,
    상기 프로세서는,
    상기 제1 버튼에 대응하는 적어도 하나의 기설정된 이동 범위(moving range)를 획득하고, 기설정된 이동 범위에 따라 이동 차(movement difference)를 결정하는 단계;
    기설정된 메뉴 페이지의 최대 폭을 획득하는 단계; 및
    상기 이동 차와 기설정된 메뉴 페이지의 최대 폭의 비에 따라 제2 계산 매개 변수를 계산하는 단계를 더 실행하는 단말기(terminal).
  22. 제19항에 있어서,
    상기 가상 턴테이블은 제2 버튼을 포함하고,
    상기 프로세서는,
    실시간으로 제2 버튼의 각도를 획득하는 단계; 및
    상기 제2 버튼의 각도 및 기설정된 최대 후퇴값(retraction value)에 따라 상기 제2 버튼의 크기를 조절하는 단계를 더 실행하고,
    상기 제2 버튼의 각도는 상기 가상 턴테이블의 중심을 중심으로 하며, 상기 제2 버튼의 중심을 더 통과하도록 회전하는 상기 가상 턴테이블의 중심을 통과하는 수평 직선에 의해 형성되는 각도인 단말기(terminal).
  23. 제17항에 있어서,
    상기 프로세서는,
    슬라이드 정지 지시를 수신할 때, 슬라이딩의 개시부터 상기 슬라이드 정지 지시를 수신한 시점까지의 상기 메인 페이지의 슬라이드 거리(slid distance)를 계산하는 단계;
    상기 슬라이드 거리가 기설정된 임계 거리(critical distance) 이상일 때, 상기 메인 페이지가 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간(remaining time)을 획득하는 단계;
    상기 제3 슬라이딩 속력 또는 제1 설정 속력(preset speed)에 따라 상기 메인 페이지의 제1 초기 속력을 결정하고, 상기 메인 페이지가 상기 기설정 최대 슬라이딩 거리 및 상기 제1 초기 속력을 완료하는데 필요한 잔여 시간에 따라 상기 메인 페이지의 제1 가속도를 계산하는 단계; 및
    상기 기설정된 최대 슬라이딩 거리를 완료하기 위해 상기 메인 페이지를 제1 초기 속도로 슬라이드시키고, 상기 사이드 슬라이딩 방향을 따라 상기 제1 가속도로 감속시키도록 제어하는 단계;를 더 실행하는 단말기(terminal).
  24. 제23항에 있어서,
    상기 메인 페이지가 상기 기설정된 최대 슬라이딩 거리를 완료하는데 필요한 잔여 시간을 획득하는 단계 이후에,
    제2 설정 속도 또는 상기 애니메이션의 이동 매개 변수의 이동 속력에 따라 상기 애니메이션의 제2 초기 속력을 결정하는 단계; 및
    상기 메인 페이지가 상기 기설정된 최대 슬라이딩 거리 및 상기 제2 초기 속력을 완료하는데 필요한 상기 잔여 시간에 따라 제2 가속도를 계산하고, 한 사이클에서 잔여 애니메이션을 감속하여 수행하는 단계더 실행하는 단말기(terminal).
  25. 하나 이상의 프로세서가 실행될 때 상기 하나 이상의 프로세서가 아래의 단계를 수행하게 하는 컴퓨터 실행가능한 명령(computer-executable instructions)을 저장하고,
    상기 단계는,
    실시간으로(in real time) 슬라이딩 접촉점(touch point)의 제1 슬라이딩 속도(velocity)를 획득하는 단계;
    제1 슬라이딩 속력에 따라 메뉴 페이지(menu page)의 제2 슬라이딩 속력과 메인 페이지(main page)의 제3 슬라이딩 속력을 계산하고, 제1 슬라이딩 방향에 따라 상기 메뉴 페이지 및 상기 메인 페이지의 사이드 슬라이딩 방향을 결정하는 단계; 및
    상기 사이드 슬라이딩 방향을 따라 상기 메뉴 페이지 및 상기 메인 페이지가 상기 제2 슬라이딩 속력 및 상기 제3 슬라이딩 속력으로 각각 슬라이딩하도록 제어하는 단계;를 포함하고,
    상기 슬라이딩 접촉점은 사이드 슬라이딩 인터페이스(interface) 상의 임의의 위치에서 작용하며,
    제1 슬라이딩 속도(velocity)는 제1 슬라이딩 속력(speed)과 제1 슬라이딩 방향을 포함하는 상기 하나 이상의 비일시적 저장 매체(non-transitory readable storage medium).
KR1020187018398A 2016-05-06 2017-03-21 사이드 슬라이딩 인터페이스를 위한 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체 KR102215712B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201610297106.1A CN105975181B (zh) 2016-05-06 2016-05-06 侧滑界面的显示控制方法和装置
CN201610297106.1 2016-05-06
PCT/CN2017/077547 WO2017190560A1 (zh) 2016-05-06 2017-03-21 侧滑界面的显示控制方法和装置、终端和存储介质

Publications (2)

Publication Number Publication Date
KR20190003454A true KR20190003454A (ko) 2019-01-09
KR102215712B1 KR102215712B1 (ko) 2021-02-17

Family

ID=56991309

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020187018398A KR102215712B1 (ko) 2016-05-06 2017-03-21 사이드 슬라이딩 인터페이스를 위한 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체

Country Status (8)

Country Link
US (1) US20190073104A1 (ko)
EP (1) EP3454195A4 (ko)
JP (1) JP6549796B2 (ko)
KR (1) KR102215712B1 (ko)
CN (1) CN105975181B (ko)
AU (1) AU2017259235B2 (ko)
SG (1) SG11201805502WA (ko)
WO (1) WO2017190560A1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022103021A1 (ko) * 2020-11-13 2022-05-19 삼성전자 주식회사 플렉서블 디스플레이를 포함하는 전자 장치 및 이의 제어 방법

Families Citing this family (24)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10521188B1 (en) 2012-12-31 2019-12-31 Apple Inc. Multi-user TV user interface
CN105975181B (zh) * 2016-05-06 2019-01-04 平安科技（深圳）有限公司 侧滑界面的显示控制方法和装置
US11966560B2 (en) 2016-10-26 2024-04-23 Apple Inc. User interfaces for browsing content from multiple content applications on an electronic device
CN106502514B (zh) * 2016-11-04 2019-09-17 上海传英信息技术有限公司 侧滑菜单的控制方法及用户终端
CN107450911A (zh) * 2017-07-05 2017-12-08 口碑(上海)信息技术有限公司 动画元素的播放方法、装置以及电子设备
CN109814781B (zh) * 2017-11-22 2023-09-08 腾讯数码（天津）有限公司 页面滑动方法、装置
CN110321042B (zh) * 2018-03-30 2022-08-05 阿里巴巴集团控股有限公司 界面信息展示方法、装置及电子设备
CN108845750A (zh) * 2018-06-08 2018-11-20 北京奇虎科技有限公司 一种启动控件的方法及终端设备
CN108845756B (zh) * 2018-07-04 2021-02-02 Oppo广东移动通信有限公司 触控操作方法、装置、存储介质及电子设备
CN108984096A (zh) * 2018-07-04 2018-12-11 Oppo广东移动通信有限公司 触控操作方法、装置、存储介质及电子设备
CN108897489B (zh) * 2018-07-25 2020-11-06 上海携程商务有限公司 页面返回的交互方法、系统、设备和存储介质
CN113906419A (zh) 2019-03-24 2022-01-07 苹果公司 用于媒体浏览应用程序的用户界面
EP3928194A1 (en) * 2019-03-24 2021-12-29 Apple Inc. User interfaces including selectable representations of content items
US11863837B2 (en) 2019-05-31 2024-01-02 Apple Inc. Notification of augmented reality content on an electronic device
US11797606B2 (en) 2019-05-31 2023-10-24 Apple Inc. User interfaces for a podcast browsing and playback application
CN110471594B (zh) * 2019-08-22 2022-02-22 北京字节跳动网络技术有限公司 一种页面调整方法、装置、设备及介质
CN112860141A (zh) * 2019-11-28 2021-05-28 华为技术有限公司 一种操作屏幕图标的方法及装置
CN111290691A (zh) * 2020-01-16 2020-06-16 北京京东振世信息技术有限公司 用于操作页面的方法、装置、计算机设备及可读存储介质
US11843838B2 (en) 2020-03-24 2023-12-12 Apple Inc. User interfaces for accessing episodes of a content series
US11899895B2 (en) 2020-06-21 2024-02-13 Apple Inc. User interfaces for setting up an electronic device
CN112782998B (zh) * 2020-12-31 2023-07-07 追觅科技(上海)有限公司 窗帘控制方法、装置和存储介质
US11934640B2 (en) 2021-01-29 2024-03-19 Apple Inc. User interfaces for record labels
CN114465969B (zh) * 2021-12-23 2023-07-04 珠海格力电器股份有限公司 通讯消息组的管理方法、装置、设备和存储介质
CN115225418A (zh) * 2022-06-20 2022-10-21 广东好太太智能家居有限公司 一种窗帘调节方法、系统、装置及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130115016A (ko) * 2012-04-10 2013-10-21 삼성전자주식회사 단말기에서 전자책과 연관된 피드백 제공 방법 및 장치
KR20140064162A (ko) * 2012-11-19 2014-05-28 삼성전자주식회사 이동 단말에서 화면 표시 방법 및 이를 위한 이동 단말
KR20150025635A (ko) * 2013-08-29 2015-03-11 삼성전자주식회사 스크린을 제어하는 전자 장치 및 방법
JP2015508357A (ja) * 2012-01-09 2015-03-19 エアビクティ インコーポレイテッド 携帯デバイス用ユーザインタフェース
US20160070429A1 (en) * 2014-09-04 2016-03-10 Home Box Office, Inc. Snap points including ranges

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8028250B2 (en) * 2004-08-31 2011-09-27 Microsoft Corporation User interface having a carousel view for representing structured data
US7747968B2 (en) * 2006-09-11 2010-06-29 Apple Inc. Content abstraction presentation along a multidimensional path
DE102007039442A1 (de) * 2007-08-21 2009-02-26 Volkswagen Ag Verfahren zum Anzeigen von Informationen in einem Fahrzeug und Anzeigeeinrichtung für ein Fahrzeug
US20120262462A1 (en) * 2011-04-18 2012-10-18 Johan Montan Portable electronic device for displaying images and method of operation thereof
US20130290116A1 (en) * 2012-04-27 2013-10-31 Yahoo! Inc. Infinite wheel user interface
CN110851034B (zh) * 2013-03-15 2024-03-15 苹果公司 用于管理用户界面的方法和电子设备
US20140344755A1 (en) * 2013-05-16 2014-11-20 Avaya, Inc. Method and system for rotational list based user interface
CN105393201B (zh) * 2013-06-09 2020-05-05 苹果公司 用于管理同时打开的软件应用的设备、方法和图形用户界面
KR101522468B1 (ko) * 2013-12-05 2015-05-28 네이버 주식회사 동영상 간 전환 방법 및 그 시스템
CN103838510A (zh) * 2014-02-27 2014-06-04 北京六间房科技有限公司 一种界面控制装置
CN104793843B (zh) * 2015-03-26 2018-04-13 小米科技有限责任公司 桌面显示方法及装置
US10871868B2 (en) * 2015-06-05 2020-12-22 Apple Inc. Synchronized content scrubber
CN105975181B (zh) * 2016-05-06 2019-01-04 平安科技（深圳）有限公司 侧滑界面的显示控制方法和装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015508357A (ja) * 2012-01-09 2015-03-19 エアビクティ インコーポレイテッド 携帯デバイス用ユーザインタフェース
KR20130115016A (ko) * 2012-04-10 2013-10-21 삼성전자주식회사 단말기에서 전자책과 연관된 피드백 제공 방법 및 장치
KR20140064162A (ko) * 2012-11-19 2014-05-28 삼성전자주식회사 이동 단말에서 화면 표시 방법 및 이를 위한 이동 단말
KR20150025635A (ko) * 2013-08-29 2015-03-11 삼성전자주식회사 스크린을 제어하는 전자 장치 및 방법
US20160070429A1 (en) * 2014-09-04 2016-03-10 Home Box Office, Inc. Snap points including ranges

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022103021A1 (ko) * 2020-11-13 2022-05-19 삼성전자 주식회사 플렉서블 디스플레이를 포함하는 전자 장치 및 이의 제어 방법

Also Published As

Publication number Publication date
US20190073104A1 (en) 2019-03-07
JP6549796B2 (ja) 2019-07-24
AU2017259235A1 (en) 2018-07-05
AU2017259235B2 (en) 2020-04-02
WO2017190560A1 (zh) 2017-11-09
EP3454195A1 (en) 2019-03-13
CN105975181A (zh) 2016-09-28
SG11201805502WA (en) 2018-07-30
KR102215712B1 (ko) 2021-02-17
JP2018530837A (ja) 2018-10-18
CN105975181B (zh) 2019-01-04
EP3454195A4 (en) 2020-02-05

Similar Documents

Publication Publication Date Title
KR20190003454A (ko) 사이드 슬라이딩 인터페이스를 위한 디스플레이 제어 방법 및 장치, 단말기 및 저장 매체
US20180164978A1 (en) Causing display of a three dimensional graphical user interface
US9164670B2 (en) Flexible touch-based scrolling
US10416874B2 (en) Methods, apparatuses, and devices for processing interface displays
US9684412B2 (en) Method and apparatus for generating a three-dimensional user interface
US9285972B2 (en) Size adjustment control for user interface elements
US10628022B2 (en) Method and system for prototyping graphic user interface
KR20150012234A (ko) 분할스크린 디스플레이 방법 및 장치, 및 이의 전자 장치
JP2004078693A (ja) 視野移動操作方法
US20150186004A1 (en) Multimode gesture processing
US10901587B2 (en) Widget area adjustment method and apparatus
US10042539B2 (en) Dynamic text control for mobile devices
JP2013143144A (ja) ディスプレイ装置およびそのアイテム選択方法
JP5621407B2 (ja) 操作入力装置ならびにプログラムと方法
JP2023513382A (ja) 画像カッティング方法、装置、設備及び記憶媒体
US20230405460A1 (en) In-game display controlling method, device and electronic equipment
WO2018226989A1 (en) Displaying images associated with apps based on app processing task progress statuses
US9519367B2 (en) Display apparatus and computer-readable non-transitory recording medium with display control program recorded thereon
US11204679B1 (en) Snapping objects into alignment in three-dimensional space
CN113176846A (zh) 一种图片显示方法、装置，设备及存储介质
CN103279304B (zh) 一种显示选中图标的方法、装置及移动设备
CN106293312B (zh) 终端可移动控件显示的方法和装置
US9389782B2 (en) Electronic device and control method thereof
EP4092512A1 (en) Dynamic element control method, electronic device and computer-readable storage medium
US11507398B1 (en) Enhancing user experience on moving and resizing windows of remote applications

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant