KR20150069559A - 화면 제어 방법 및 이를 구현하는 전자 장치 - Google Patents

화면 제어 방법 및 이를 구현하는 전자 장치 Download PDF

Info

Publication number
KR20150069559A
KR20150069559A KR1020140180296A KR20140180296A KR20150069559A KR 20150069559 A KR20150069559 A KR 20150069559A KR 1020140180296 A KR1020140180296 A KR 1020140180296A KR 20140180296 A KR20140180296 A KR 20140180296A KR 20150069559 A KR20150069559 A KR 20150069559A
Authority
KR
South Korea
Prior art keywords
screen
display area
moving
moved
boundary
Prior art date
Application number
KR1020140180296A
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 KR20150069559A publication Critical patent/KR20150069559A/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/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • 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

Abstract

본 발명은 화면 제어 방법 및 이를 지원하는 전자 장치에 관한 것으로, 본 발명의 다양한 실시 예에 따른 화면 제어 방법에 있어서, 화면을 표시하는 동작과 상기 화면을 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 화면을 상기 제1방향으로 이동하는 동작과 상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하면, 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 제1방향으로 이동하는 동작과 상기 화면 이동 제스처가 해제되면, 상기 제1방향으로 상기 제1크기만큼 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 상기 제1크기보다 큰 제2크기만큼 이동하는 동작과 상기 제2방향으로 상기 제2크기만큼 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 동작을 포함할 수 있다.

Description

화면 제어 방법 및 이를 구현하는 전자 장치{METHOD FOR CONTROLLING A SCREEN AND ELECTRONIC DEVICE SUPPORTING THE SAME}
본 발명은 전자 장치에 표시된 화면에 시각적 피드백을 제공하는 방법 및 장치에 관한 것이다.
터치스크린을 구비하는 전자 장치가 증가함에 따라 터치 인터렉션을 이용하여 전자 장치를 보다 편리하고, 직관적으로 제어할 수 있다. 예를 들면, 터치 인터렉션을 통해 터치스크린에 표시되는 화면을 상하방향 또는 좌우방향으로 이동시킬 수 있다.
한편, 상기 상하방향 또는 좌우방향으로의 터치 인터렉션 수행으로 이동된 화면의 경계 부분이 디스플레이의 끝에 도달하게 되면, 상기 화면은 더 이상 이동하지 못하게 된다. 상기 화면이 더 이상 이동하지 못하게 되는 경우, 전자 장치는 아무런 효과 없이 화면의 경계 부분을 표시할 수 있다.
상술한 바와 같이 화면이 더 이상 이동하지 못하게 되어 아무런 효과 없이 화면의 경계 부분을 표시하는 경우, 사용자는 피드백을 받지 못해 해당 상황을 오동작으로 인식할 수 있다.
이러한 문제점을 해결하기 위해 본 발명의 실시 예에 따른 화면 제어 방법 및 이를 지원하는 전자 장치는 화면의 경계 부분이 디스플레이의 끝에 도달하면, 시각적 피드백이 적용된 화면을 제공할 수 있다.
본 발명의 실시 예에 따른 전자 장치의 화면 제어 방법은 화면을 표시하는 동작과 상기 화면을 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 화면을 상기 제1방향으로 이동하는 동작과 상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하면, 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 제1방향으로 이동하는 동작과 상기 화면 이동 제스처가 해제되면, 상기 제1방향으로 상기 제1크기만큼 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 상기 제1크기보다 큰 제2크기만큼 이동하는 동작과 상기 제2방향으로 상기 제2크기만큼 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 동작을 포함할 수 있다.
본 발명의 실시 예에 따른 전자 장치의 화면 제어 방법은 화면을 표시하는 동작과 상기 화면을 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 화면을 상기 제1방향으로 이동하는 동작과 상기 제1방향으로 이동된 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 상기 제1방향으로 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 이동하는 동작과 상기 제2방향으로 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 동작을 포함할 수 있다.
본 발명의 실시 예에 따른 전자 장치는 화면을 표시하고 상기 화면에서 제1방향으로 이동하는 화면 이동 제스처를 감지하는 터치스크린과 상기 화면을 제1방향으로 이동하는 화면 이동 제스처에 응답하여 상기 화면을 상기 제1방향으로 이동하고, 상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하면, 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 제1방향으로 이동하고, 상기 화면 이동 제스처가 해제되면, 상기 제1방향으로 상기 제1크기만큼 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 상기 제1크기보다 큰 제2크기만큼 이동하고, 상기 제2방향으로 상기 제2크기만큼 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 제어부를 포함할 수 있다.
본 발명의 실시 예에 따른 전자 장치는 전자 장치에 있어서, 화면을 표시하고 상기 화면에서 제1방향으로 이동하는 화면 이동 제스처를 감지하는 터치스크린과 상기 화면을 제1방향으로 이동하는 화면 이동 제스처에 응답하여, 상기 화면을 상기 제1방향으로 이동하고, 상기 제1방향으로 이동된 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 상기 제1방향으로 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 이동하고, 상기 제2방향으로 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 제어부를 포함할 수 있다.
본 발명의 다양한 실시 예에 따른 화면 제어 방법 및 이를 지원하는 전자 장치는 화면의 경계 부분이 디스플레이 끝에 도달하였을 경우, 사용자에게 시각적 피드백이 적용된 화면을 제공할 수 있다. 이로써, 사용자는 더 이상 표시될 화면이 없는 것을 직관적으로 확인할 수 있다.
도 1은 본 발명의 한 실시 예에 따른 전자 장치의 구성을 도시하는 도면이다.
도 2는 본 발명의 한 실시 예에 따른 화면 이동을 제어하는 방법을 도시하는 흐름도이다.
도 3 내지 도 5는 본 발명의 한 실시 예에 따른 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 6a 내지 도 8c는 본 발명의 한 실시 예에 따른 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 9는 본 발명의 한 실시 예에 따른 제스처의 방향 및 속도에 기반하여 화면 이동을 제어하는 방법을 도시하는 흐름도이다.
도 10a 및 도 10b는 본 발명의 한 실시 예에 따른 제스처의 방향 및 속도에 기반하여 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 11a 및 도 11b는 본 발명의 한 실시 예에 따른 제스처의 방향 및 속도에 기반하여 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
이하, 본 발명의 다양한 실시 예가 첨부된 도면을 참조하여 기재된다. 그러나, 이는 본 발명의 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 실시 예의 다양한 변경 (modification), 균등물 (equivalent), 및/또는 대체물 (alternative)을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다.
본 문서에서, “가진다,” “가질 수 있다,”“포함한다,” 또는 “포함할 수 있다” 등의 표현은 해당 특징 (예: 수치, 기능, 동작, 또는 부품 등의 구성요소)의 존재를 가리키며, 추가적인 특징의 존재를 배제하지 않는다.
본 문서에서, “A 또는 B,”“A 또는/및 B 중 적어도 하나,”또는 “A 또는/및 B 중 하나 또는 그 이상”등의 표현은 함께 나열된 항목들의 모든 가능한 조합을 포함할 수 있다. 예를 들면, “A 또는 B,” “ A 및 B 중 적어도 하나,”또는 “ A 또는 B 중 적어도 하나”는, (1) 적어도 하나의 A를 포함, (2) 적어도 하나의 B를 포함, 또는 (3) 적어도 하나의 A 및 적어도 하나의 B 모두를 포함하는 경우를 모두 지칭할 수 있다.
본 문서에서 사용된 용어들은 단지 특정한 실시 예를 설명하기 위해 사용된 것으로, 다른 실시예의 범위를 한정하려는 의도가 아닐 수 있다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함할 수 있다. 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명의 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가질 수 있다. 일반적으로 사용되는 사전에 정의된 용어들은 관련 기술의 문맥 상 가지는 의미와 동일 또는 유사한 의미를 가지는 것으로 해석될 수 있으며, 본 문서에서 명백하게 정의되지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다. 경우에 따라서, 본 문서에서 정의된 용어일지라도 본 발명의 실시 예들을 배제하도록 해석될 수 없다.
본 발명의 다양한 실시 예들에 따른 전자 장치는, 예를 들면, 전자 장치는 스마트폰 (smartphone), 태블릿 PC (tablet personal computer), 이동 전화기 (mobile phone), 화상 전화기, 전자북 리더기 (e-book reader), 데스크탑 PC (desktop personal computer), 랩탑 PC (laptop personal computer), 넷북 컴퓨터 (netbook computer), 워크스테이션 (workstation), 서버, PDA (personal digital assistant), PMP (portable multimedia player), MP3 플레이어, 모바일 의료기기, 카메라 (camera), 또는 웨어러블 장치 (wearable device)(예: 스마트 안경, 머리 착용형 장치 (head-mounted-device(HMD)), 전자 의복, 전자 팔찌, 전자 목걸이, 전자 앱세서리 (appcessory), 전자 문신, 스마트 미러, 또는 스마트 와치 (smart watch))중 적어도 하나를 포함할 수 있다.
이하, 첨부 도면을 참조하여, 다양한 실시 예에 따른 전자 장치가 설명된다. 본 문서에서, 사용자라는 용어는 전자 장치를 사용하는 사람 또는 전자 장치를 사용하는 장치 (예: 인공지능 전자 장치)를 지칭할 수 있다.
본 발명의 실시 예에서 "화면"은 음악, 동영상, 문서, 전자책, 인터넷, 지도 등의 오브젝트들이 아이콘, 썸네일, 리스트 항목, 메뉴 항목, 텍스트 항목, 링크 항목 등으로 구성된 화면일 수 있다. 또한, 본 발명의 실시 예에서 상기 “화면”은 단일 화면, 복수 개의 화면, 확대된 화면, 축소된 화면 중 하나를 포함하며, 스크롤이 가능한 화면일 수 있다.
그리고 "화면 이동"은 표시 영역에 출력된 화면을 화면 이동 제스처를 통해 상측방향, 하측방향, 좌측방향, 우측방향 또는 대각선방향으로 이동시키는 것을 의미한다. 또한, 상기 “화면 이동”은 상기 화면이 표시 영역보다 큰 형태로 제공되는 경우(예컨대, 화면의 일부 영역을 확대함으로써 표시 영역에 확대된 영역의 화면을 표시하는 경우, 또는 복수 개의 화면 중 하나의 화면을 표시하는 경우), 표시 영역에 표시되고 있는 화면의 일부 영역 외의 영역을 탐색하기 위한 동작일 수 있다. 이때 "화면 이동"은 화면 이동 제스처를 통해 수행될 수 있으며, 상기 화면 이동 제스처는 화면을 스크롤하기 위한 드래그(Drag), 플릭(Flick) 및 스윕(Sweep) 중 하나를 포함할 수 있다.
또한, 본 발명의 실시 예에서 "화면의 경계선"은 표시 영역에 표시되는 화면의 끝을 의미하는 용어로 사용될 수 있다. 또한, 상기 “화면의 경계선”은 상기 표시 영역에 표시된 화면 내에 포함된 오브젝트(예컨대, 스크롤 가능한 리스트)의 경계를 의미할 수 있다.
또한, 본 발명의 실시 예에서 "블랭크(blank) 영역"은 더 이상 표시될 화면이 없는 것을 시각적으로 알려주기 위한 영역을 의미하는 용어로 사용될 수 있다. 다시 말해, 상기 “블랭크 영역”은 오브젝트들이 표시되지 않은 빈 영역을 의미할 수 있다. 또한, 상기 “블랭크 영역”은 표시 영역에 표시되는 화면과 동일한 색상 또는 상이한 색상으로 표시될 수 있다.
또한, 본 발명의 실시 예에서 "시각적 피드백”은 화면의 경계선이 표시 영역의 끝에 도달하는 경우, 상기 화면을 화면 이동 제스처의 방향 및 상기 화면 이동 제스처의 반대 방향으로 적어도 1회 이상 이동하는 용어로 정의할 수 있다.
본 발명의 실시 예에서 상기 “시각적 피드백”은, 화면이 단일 화면인 경우 발생할 수 있다. 또한, 상기 “시각적 피드백”은, 상기 화면이 복수 개의 화면으로 구성된 경우, 첫 번째 화면 또는 마지막 화면에서 발생할 수 있다. 예를 들면, 4 페이지로 구성된 화면에서 상기 “시각적 피드백”은 첫 번째 화면인 1페이지 또는, 마지막 화면인 4페이지에서 발생할 수 있다.
본 발명의 다양한 실시 예에서 전자 장치는 화면이 표시된 상태에서 화면 이동 제스처를 감지하는 경우, 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시킬 수 있다. 상기 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달한 경우, 전자 장치는 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 상기 화면 이동 제스처의 방향으로 이동시킬 수 있다. 상기 화면 이동 제스처가 해제되면, 전자 장치는 상기 제1크기만큼 이동된 화면을 상기 화면 이동 제스처의 반대방향으로 상기 제1크기보다 큰 제2크기만큼 이동시키고, 상기 제2크기만큼 이동된 화면을 상기 화면 이동 제스처의 방향으로 이동시킨 후, 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적인 피드백을 제공할 수 있다.
또한, 본 발명의 다양한 실시 예에서 전자 장치는 화면이 표시된 상태에서 화면 이동 제스처를 감지하는 경우, 상기 화면을 화면 이동 제스처의 방향으로 이동시킬 수 있다. 상기 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달한 경우, 전자 장치는 상기 화면 이동 제스처의 방향으로 이동된 화면을 상기 화면 이동 제스처의 반대방향으로 이동시킬 수 있다. 전자 장치는 상기 화면 이동 제스처의 반대방향으로 이동된 화면을 상기 화면 이동 제스처의 방향으로 이동시킨 후 상기 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적 피드백을 제공할 수 있다.
본 발명의 실시 예에서 상기 화면의 경계선과 표시 영역의 끝이 일치하면 정지시켜 표시하는 동작은, 화면 이동 제스처가 감지되는 방향에 따라 상이할 수 있다. 예컨대, 전자 장치는 하측방향으로의 화면 이동 제스처를 감지하는 경우, 화면의 상측 경계선과 표시 영역의 상측 끝이 일치하면 정지시켜 표시할 수 있다. 또는, 전자 장치는 상측방향으로의 화면 이동 제스처를 감지하는 경우, 화면의 하측 경계선과 표시 영역의 하측 끝이 일치하면 정지시켜 표시할 수 있다. 또는, 전자 장치는 좌측방향으로의 화면 이동 제스처를 감지하는 경우, 화면의 우측 경계선과 표시 영역의 우측 끝이 일치하면 정지시켜 표시할 수 있다. 또는, 전자 장치는 우측방향으로의 화면 이동 제스처를 감지하는 경우, 화면의 좌측 경계선과 표시 영역의 좌측 끝이 일치하면 정지시켜 표시할 수 있다.
도 1은 본 발명의 한 실시 예에 따른 전자 장치의 구성을 도시하는 도면이다.
도 1을 참조하면, 본 발명의 실시 예에 따른 전자 장치는 통신부 110, 저장부 120, 터치스크린 130 및 제어부 140을 포함할 수 있다.
통신부 110은 전자 장치와 외부 전자 장치 간의 통신을 연결할 수 있다. 예를 들면, 상기 통신부 110은 무선 통신 또는 유선 통신을 통해서 네트워크에 연결되어 외부 전자 장치와 통신할 수 있다. 상기 무선 통신은, 예를 들면, Wi-Fi(wireless fidelity), BT(Bluetooth), NFC(Near Field Communication) 등을 포함할 수 있다. 또한, 상기 무선 통신은 cellular 통신(예: LTE, LTE-A, CDMA, WCDMA, UMTS, WIBRO 또는 GSM 등) 중 적어도 하나를 포함할 수 있다. 상기 유선 통신은, 예를 들면, USB(universal serial bus), HDMI(high definition multimedia interface), RS-232(recommended standard 232) 또는 POTS(plain old telephone service) 중 적어도 하나를 포함할 수 있다.
저장부 120은 전자 장치의 동작 프로그램을 저장하는 프로그램 메모리와 프로그램 수행 중에 발생되는 로그 정보, 컨텐츠, 오브젝트 등 데이터를 저장하는 데이터 메모리를 구비할 수 있다.
특히, 본 발명의 실시 예에서 저장부 120은 제어부 140의 제어 하에 화면에 시각적 피드백을 제공하는 경우, 상기 시각적 피드백에 따른 화면의 이동거리를 저장할 수 있다. 또한, 상기 저장부 120은 화면 이동 제스처의 속도에 따른 화면의 이동거리를 매핑하여 저장할 수 있다.
터치스크린 130은 표시부 132와 터치패널 131을 포함하는 일체형으로 구성될 수 있다. 표시부 132는 제어부 140의 제어 하에 전자 장치의 이용에 따른 다양한 화면들을 표시할 수 있다. 상기 표시부 132는 액정 디스플레이(Liquid Crystal Display: LCD), 발광 다이오드 (LED: Light Emitted Diode) 디스플레이, 유기 발광 다이오드 (OLED: Organic Light Emitted Diode) 디스플레이, 또는 마이크로 전자기계 시스템 (microelectromechanical systems (MEMS)) 디스플레이, 또는 전자종이 (electronic paper) 디스플레이를 포함할 수 있다. 또한, 상기 표시부 132는 유연하게(flexible), 투명하게(transparent) 또는 착용할 수 있게(wearable) 구현될 수 있다. 상기 터치패널 131은 손 제스처를 감지하는 손 터치패널과 펜 제스처를 감지하는 펜 터치패널을 포함하는 복합 터치패널을 포함할 수 있다.
특히, 본 발명의 실시 예에서 표시부 132는 제어부 140의 제어 하에 화면을 표시할 수 있다. 상기 터치패널 131은 제어부 140의 제어 하에 화면 이동 제스처를 감지할 수 있다. 표시부 132는 제어부 140의 제어 하에 상기 감지된 화면 이동 제스처에 대응하여 상기 화면 이동 제스처의 방향으로 이동된 화면을 표시할 수 있다. 또한, 표시부 132는 제어부 140의 제어 하에 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되는 경우, 상기 화면의 경계선이 표시 영역의 끝으로부터 상기 화면 이동 제스처의 방향으로 제1크기만큼 이동된 화면을 표시할 수 있다. 표시부 132는 제어부 140의 제어 하에 상기 화면 이동 제스처의 방향으로 제1크기만큼 이동된 화면을 상기 화면 이동 제스처의 반대방향으로 상기 제1크기보다 큰 제2크기만큼 이동시킬 수 있다. 표시부 132는 제어부 140의 제어 하에 상기 화면 이동 제스처의 반대방향으로 제2크기만큼 이동된 화면을 다시 상기 화면 이동 제스처의 방향으로 이동시킨 후, 상기 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적인 피드백을 적용하여 표시할 수 있다.
또한, 표시부 132는 제어부 140의 제어 하에 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되는 경우, 상기 화면 이동 제스처의 방향으로 이동된 화면을 화면 이동 제스처의 반대방향으로 이동시켜 표시할 수 있다. 표시부 132는 제어부 140의 제어 하에 상기 화면 이동 제스처의 반대방향으로 이동된 화면을 상기 화면 이동 제스처의 방향으로 이동시 킨 후, 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적인 피드백을 적용하여 표시할 수 있다.
제어부 140은 전자 장치의 전반적인 동작 및 전자 장치의 내부 구성들 간의 신호 흐름을 제어하고, 데이터 처리를 수행하고, 배터리에서 상기 구성들로의 전원 공급을 제어한다.
특히, 본 발명의 실시 예에서 제어부 140은 화면을 표시하도록 표시부 132를 제어할 수 있다. 상기 화면이 표시된 상태에서 제어부 140은 터치패널 131을 통해 화면을 이동하기 위한 화면 이동 제스처를 감지할 수 있다. 여기서 상기 화면 이동 제스처의 방향은 상하방향, 좌우방향, 대각선방향 중 하나를 포함할 수 있다. 제어부 140은 상기 감지된 화면 이동 제스처에 응답하여 상기 화면 이동 제스처의 방향으로 이동된 화면을 표시할 수 있다. 제어부 140은 상기 화면의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다. 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 화면에 시각적 피드백을 적용하여 표시할 수 있다.
본 발명의 한 실시 예에서 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정하고 상기 화면 이동 제스처가 해제되면, 제어부 140은 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 상기 화면 이동 제스처의 방향으로 이동된 화면을 표시할 수 있다. 제어부 140은 상기 화면 이동 제스처의 방향으로 이동된 화면을 상기 제1크기보다 큰 제2크기만큼 화면 이동 제스처의 반대방향으로 이동시켜 표시할 수 있다. 그리고 제어부 140은 상기 화면 이동 제스처의 반대방향으로 이동된 화면을 다시 화면 이동 제스처의 방향으로 이동시킨 후, 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적 피드백을 적용하여 표시할 수 있다.
또한, 본 발명의 실시 예에서 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 화면을 상기 화면 이동 제스처의 반대방향으로 이동시키고, 다시 상기 화면 이동 제스처의 반대방향으로 이동된 화면을 상기 화면 이동 제스처의 방향으로 이동시킨 후, 상기 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적인 피드백을 적용하여 표시할 수 있다.
제어부 140은 상기 시각적 피드백이 적어도 1회 이상 수행되도록 제어할 수 있다. 제어부 140은 상기 화면을 화면 이동 제스처의 방향 및 화면 이동 제스처의 반대방향으로 이동되는 화면이동거리를 조정할 수 있다. 또한, 제어부 140은 화면이 이동되는 횟수를 기반으로 상기 화면의 이동거리를 조정할 수 있다. 제어부 140은 상기 조정된 화면의 이동거리를 기반으로 상기 화면을 이동한 후, 상기 화면의 경계선과 상기 표시 영역의 끝을 일치시켜 표시할 수 있다.
본 발명의 실시 예에서 제어부 140은 화면 이동 제스처가 감지되면, 상기 화면 이동 제스처의 방향 및 속도를 분석할 수 있다. 제어부 140은 상기 화면 이동 제스처의 속도에 비례하는 상기 화면의 이동거리를 결정할 수 있다. 제어부 140은 상기 결정된 화면의 이동거리를 기반으로 상기 화면에 시각적 피드백을 적용하여 표시할 수 있다.
이 밖에도, 상기 전자 장치는 위치 정보 수신을 위한 GPS(Global Positioning System)모듈, 마이크와 스피커를 구비하는 오디오 처리부, 이미지 또는 동영상 촬영을 위한 카메라 모듈, 방송 수신을 위한 방송 수신 모듈, 하드 키(Hard Key)기반의 입력 지원을 위한 입력부 등의 부가 기능을 갖는 구성 요소들을 선택적으로 더 포함할 수 있으나, 그들에 대한 설명과 도시는 생략한다.
도 2는 본 발명의 한 실시 예에 따른 화면 이동을 제어하는 방법을 도시하는 흐름도이다.
도 2를 참조하면, 제어부 140은 201동작에서 화면을 표시할 수 있다. 여기서 상기 화면은 음악, 동영상, 문서, 전자책, 인터넷, 지도 등의 오브젝트들이 아이콘, 썸네일, 리스트 항목, 메뉴 항목, 텍스트 항목, 링크 항목 등으로 구성된 화면일 수 있다. 상기 화면은 스크롤이 가능한 화면일 수 있다.
상기 화면이 표시된 상태에서 제어부 140은 203동작에서 화면 이동 제스처를 감지할 수 있다. 여기서 상기 화면 이동 제스처는 상기 화면을 스크롤하기 위한 드래그, 플릭, 스윕 등을 포함할 수 있다. 하지만 이에 한정하는 것은 아니다. 이하, 본 발명의 실시 예에서 상기 화면 이동 제스처는 드래그로 가정하여 설명한다.
본 발명의 실시 예에 따라 상기 감지된 화면 이동 제스처는 상기 화면을 상측방향, 하측방향, 좌측방향, 우측방향, 대각선방향 중 하나의 방향으로 이동시키는 제스처를 포함할 수 있다. 그리고 본 발명의 실시 예에서 상기 화면 이동 제스처가 감지되는 방향은 제1방향이며, 상기 화면 이동 제스처가 감지되는 반대방향은 제2방향일 수 있다. 하지만, 이에 한정하는 것은 아니며, 상기 화면 이동 제스처가 감지되는 반대방향은 제1방향, 상기 화면 이동 제스처가 감지되는 방향은 제2방향일 수 있다. 즉, 상기 제1방향과 상기 제2방향은 서로 반대되는 방향일 수 있다.
예를 들면, 제어부 140은 화면을 하측방향으로 이동하는 화면 이동 제스처를 감지하는 경우, 상기 제1방향은 하측방향으로, 상기 제2방향은 상측방향으로 결정할 수 있다. 또한, 제어부 140은 화면을 상측방향으로 이동하는 화면 이동 제스처를 감지하는 경우, 상기 제1방향은 상측방향으로, 상기 제2방향은 하측방향으로 결정할 수 있다. 또한, 상기 제스처가 감지되는 방향은 이에 한정하는 것은 아니며 좌측방향, 우측방향, 대각선방향(예컨대, 좌상측방향, 좌하측방향, 우상측방향, 우하측방향)을 포함할 수 있다.
상기 화면 이동 제스처가 감지되면, 제어부 140은 205동작에서 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시켜 표시할 수 있다. 제어부 140은 207동작에서 상기 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다.
상기 207동작에서 상기 화면의 경계선이 표시 영역의 끝에 도달하지 않은 것으로 결정되면, 제어부 140은 203동작으로 분기하여 화면 이동 제스처를 감지하고, 205동작에서 상기 화면 이동 제스처의 방향으로 상기 화면을 이동시켜 표시할 수 있다.
예컨대, 상기 화면이 복수 개의 화면으로 구성될 때 상기 화면이 루핑(Looping) 기능을 지원하는 경우, 또는 상기 화면이 복수 개의 화면으로 구성될 때 첫 번째 화면 또는 마지막 화면이 아닌 경우, 제어부 140은 상기 화면의 경계선이 표시 영역의 끝에 도달하지 않은 것으로 결정할 수 있다. 하지만 이에 한정하는 것은 아니다. 상기 화면이 루핑 기능을 지원하는 경우, 첫 번째 화면(또는, 마지막 화면)에서 화면 이동 제스처를 감지하는 경우, 제어부 140은 마지막 화면(또는, 첫 번째 화면)으로 이동시켜 표시할 수 있다. 예컨대, 상기 루핑 기능을 지원하는 화면은 아이콘 및 위젯이 표시된 홈 화면일 수 있다.
반면, 상기 207동작에서 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 209동작에서 상기 화면에 시각적 피드백을 적용하여 표시할 수 있다. 다시 말해, 상기 시각적 피드백은 상기 화면이 스윙되는 형태로 이동하는 동작을 의미할 수 있다. 본 발명의 실시 예에서 상기 시각적 피드백은 화면의 경계선이 표시 영역의 끝에 도달하면, 표시 영역의 끝을 기준으로 상기 화면을 상기 화면 이동 제스처의 방향(또는, 상기 화면 이동 제스처의 반대방향) 및 상기 화면 이동 제스처의 반대방향(또는, 상기 화면 이동 제스처의 방향)으로의 이동을 반복 수행하는 것을 의미한다.
본 발명의 한 실시 예에서 화면 이동 제스처가 감지되면, 제어부 140은 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시키며, 상기 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다. 상기 화면의 경계선이 상기 표시 영역의 끝에 도달한 경우, 제어부 140은 계속해서 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시키며 표시 영역에 블랭크 영역을 표시할 수 있다. 여기서 상기 블랭크 영역은 표시되는 화면의 색상과 같은 색상 또는 다른 색상으로 표시될 수 있다. 그리고 화면 이동 제스처가 해제되면, 제어부 140은 상기 화면에 시각적 피드백을 적용하여 표시할 수 있다.
예를 들면, 화면을 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 제어부 140은 상기 화면을 상기 제1방향으로 이동시킬 수 있다. 상기 제1방향으로 이동된 화면의 경계선이 상기 표시 영역의 끝에 도달한 것으로 결정된 경우, 제어부 140은 상기 화면의 경계선을 제1방향으로 상기 표시 영역의 끝으로부터 제1크기만큼 이동시켜 표시할 수 있다. 제어부 140은 화면 이동 제스처가 해제됨을 감지하면, 상기 제1방향으로 이동된 화면을 제2방향으로 상기 제1크기보다 큰 제2크기만큼 이동시킬 수 있다. 상기 화면이 제1크기보다 큰 제2크기만큼 이동함에 따라 상기 화면의 경계선은 상기 표시 영역의 끝을 통과하여 이동될 수 있다. 제어부 140은 상기 제2방향으로 이동된 화면을 다시 제1방향으로 이동시킨 후, 화면의 경계선과 표시 영역의 끝이 일치하면 정지시켜 표시하는 시각적인 피드백을 제공할 수 있다.
본 발명의 한 실시 예에서, 제어부 140은 화면이 표시된 상태에서 화면 이동 제스처를 감지할 수 있다. 상기 화면 이동 제스처에 대응하여 제어부 140은 상기 화면을 상기 화면 이동 제스처의 방향으로 제1크기만큼 이동할 수 있다. 이때 상기 화면 이동 제스처의 반대 방향의 화면 영역은 상기 제1크기만큼 잘린 상태로 표시될 수 있다. 또한, 이는 상기 화면 이동 제스처의 방향의 화면 영역은 제1크기만큼 숨겨진 것을 의미할 수 있다.
그리고 상기 화면 이동 제스처가 해제되거나 또는 상기 화면의 경계선이 상기 표시 영역의 끝에 도달한 것으로 결정되면 제어부 140은 바운싱을 포함하는 시각적 피드백을 상기 화면에 적용하여 표시할 수 있다. 다시 말해, 상기 화면 이동 제스처의 방향으로 제1크기만큼 이동된 화면은 상기 화면 이동 제스처의 반대방향으로 제2크기만큼 이동할 수 있다. 이때 상기 화면 이동 제스처의 방향의 화면 영역은 상기 제2크기만큼 잘린 상태로 표시될 수 있다. 또한, 이는 상기 화면 이동 제스처의 반대방향의 화면 영역은 제2크기만큼 숨겨진 것을 의미할 수 있다. 여기서 상기 제1크기는 상기 제2크기보다 클 수 있다.
예를 들면, 본 발명의 실시 예에서 화면 이동 제스처에 따른 제1방향으로 이동되는 화면이동거리를 1로 가정하여 설명한다. 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 제1방향으로 이동된 화면을 제2 방향으로 이동시킬 때의 화면이동거리를 1+1/2로 결정할 수 있다. 제어부 140은 제2방향으로 이동한 화면을 튕기듯이 제1방향(즉, 제2방향과 반대방향)으로 이동시킨 후, 상기 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시할 수 있다. 본 발명의 실시 예에서 상기 시각적 피드백은 적어도 1회 이상 수행될 수 있다. 이에 대한 상세한 설명은 도 3 내지 도 5를 참조하여 후술하기로 한다.
또한, 본 발명의 한 실시 예에 따른 상기 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 제어부 140은 상기 화면을 제1방향으로 이동시켜 표시할 수 있다. 상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달한 경우, 제어부 140은 상기 제1방향으로 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 이동시킬 수 있다. 제어부 140은 상기 제2방향으로 이동된 화면을 다시 상기 제1방향으로 이동시킨 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적 피드백을 제공할 수 있다. 본 발명의 실시 예에서 상기 시각적 피드백은 적어도 1회 이상 수행될 수 있다.
또한, 상기 시각적 피드백은 상기 화면 이동 제스처가 감지된 상태에서 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정됨과 동시에 발생되거나 또는, 상기 화면 이동 제스처가 감지된 상태에서 상기 화면의 경계선이 표시 영역의 끝에 도달하고 기 설정된 시간(예컨대, 3초)이 지난 후에 발생될 수 있다. 또는, 상기 시각적 피드백은 상기 화면의 경계선이 표시 영역의 끝에 도달하고 상기 화면 이동 제스처가 해제(release)됨과 동시에 발생될 수 있다. 이에 대한 상세한 설명은 도 6a 내지 도 8c를 참조하여 후술하기로 한다.
본 발명의 한 실시 예에서 상기 화면에 시각적 피드백(예컨대, 화면을 제1방향(또는, 제2방향) 및 제2방향(또는, 제1방향)으로의 이동)이 적용됨에 따라 화면이 이동되는 거리는 사용자에 의해 또는 전자 장치 내에 기 설정되어 있을 수 있다. 본 발명의 실시 예에서 상기 화면이 이동되는 거리(이하, 화면이동거리)는 상기 화면의 경계선과 표시 영역의 끝 사이의 거리를 의미할 수 있다. 또한, 시간이 경과할수록 화면이 이동되는 속도는 점점 빨라지거나 또는 점점 느려질 수 있다. 하지만 이에 한정하는 것은 아니며 상기 화면에 시각적 피드백이 제공되는 횟수, 화면이동거리 및 화면이 이동하는 속도는 후술하는 화면 이동 제스처의 속도에 비례하여 설정될 수 있다. 이에 대한 상세한 설명은 하기 도 9 내지 도 11b를 참조하여 후술하기로 한다.
도 3 내지 도 5는 본 발명의 한 실시 예에 따른 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
이하, 도 3 내지 도 5에서 상기 화면은 이미지이며, 상기 이미지는 단일 이미지인 것으로 가정하여 설명한다. 상기 도 3 내지 도 5에서 제어부 140은 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 이미지를 상기 제1방향으로 이동시켜 표시할 수 있다. 상기 제1방향으로 이동된 이미지의 경계선이 표시 영역의 끝에 도달하고, 상기 화면 이동 제스처가 해지되면, 제어부 140은 상기 이미지의 경계선을 제1방향으로 상기 표시 영역의 끝으로부터 제1크기만큼 이동시키고, 상기 제1방향으로 이동된 화면을 제2방향 및 제1방향으로 이동시키는 시각적 피드백을 적용하여 표시할 수 있다.
도 3 내지 도 5를 참조하면, 도 3은 하측방향으로의 드래그를 통해 이미지 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 3의 301 에서 315는 표시 영역이며, 313은 상기 표시 영역 315의 끝을 의미할 수 있다. 본 발명의 실시 예에서 상기 표시 영역의 끝 313은 화면이동거리를 측정하는 기준이 될 수 있다. 제어부 140은 화면의 경계선이 상기 표시 영역의 끝에 도달하는 경우, 상기 이미지를 상기 표시 영역의 끝 313을 기준으로 상하방향으로 이동하는 시각적 피드백을 적용하여 표시할 수 있다.
구체적으로, 도 3의 301에 도시된 바와 같이 제어부 140은 이미지가 표시된 상태에서 하측방향으로의 드래그 319를 감지할 수 있다. 상기 하측방향으로의 드래그 319를 감지하면, 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝 313에 도달하였는지 여부를 결정할 수 있다. 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝 313에 도달한 것으로 결정되면, 303에 도시된 바와 같이 상기 이미지를 상기 하측방향으로의 드래그 319의 방향인 하측방향으로 323a 크기만큼 이동시켜 표시할 수 있다. 이때 표시 영역에는 323a 크기의 블랭크 영역 321과 상기 이미지의 하측부분이 323a만큼 잘려진 상태의 이미지가 표시될 수 있다. 상술한 바와 같이 상기 블랭크 영역은 더 이상 표시될 영역 및/또는 화면이 없는 것을 시각적으로 알려주기 위한 영역이다.
303에서 상기 하측방향으로의 드래그 319가 해제됨을 감지하면, 제어부 140은 상기 하측방향으로 323a 크기만큼 이동된 이미지를 튕기듯이 반대방향인 상측방향으로 이동시키며, 305에 도시된 바와 같이 표시 영역의 끝 313을 통과하여 307에 도시된 바와 같이 323a+323b 크기만큼 이동된 이미지를 표시할 수 있다. 이때, 표시 영역 315에는 323b 크기의 블랭크 영역과 상기 이미지의 상측부분이 323b 크기만큼 잘려진 상태의 이미지가 표시될 수 있다. 그리고 제어부 140은 상기 상측방향으로 323a+323b 크기만큼 이동된 이미지를 튕기듯이 다시 반대방향인 하측방향으로 이동시키며, 표시 영역의 끝 313을 통과하여, 309에 도시된 바와 같이 323b+323c 크기만큼 이동된 이미지를 표시할 수 있다. 이때, 표시 영역 315에는 323c 크기의 블랭크 영역과 상기 이미지의 하측부분이 323c 크기만큼 잘린 상태의 이미지가 표시될 수 있다. 그리고 제어부 140은 상기 323b+323c 크기만큼 하측방향으로 이동된 이미지를 튕기듯이 다시 반대방향인 상측방향으로 이동시킨 후, 311에 도시된 바와 같이 이미지의 경계선이 표시 영역의 끝 315가 일치하면 정지시켜 표시할 수 있다. 상술한 바와 같이 상기 이미지가 상하방향으로의 이동되는 시각적 피드백의 횟수는 적어도 1회 이상 수행될 수 있다.
본 발명의 실시 예에서 상기 이미지는 첫 번째 이동 시에는 323a 크기만큼 이동하고, 두 번째 이동 시에는 323a+323b 크기만큼 이동하고, 세 번째 이동 시에는 323b+323c 크기만큼 이동할 수 있다. (예컨대, 323a>323b>323c) 다시 말해, 이미지에 시각적 피드백이 적용되어 두 번째 이동 시에는 상기 첫 번째 이동 시보다 많이 이동하여 표시 영역의 끝을 통과할 수 있다. 마찬가지로 세 번째 이동 시에는 상기 두 번째 이동 시보다 많이 이동하여 표시 영역의 끝을 통과할 수 있다.
이때 상기 블랭크 영역이 표시되는 크기는 303, 307 및 309에 도시된 바와 같이 첫 번째 이동 시에는 323a 크기만큼 표시되고, 두 번째 이동 시에는 첫 번째 이동 시에 표시된 크기 323a보다 적게 323b 크기만큼 표시되고, 세 번째 이동 시에는 두 번째 이동 시에 표시된 크기 323b보다 적게 323c 크기만큼 표시될 수 있다.
이와 같이, 제어부 140은 상기 이미지의 시각적 피드백 횟수가 증가할수록 표시 영역에 표시되는 블랭크 영역의 크기가 점점 짧아지도록 이미지의 이동거리를 설정할 수 있다. 그리고 상기 이미지의 이동거리는 사용자가 설정할 수도 있고, 전자 장치 내에 이미 기 설정되어 있을 수 있다. 하지만 이에 한정하는 것은 아니다. 또한, 본 발명의 실시 예에서 상기 시각적 피드백의 속도는 점점 빨라지거나, 또는 점점 느려지도록 설정할 수 있다.
상기 도 4는 좌측방향으로의 드래그를 통해 이미지 이동을 제어하는 방법을 설명하기 위한 도면이다.
상기 도 4의 401에서 315는 표시 영역 315이며, 313은 상기 표시 영역 315의 끝을 의미할 수 있다. 본 발명의 실시 예에서 상기 표시 영역의 끝 313은 화면이동거리를 측정하는 기준이 될 수 있다. 제어부 140은 화면의 경계선이 상기 표시 영역의 끝에 도달하는 경우, 상기 이미지를 상기 표시 영역의 끝 313을 기준으로 좌우방향으로 이동하는 시각적 피드백을 적용하여 표시할 수 있다.
구체적으로, 도 4의 401에 도시된 바와 같이 제어부 140은 이미지가 표시된 상태에서 좌측방향으로의 드래그 413을 감지할 수 있다. 상기 좌측방향으로의 드래그 413을 감지하면, 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝 313에 도달하였는지 여부를 결정할 수 있다. 상기 이미지의 경계선이 표시 영역의 끝 313에 도달한 것으로 결정되면, 제어부 140은 403에 도시된 바와 같이 상기 이미지를 상기 좌측방향으로의 드래그 413의 방향인 좌측방향으로 417a 크기만큼 이동시켜 표시할 수 있다. 이때, 표시 영역에는 417a 크기의 블랭크 영역 415와 상기 이미지의 좌측부분이 417a만큼 잘려진 상태의 이미지가 표시될 수 있다. 403에서 상기 좌측방향으로의 드래그 413이 해제됨을 감지하면, 제어부 140은 상기 좌측방향으로 417a 크기만큼 이동된 이미지를 튕기듯이 반대방향인 우측방향으로 이동시키며, 405에 도시된 바와 같이 표시 영역의 끝 313을 통과하여 407에 도시된 바와 같이 417a+417b 크기만큼 이동된 이미지를 표시할 수 있다. 이때 표시 영역 315에는 417b 크기의 블랭크 영역과 상기 이미지의 우측부분이 417b 크기만큼 잘려진 상태의 이미지가 표시될 수 있다. 그리고 제어부 140은 상기 우측방향으로 417a+417b 크기만큼 이동된 이미지를 튕기듯이 다시 반대방향인 좌측방향으로 이동시키며, 표시 영역의 끝 313을 통과하여, 409에 도시된 바와 같이 417b+417c 크기만큼 이동된 이미지를 표시할 수 있다. 이때, 표시 영역 315에는 417c 크기의 블랭크 영역과 상기 이미지의 좌측부분이 417c 크기만큼 잘려진 상태의 이미지가 표시될 수 있다. 그리고 제어부 140은 상기 417b+417c 크기만큼 좌측방향으로 이동된 이미지를 튕기듯이 다시 반대방향인 우측방향으로 이동시킨 후, 411에 도시된 바 같이 이미지의 경계선이 표시 영역의 끝 315가 일치하면 정지시켜 표시할 수 있다. 상술한 바와 같이 상기 이미지가 좌우방향으로 이동되는 시각적 피드백의 횟수는 적어도 1회 이상 수행될 수 있다.
이때 상기 블랭크 영역이 표시되는 크기는 403, 407 및 409에 도시된 바와 같이 첫 번째 이동 시에는 417a 크기만큼 표시되고, 두 번째 이동 시에는 첫 번째 이동 시에 표시된 크기 417a보다 적게 417b 크기만큼 표시되고, 세 번째 이동 시에는 두 번째 이동 시에 표시된 크기 417b보다 적게 417c 크기만큼 표시될 수 있다. 이와 같이, 제어부 140은 상기 이미지의 시각적 피드백 횟수가 증가할수록 표시 영역에 표시되는 블랭크 영역의 크기가 점점 짧아지도록 이미지의 이동거리를 설정할 수 있다. 또한, 본 발명의 실시 예에서 상기 시각적 피드백의 속도는 점점 빨라지거나, 또는 점점 느려지도록 설정할 수 있다.
상기 도 5는 좌측상단 대각선방향으로의 드래그를 통해 이미지 이동을 제어하는 방법을 설명하기 위한 도면이다.
상기 도 5의 501 에서 315는 표시 영역, 313은 상기 표시 영역 315의 끝을 의미할 수 있다. 본 발명의 실시 예에서 상기 표시 영역의 끝 313은 화면이동거리를 측정하는 기준이 될 수 있다. 제어부 140은 화면의 경계선이 상기 표시 영역의 끝에 도달하는 경우, 상기 이미지를 표시 영역의 끝 313을 기준으로 좌측상단 및 우측하단방향으로 이동하는 시각적 피드백을 적용하여 표시할 수 있다.
구체적으로, 도 5의 501에 도시된 바와 같이 제어부 140은 이미지가 표시된 상태에서 좌측상단 대각선방향으로의 드래그 515를 감지할 수 있다. 상기 좌측상단 대각선방향으로의 드래그 515를 감지하면, 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝 313에 도달하였는지 여부를 결정할 수 있다. 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝 313에 도달한 것으로 결정한 경우, 503에 도시된 바와 같이 상기 이미지를 상기 좌측상단 대각선방향으로의 드래그 515의 방향인 좌측상단 대각선방향으로 519a 크기만큼 이동시켜 표시할 수 있다. 이때, 표시 영역에는 모서리를 기준으로 519a 크기의 블랭크 영역 517과 상기 이미지의 좌측상단의 일부 잘려진 상태의 이미지가 표시될 수 있다.
상기 503에서 상기 좌측상단 대각선방향으로의 드래그 515가 해제됨을 감지하면, 제어부 140은 상기 좌측상단 대각선방향으로 이동된 이미지를 튕기듯이 반대방향인 우측하단 대각선방향으로 이동시키며, 505에 도시된 바와 같이 표시 영역의 끝 313을 통과시키며, 507에 도시된 바와 같이 519a+519b 크기만큼 이동된 이미지를 표시할 수 있다. 이때 표시 영역 315에는 좌측상단 영역에 모서리를 기준으로 519b 크기의 블랭크 영역과 상기 이미지의 우측하단부분이 519b 크기만큼 잘려진 상태의 이미지가 표시될 수 있다. 그리고 제어부 140은 우측하단 대각선방향으로 519a+519b 크기만큼 이동된 이미지를 튕기듯이 다시 반대방향인 좌측상단 대각선방향으로 이동시키며, 표시 영역의 끝 313을 통과하여, 509에 도시된 바와 같이 519b+519c 크기만큼 이동된 이미지를 표시할 수 있다. 이때, 표시 영역 315에는 우측하단 영역에 모서리를 기준으로 519c 크기의 블랭크 영역과 상기 이미지의 좌측상단부분이 519c 크기만큼 잘려진 상태의 이미지가 표시될 수 있다. 그리고 제어부 140은 상기 좌측상단 대각선방향으로 519b+519c 크기만큼 이동된 이미지를 튕기듯이 다시 반대방향인 우측하단방향으로 이동시킨 후, 511에 도시된 바와 같이 이미지의 경계선이 표시 영역의 끝 315가 일치하면 정지시켜 표시할 수 있다. 여기서 상기 이미지가 좌측상단 대각선방향 및 우측하단 대각선방향으로 이동되는 시각적 피드백의 횟수는 적어도 1회 이상 수행될 수 있다.
이때 상기 블랭크 영역이 표시되는 크기는 503, 507 및 509에 도시된 바와 같이 첫 번째 이동 시에는 519a 크기만큼 표시되고, 두 번째 이동 시에는 첫 번째 이동 시에 표시된 크기 519a보다 적게 519b 크기만큼 표시되고, 세 번째 이동 시에는 두 번째 이동 시에 표시된 크기 519b보다 적게 519c 크기만큼 표시될 수 있다. 이와 같이, 제어부 140은 상기 이미지의 시각적 피드백 횟수가 증가할수록 표시 영역에 표시되는 블랭크 영역의 크기가 점점 짧아지도록 이미지의 이동거리를 설정할 수 있다. 또한, 본 발명의 실시 예에서 상기 시각적 피드백의 속도는 점점 빨라지거나, 또는 점점 느려지도록 설정할 수 있다.
도 6a 내지 도 8c는 본 발명의 한 실시 예에 따른 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
이하, 상기 도 6a 내지 도 8c에서 상기 화면은 이미지이며, 상기 이미지는 상기 이미지의 일부 영역을 확대하여 표시한 상태로 가정하여 설명한다. 상기 도 6a 내지 도 8c에서 제어부 140은 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 이미지를 제1방향으로 이동시켜 표시할 수 있다. 상기 제1방향으로 이동된 이미지 경계선이 표시 영역의 끝에 도달하면, 제어부 140은 상기 이미지를 제2방향 및 제1방향으로 이동시키는 시각적 피드백을 적용하여 표시할 수 있다.
본 발명의 실시 예에서 상기 시각적 피드백은, 화면 이동 제스처가 해제되지 않고 계속 감지되는 중에 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정됨과 동시에 발생되거나, 또는 상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정되고 기 설정된 시간(예컨대, 3초)이 지난 후에 발생될 수 있다. 또는, 상기 시각적 피드백은, 상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정되고 화면 이동 제스처가 해제됨과 동시에 발생될 수 있다.
도 6a 내지 도 8c를 참조하면, 도 6a 내지 도 6c는 하측방향으로의 드래그를 통해 이미지 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 6a의 601에 도시된 바와 같이 표시 영역의 끝은 상측 끝 611a, 좌측 끝 611b, 하측 끝 611c 및 우측 끝 611d를 포함할 수 있으며, 화면의 경계선은 상측 경계선 613a, 좌측 경계선 613b, 하측 경계선 613c 및 우측 경계선 613d를 포함할 수 있다.
도 6a의 601에 도시된 바와 같이 제어부 140은 이미지가 표시된 상태에서 하측방향으로의 드래그 631을 감지할 수 있다. 상기 하측방향으로의 드래그 631을 감지하면, 제어부 140은 상기 이미지를 603에 도시된 바와 같이 상기 하측방향으로 이동시키며, 605에 도시된 바와 같이 상기 이미지의 상측 경계선 613a와 표시 영역의 상측 끝 611a가 일치되게 표시할 수 있다. 그리고 제어부 140은 이미지의 경계선이 화면의 끝에 도달하였는지 여부를 결정할 수 있다.
상기 605에서 감지된 하측방향으로의 드래그 631에 대응하여 상기 이미지가 이동되지 않는 경우, 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정할 수 있다.
상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 이미지를 도 6b의 607에 도시된 바와 같이 상측방향으로 튕기듯이 이동시킬 수 있다. 제어부 140은 상기 상측방향으로 이동된 이미지를 도 6b의 609에 도시된 바와 같이 다시 하측방향으로 이동시킨 후, 이미지의 상측 경계선 613a가 표시 영역의 상측 끝 611a와 일치하면 정지시켜 표시할 수 있다. 제어부 140은 상기 이미지에 상측방향 및 하측방향으로 이동하는 시각적 피드백을 적어도 1회 이상 제공할 수 있다.
예를 들면, 본 발명의 한 실시 예에서 상기 도 6b의 609에서 상기 이미지의 시각적 피드백은 계속 수행되거나 또는 수행되지 않을 수 있다. 예를 들면, 시각적 피드백이 계속 수행되는 경우, 상기 도 6b의 609에 도시된 바와 같이 이미지의 상측 경계선 613a와 표시 영역의 상측 끝 611a가 일치된 상태에서 제어부 140은 도 6c의 651에 도시된 바와 같이, 상기 이미지를 다시 상측방향으로 이동시킨 후 블랭크 영역 661을 표시하고, 도 6c의 653에 도시된 바와 같이 다시 이미지의 상측 경계선 613a가 표시 영역의 상측 끝 611a와 일치하면 정지시켜 표시할 수 있다.
제어부 140은 상기 이미지의 이동거리가 시간이 경과할수록 점점 짧아지도록 설정할 수 있다. 또한, 제어부 140은 상기 이미지에 적용된 시각적 피드백의 속도가 점점 빨라지거나, 또는 점점 느려지도록 설정할 수 있다.
도 7a 및 도 7b는 좌측방향으로의 드래그를 통해 이미지 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 7a의 701에 도시된 바와 같이 제어부 140은 이미지가 표시된 상태에서 우측방향으로의 드래그 711을 감지할 수 있다. 상기 우측방향으로의 드래그 711을 감지하면, 제어부 140은 상기 이미지를 703에 도시된 바와 같이 상기 우측방향으로 이동시키며, 705에 도시된 바와 같이 상기 이미지의 좌측 경계선 613b와 표시 영역의 좌측 끝 611b가 일치되게 표시할 수 있다. 그리고 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다.
상기 705에서 감지된 우측방향으로의 드래그 711에 대응하여 상기 이미지가 이동되지 않는 경우, 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정할 수 있다.
상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 이미지를 707에 도시된 바와 같이 좌측방향으로 튕기듯이 이동시킬 수 있다. 제어부 140은 상기 좌측방향으로 이동된 이미지를 709에 도시된 바와 같이 다시 우측방향으로 이동시킨 후, 이미지의 좌측 경계선 613b가 표시 영역의 좌측 끝 611b와 일치하면 정지시켜 표시할 수 있다. 제어부 140은 상기 이미지에 좌측방향 및 우측방향으로 이동하는 시각적 피드백을 적어도 1회 이상 제공할 수 있다.
예를 들면, 본 발명의 한 실시 예에서 상기 709에서 시각적 피드백은 계속 수행되거나 또는 수행되지 않을 수 있다. 예를 들면, 시각적 피드백이 계속 수행되는 경우, 상기 709에 도시된 바와 같이 이미지의 좌측 경계선 613b와 표시 영역의 좌측 끝 611b가 일치된 상태에서 제어부 140은 도 7b의 721에 도시된 바와 같이, 상기 이미지를 다시 우측방향으로 이동시킨 후 블랭크 영역 731을 표시하고 723에 도시된 바와 같이 다시 이미지의 좌측 경계선 613b가 표시 영역의 좌측 끝 611b와 일치하면 정지시켜 표시할 수 있다.
도 8a 내지 도 8c는 우측하단방향으로의 드래그를 통해 이미지 이동을 제어하는 방법을 설명하기 위한 도면이다.
도 8a의 801에 도시된 바와 같이 제어부 140은 이미지가 표시된 상태에서 우측하단방향으로의 드래그 811을 감지할 수 있다. 상기 우측하단방향으로의 드래그 811을 감지하면, 제어부 140은 상기 이미지를 803에 도시된 바와 같이 상기 우측하단방향으로 이동시키며, 805에 도시된 바와 같이 상기 이미지의 상측 경계선 613a와 표시 영역의 상측 끝 611a 및 상기 이미지의 좌측 경계선 613b와 표시 영역의 좌측 끝 611b가 일치되게 표시할 수 있다. 그리고 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다.
상기 805에서 감지된 우측하단방향으로의 드래그 811에 대응하여 상기 이미지가 이동되지 않는 경우, 제어부 140은 상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정할 수 있다. 상기 이미지의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 이미지를 도 8b의 807에 도시된 바와 같이 좌측상단방향으로 튕기듯이 이동시킬 수 있다. 제어부 140은 상기 좌측하단방향으로 이동된 이미지를 809에 도시된 바와 같이 다시 우측하단방향으로 이동시킨 후, 이미지의 상측 경계선 613a와 표시 영역의 상측 끝 611a 및 이미지의 좌측 경계선 613b와 표시 영역의 좌측 끝 611b가 일치하면 정지시켜 표시할 수 있다. 제어부 140은 상기 이미지에 좌측상단방향 및 우측하단방향으로 이동하는 시각적 피드백을 적어도 1회 이상 제공할 수 있다.
예를 들면, 본 발명의 한 실시 예에서 상기 809에서 시각적 피드백은 계속 수행되거나 또는 수행되지 않을 수 있다. 예를 들면, 상기 시각적 피드백이 계속 수행되는 경우, 상기 도 8b의 809에 도시된 바와 같이 이미지의 상측 경계선 613a와 표시 영역의 상측 끝 611a가 일치된 상태에서 제어부 140은 도 8c의 821에 도시된 바와 같이, 상기 이미지를 다시 우측하단방향으로 이동시킨 후 블랭크 영역 831을 표시하고 823에 도시된 바와 같이 다시 이미지의 상측 엣지 613a가 표시 영역의 상측 끝 611a와 일치 및 이미지의 좌측 엣지 613b가 표시 영역의 좌측 끝 611b와 일치하면 정지시켜 표시할 수 있다.
도 9는 본 발명의 한 실시 예에 따른 제스처의 방향 및 속도에 기반하여 화면 이동을 제어하는 방법을 도시하는 흐름도이다.
도 9를 참조하면, 제어부 140은 901동작에서 화면을 표시할 수 있다. 여기서 상기 화면은 음악, 동영상, 문서, 전자책, 인터넷, 지도 등의 오브젝트들이 아이콘, 썸네일, 리스트 항목, 메뉴 항목, 텍스트 항목, 링크 항목 등으로 구성된 화면일 수 있다. 또한, 상기 화면은 스크롤이 가능한 화면일 수 있다.
상기 화면이 표시된 상태에서 제어부 140는 903동작에서 화면 이동 제스처를 감지할 수 있다. 여기서 상기 화면 이동 제스처는 상기 화면을 스크롤하기 위한 드래그, 플릭, 스윕 등을 포함할 수 있다. 이하, 본 발명의 실시 예에서 상기 화면 이동 제스처는 드래그로 가정하여 설명한다. 본 발명의 실시 예에 따라 상기 화면 이동 제스처의 방향으로 화면이 이동되는 동작을 설명하면, 제어부140은 상기 화면 이동 제스처가 감지됨에 따라 상기 화면을 상측방향, 하측방향, 좌측방향, 우측방향, 대각선방향 중 하나의 방향으로 이동시킬 수 있다. 그리고 본 발명의 실시 예에서 상기 화면 이동 제스처가 감지되는 방향은 제1방향이며, 상기 화면 이동 제스처가 감지되는 반대방향은 제2방향으로 가정하여 설명한다.
제어부 140은 905동작에서 상기 화면 이동 제스처의 방향 및 속도를 분석할 수 있다. 이는, 후술하는 시각적 피드백이 적용된 화면을 표시하는 경우 상기 시각적 피드백에 따른 화면이동거리를 결정하기 위한 동작일 수 있다. 또한, 본 발명의 실시 예에서 상기 화면이동거리는 표시 영역의 끝과 화면의 경계선 간의 거리를 의미할 수 있다.
예를 들면, 화면 이동 제스처의 방향 및 속도를 분석한 결과, 빠른 것으로 결정되면, 제어부 140은 상기 빠른 속도에 비례하게 화면이 이동되는 거리를 크게 설정하고, 화면을 빠르게 상기 화면 이동 제스처의 방향으로 이동시킬 수 있다. 또는, 상기 화면 이동 제스처의 방향 및 속도를 분석한 결과, 느린 것으로 결정되면, 제어부 140은 상기 느린 속도에 비례하게 화면이 이동되는 거리를 작게 설정하고, 화면을 느리게 상기 화면 이동 제스처의 방향으로 이동시킬 수 있다.
상기 화면 이동 제스처가 감지되면, 제어부 140은 906동작에서 상기 분석된 속도에 기반하여 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시켜 표시할 수 있다. 제어부 140은 907동작에서 상기 화면의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다.
상기 화면의 경계선이 표시 영역의 끝에 도달하지 않은 경우, 제어부 140은 903동작으로 분기하여 화면 이동 제스처를 감지할 수 있다.
예컨대, 상기 화면이 복수 개의 화면으로 구성될 때 첫 번째 화면 또는 마지막 화면이 루핑(Looping) 기능을 지원하는 경우, 또는 상기 화면이 복수 개의 화면으로 구성될 때 첫 번째 화면 또는 마지막 화면이 아닌 경우, 제어부 140은 상기 화면의 경계선이 표시 영역의 끝에 도달하지 않은 것으로 결정할 수 있다. 상기 루핑 기능은, 첫 번째 화면(또는, 마지막 화면)이 표시된 상태에서 화면 이동 제스처 감지 시, 제어부 140은 마지막 화면(또는, 첫 번째 화면)으로 이동하는 것을 의미한다.
상기 도 9의 907동작은 도 2의 205동작과 동일하므로, 상세한 설명은 생략하기로 한다.
반면, 상기 화면의 경계선이 표시 영역의 끝에 도달한 경우, 제어부 140은 909동작에서 상기 화면에 시각적 피드백을 적용하여 표시할 수 있다. 본 발명의 실시 예에서 상기 시각적 피드백은 상기 화면이 스윙되는 형태로 이동하는 동작을 의미할 수 있다. 상기 시각적 피드백은 화면의 경계선이 표시 영역의 끝에 도달하는 경우, 상기 화면을 상기 화면 이동 제스처의 방향(또는, 상기 화면 이동 제스처의 반대방향) 및 상기 화면 이동 제스처의 반대방향(또는, 상기 화면 이동 제스처의 방향)으로의 이동을 반복 수행(예컨대, 1회 이상)하는 것을 의미한다.
본 발명의 한 실시 예에서 화면 이동 제스처가 감지되면, 제어부 140은 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시키며, 상기 화면 이동 제스처의 방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다. 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 계속해서 상기 화면을 상기 화면 이동 제스처의 방향으로 이동시키며, 표시 영역에 블랭크 영역을 표시할 수 있다. 그리고 화면 이동 제스처가 해제되면, 제어부 140은 상기 화면에 시각적 피드백을 적용하여 표시할 수 있다.
상세하게, 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되면, 제어부 140은 상기 화면의 경계선을 상기 표시 영역의 끝으로부터 상기 화면 이동 제스처의 방향 및 속도를 기반으로 결정된 제1크기만큼 제1방향으로 이동시켜 표시할 수 있다. 상기 화면 이동 제스처가 해제됨을 감지하면, 제어부 140은 상기 제1방향으로 이동된 화면을 제2방향으로 상기 화면 이동 제스처의 방향 및 속도를 기반으로 결정된 제2크기만큼 이동시켜 표시할 수 있다. 이때 상기 제2크기는 상기 제1크기보다 클 수 있다. 그리고 제어부 140은 상기 제2방향으로 이동된 화면을 다시 상기 제1방향으로 이동시킨 후, 화면의 경계선과 표시 영역의 끝이 일치하면 정지시켜 표시하는 시각적 피드백을 제공할 수 있다.
또한, 본 발명의 한 실시 예에 따른 화면이 표시된 상태에서 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 제어부 140은 상기 화면을 제1방향으로 이동시켜 표시할 수 있다. 상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하면, 제어부 140은 상기 제1방향으로 이동된 화면을 상기 화면 이동 제스처의 속도를 기반으로 결정된 이동거리만큼 상기 제1방향과 반대방향인 제2방향으로 이동시킬 수 있다. 제어부 140은 상기 제2방향으로 이동된 화면을 다시 상기 제1방향으로 이동시킨 후, 상기 화면의 경계선이 표시 영역의 끝과 일치하면 정지시켜 표시하는 시각적 피드백을 제공할 수 있다. 상기 시각적인 피드백은 적어도 1회 이상 수행될 수 있다.
본 발명의 한 실시 예에서 상기 시각적 피드백은 상기 화면 이동 제스처가 계속 감지되는 상태에서 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정됨과 동시에 발생되거나, 또는 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되고 기 설정된 시간(예컨대, 3초)이 지난 후에 발생될 수 있다. 또는, 상기 시각적 피드백은 상기 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정되고 상기 화면 이동 제스처가 해제(release)됨과 동시에 발생될 수 있다.
본 발명의 실시 예에서 상기 시각적 피드백의 속도는 시간이 경과할수록 점점 빠르거나 또는 느리게 설정될 수 있다. 예컨대, 상기 화면 이동 제스처의 속도가 빠른 것으로 결정하는 경우, 제어부 140은 큰 범위의 시각적 피드백이 적용된 화면을 빠르게 이동시킬 수 있다. 또는, 상기 화면 이동 제스처의 속도가 느린 것으로 결정하는 경우, 제어부 140은 작은 범위의 시각적 피드백이 적용된 화면을 느리게 이동시켜 표시할 수 있다.
본 발명의 실시 예에서 상기 시각적 피드백이 1회 이상 수행되는 경우, 제어부 140은 상기 화면 이동 제스처의 속도를 조정하여 화면이동거리를 재설정할 수 있다. 상기 화면 이동 제스처의 속도 및 화면이동거리를 조정하고, 제어부 140은 화면에 상기 조정된 속도 및 화면이동거리에 따른 시각적 피드백을 적용하여 표시할 수 있다.
도 10a 및 도 10b는 본 발명의 한 실시 예에 따른 제스처의 방향 및 속도에 기반하여 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
상기 도 10a 및 10b는 화면 이동 제스처가 감지되고, 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정된 경우, 상기 화면 이동 제스처의 속도를 기반으로 상기 화면에 시각적 피드백을 적용하여 표시하는 방법을 설명하기 위한 도면이다.
도 10a 및 도 10b를 참조하면, 상기 도 10a 및 10b는 사진 어플리케이션을 실행한 화면으로 복수의 이미지가 썸네일 형태로 표시된 화면이다. 본 발명의 실시 예에서 상기 복수의 이미지가 썸네일 형태로 표시된 화면에서 상기 화면의 경계선(예컨대, 첫 번째 화면의 경계선, 또는 마지막 화면의 경계선)이 표시 영역의 끝에 도달하면 시각적 피드백이 발생할 수 있다. 또한, 상기 화면은 표시 영역의 크기보다 큰 형태로 제공되는 화면 즉, 복수의 화면들로 구성되어 표시 영역에 상기 화면의 일부 영역을 표시하는 경우로 가정하여 설명한다. 이에 따라 화면 이동 제스처가 감지되는 경우, 제어부 140은 상기 화면 이동 제스처의 대응하여 화면 이동(즉, 화면의 경계선이 표시 영역의 끝에 도달하지 않은 경우)으로, 표시 영역에 상기 화면의 숨겨진 영역을 표시할 수 있다.
도 10a의 1001에 도시된 바와 같이 315는 표시 영역이며, 313은 표시 영역 315의 끝을 의미할 수 있다. 본 발명의 실시 예에서 상기 표시 영역의 끝 313은 화면이동거리를 측정하는 기준이 될 수 있다.
구체적으로, 도 10a의 1001(1, 2, 3, 4, 5 및 6 이미지 포함)에서 상측방향으로의 드래그 1017이 감지되면, 제어부 140은 상기 상측방향으로의 드래그 1017의 속도를 분석할 수 있다. 제어부 140은 상기 분석된 속도에 비례하게 화면을 상측방향으로 이동시키면서 1001과 연결된 1003(5, 6, 7, 8, 9 및 10 이미지 포함)을 표시할 수 있다. 제어부 140은 상기 1001에서 화면의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다.
제어부 140은 상기 상측방향으로 이동된 1003이 표시 영역의 끝에 도달하지 않은 것으로 결정할 수 있다. 제어부 140은 상기 1003(5, 6, 7, 8, 9 및 10 이미지 포함)에서 상측방향으로의 드래그 1017를 감지할 수 있다. 제어부 140은 상기 상측방향으로의 드래그 1017의 속도를 분석할 수 있다. 상기 상측방향으로의 드래그 1017에 응답하여 제어부 140은 1005에 도시된 바와 같이 상기 화면을 상기 분석된 속도에 비례하게 상측방향으로 이동시키며 상기 이미지의 경계선이 표시 영역의 끝에 도달하였는지 여부를 결정할 수 있다. 상기 1003화면의 경계선이 표시 영역의 끝에 도달하면, 제어부 140은 상기 분석된 속도에 비례하게 상측방향으로 이동시키며, 상기 1003과 연결된 1005(7 및 8 이미지의 일부, 9, 10, 11 및 12 이미지, 블랭크 영역 1019 포함)를 표시할 수 있다. 이때, 상기 화면의 경계선은 상기 표시 영역의 끝으로부터 1021a 크기만큼 이동된 상태로 표시될 수 있다.
상기 1005에서 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정하고, 상기 상측방향으로의 드래그 1017이 해제되면, 제어부 140은 상기 화면을 상기 분석된 드래그 1017의 속도에 비례하게 튕기듯이 반대방향인 하측방향으로 이동시킬 수 있다. 예컨대, 1007(7, 8, 9, 10, 11 및 12 이미지 포함)과 같이 표시 영역의 끝 313을 통과하여 도 10b의 1009(5, 6, 7, 8, 9 및 10 이미지 포함)에 도시된 바와 같이 이동된 화면을 표시할 수 있다. 그리고 제어부 140은 상기 1009에 도시된 바와 같이 하측방향으로 이동된 화면을 튕기듯이 상측방향으로 이동시키면서 표시 영역의 끝 313을 통과하고, 상기 표시 영역의 끝 313을 기준으로 1011에 도시된 바와 같이 1021b 크기의 블랭크 영역 1023을 포함하는 화면을 표시할 수 있다. 그리고 제어부 140은 1011에 도시된 바와 같이 상측방향으로 이동된 화면을 다시 튕기듯이 하측방향으로 이동하면서 표시 영역의 끝 313을 통과한 1013을 표시할 수 있다. 다음으로, 제어부 140은 상기 1013에 도시된 바와 같이 하측방향으로 이동된 화면을 다시 상측방향으로 이동시키면서 1015에 도시된 바와 같이 화면의 하측 경계선이 표시 영역의 하측 끝에 일치하면 정지시켜 표시할 수 있다.
이때 상기 화면의 블랭크 영역이 표시되는 크기는 도 10a의 1005 및 도 10b의 1011에 도시된 바와 같이 시각적 피드백에 따른 1021a의 블랭크 영역을 표시하고, 계속 수행되는 시각적 피드백에 따른 상기 1021a보다 작은 크기의 1021b의 블랭크 영역을 표시할 수 있다. 이와 같이, 제어부 140은 시간이 경과할수록(예컨대, 화면에 적용된 시각적 피드백의 횟수가 증가할수록) 이미지의 이동거리에 따라 표시되는 블랭크 영역의 크기가 점점 짧아지도록 설정할 수 있다. 그리고 상기 시각적 피드백의 속도는 시간이 경과할수록 점점 빠르게 또는 느리게 설정될 수 있다.
도 11a 및 도 11b는 본 발명의 한 실시 예에 따른 제스처의 방향 및 속도에 기반하여 화면 이동을 제어하는 방법을 설명하기 위한 도면이다.
구체적으로, 도 11a의 1101(1, 2, 3, 4, 5 및 6 이미지 포함)은 표시 영역의 상측 끝 611a와 화면의 상측 경계선 613a가 일치하도록 표시된 상태일 수 있다. 상기 1101에서 상측방향으로의 드래그 1117이 감지되면, 제어부 140은 상기 분석된 속도에 비례하게 화면을 상측방향으로 이동시키면서 상기 1101과 연결된 1103(5, 6, 7, 8, 9 및 10 이미지 포함)을 표시할 수 있다. 상기 1103은 화면의 끝(예컨대, 첫 번째 페이지 또는 마지막 페이지)가 아니므로, 제어부 140은 상기 1103에서 화면의 경계선이 표시 영역의 끝에 도달하지 않은 것으로 결정할 수 있다.
계속해서 상기 1103(5, 6, 7, 8, 9 및 10 이미지 포함)에서 상측방향으로의 드래그 1117이 감지되면, 제어부 140은 상기 상측방향으로의 드래그 1117의 속도를 분석할 수 있다. 제어부 140은 상기 분석된 속도에 비례하게 상기 1103을 상측방향으로 이동시키며, 상기 상기 1103과 연결된 1105(7, 8, 9, 10, 11 및 12 이미지 포함)를 표시할 수 있다. 그리고 제어부 140은 상기 1105에서 화면의 경계선이 표시 영역의 끝에 도달한 것으로 결정하고, 도 11b의 1107에 도시된 바와 같이 상기 화면을 튕기듯이 반대방향인 하측방향으로 1121a 크기만큼 이동시켜 표시할 수 있다. 그리고 제어부 140은 상기 1109에 도시된 바와 같이 상기 하측방향으로 1121a 크기만큼 이동된 화면을 상측방향으로 튕기듯이 이동시키며, 1111에 도시된 바와 같이 화면의 하측 경계선 613c가 표시 영역의 하측 끝 611c와 일치하면 정지시켜 표시할 수 있다.
제어부 140은 시간이 경과할수록 이미지의 이동거리가 점점 짧아지도록 설정할 수 있다. 또한, 제어부 140은 화면에 적용되는 시간적 피드백의 속도가 점점 빨라지거나, 또는 느려지도록 설정할 수 있다.
이상에서와 같이, 본 발명에 따른 화면 제어 방법 및 이를 지원하는 전자 장치에 대하여 본 명세서와 도면에 개시된 실시 예들은 본 발명의 내용을 쉽게 설명하고, 이해를 돕기 위해 특정 예를 제시한 것일 뿐이며, 본 발명의 범위를 한정하고자 하는 것은 아니다. 따라서 본 발명의 범위는 여기에 개시된 실시 예들 이외에도 본 발명의 기술적 사상을 바탕으로 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
110: 통신부
120: 저장부
130: 터치스크린
131: 터치패널
132: 표시부
140: 제어부

Claims (16)

  1. 전자 장치에 있어서,
    화면을 표시하고 상기 화면에서 제1방향으로 이동하는 화면 이동 제스처를 감지하는 터치스크린; 및
    상기 화면을 제1방향으로 이동하는 화면 이동 제스처에 응답하여 상기 화면을 상기 제1방향으로 이동하고, 상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하면, 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 제1방향으로 이동하고, 상기 화면 이동 제스처가 해제되면, 상기 제1방향으로 상기 제1크기만큼 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 상기 제1크기보다 큰 제2크기만큼 이동하고, 상기 제2방향으로 상기 제2크기만큼 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 제어부;를 포함하는 전자 장치.
  2. 제 1 항에 있어서,
    상기 제어부는,
    상기 화면 이동 제스처가 감지되면, 상기 화면 이동 제스처의 방향 및 속도를 분석하고, 상기 화면 이동 제스처의 방향 및 속도에 기반하여 상기 화면이 상기 제1방향 및 상기 제2방향으로 이동하는 거리를 결정하는 전자 장치.
  3. 제 1 항에 있어서,
    상기 제어부는,
    상기 화면이 이동되는 거리를 조정하고, 상기 조정된 화면이 이동되는 거리를 기반으로 상기 제2크기만큼 상기 제2방향으로 이동된 화면을 상기 제1방향 및 상기 제2방향으로 적어도 1회 이상 이동하는 전자 장치.
  4. 제 1 항에 있어서,
    상기 제어부는,
    상기 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 표시 영역에 더 이상 표시될 화면이 없는 것을 시각적으로 알려주기 위한 블랭크(blank) 영역을 표시하는 전자 장치.
  5. 제 4 항에 있어서,
    상기 제어부는,
    상기 화면이 제1방향 및 상기 제2방향으로 이동됨에 따라 상기 표시 영역에 표시되는 블랭크 영역의 크기가 점점 작아지도록 설정하는 전자 장치.
  6. 전자 장치에 있어서,
    화면을 표시하고 상기 화면에서 제1방향으로 이동하는 화면 이동 제스처를 감지하는 터치스크린; 및
    상기 화면을 제1방향으로 이동하는 화면 이동 제스처에 응답하여, 상기 화면을 상기 제1방향으로 이동하고, 상기 제1방향으로 이동된 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 상기 제1방향으로 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 이동하고, 상기 제2방향으로 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 제어부;를 포함하는 전자 장치.
  7. 제 6 항에 있어서,
    상기 제어부는,
    상기 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 상기 화면은 상기 제1방향으로 이동되지 않는 전자 장치.
  8. 제 6 항에 있어서,
    상기 제어부는,
    상기 화면 이동 제스처가 감지된 상태에서 상기 화면의 경계선이 상기 표시 영역의 끝에 도달하면 상기 제1방향으로 이동된 화면을 상기 제2방향으로 이동하거나, 또는 상기 화면의 경계선이 상기 표시 영역의 끝에 도달하고 상기 화면 이동 제스처가 해제(release)되면 상기 제1방향으로 이동된 화면을 상기 제2방향으로 이동하는 전자 장치.
  9. 전자 장치의 화면 제어 방법에 있어서,
    화면을 표시하는 동작;
    상기 화면을 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 화면을 상기 제1방향으로 이동하는 동작;
    상기 제1방향으로 이동된 화면의 경계선이 표시 영역의 끝에 도달하면, 상기 표시 영역의 끝으로부터 제1크기만큼 상기 화면의 경계선을 제1방향으로 이동하는 동작;
    상기 화면 이동 제스처가 해제되면, 상기 제1방향으로 상기 제1크기만큼 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 상기 제1크기보다 큰 제2크기만큼 이동하는 동작; 및
    상기 제2방향으로 상기 제2크기만큼 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 동작을 포함하는 화면 제어 방법.
  10. 제 9 항에 있어서,
    상기 화면 이동 제스처가 감지되면, 상기 화면 이동 제스처의 방향 및 속도를 분석하는 동작; 및
    상기 화면 이동 제스처의 방향 및 속도에 기반하여 상기 화면이 상기 제1방향 및 상기 제2방향으로 이동하는 거리를 결정하는 동작을 더 포함하는 화면 제어 방법.
  11. 제 9 항에 있어서,
    상기 제2크기만큼 이동하는 동작은,
    상기 화면이 이동되는 거리를 조정하는 동작; 및
    상기 조정된 화면이 이동되는 거리를 기반으로 상기 제1방향 및 상기 제2방향으로 이동하는 동작을 적어도 1회 이상 수행하는 동작을 더 포함하는 화면 제어 방법.
  12. 제 9 항에 있어서,
    상기 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 표시 영역에 블랭크 영역을 표시하며, 상기 블랭크 영역은, 더 이상 표시될 화면이 없는 것을 시각적으로 알려주기 위한 영역인 화면 제어 방법.
  13. 제 12 항에 있어서,
    상기 표시 영역에서 표시되는 블랭크 영역의 크기는 상기 화면이 상기 제1방향 및 상기 제2방향으로 이동함에 따라 점점 작아지는 화면 제어 방법.
  14. 전자 장치의 화면 제어 방법에 있어서,
    화면을 표시하는 동작;
    상기 화면을 제1방향으로 이동하는 화면 이동 제스처가 감지되면, 상기 화면을 상기 제1방향으로 이동하는 동작;
    상기 제1방향으로 이동된 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 상기 제1방향으로 이동된 화면을 상기 제1방향과 반대방향인 제2방향으로 이동하는 동작; 및
    상기 제2방향으로 이동된 화면을 상기 제1방향으로 이동한 후, 상기 화면의 경계선이 상기 표시 영역의 끝과 일치하면 정지시켜 표시하는 동작을 포함하는 화면 제어 방법.
  15. 제 14 항에 있어서,
    상기 화면의 경계선이 상기 표시 영역의 끝에 도달하면, 상기 화면은 상기 제1방향으로 이동되지 않는 화면 제어 방법.
  16. 제 14 항에 있어서,
    상기 제2방향으로 이동하는 동작은,
    상기 화면 이동 제스처가 감지된 상태에서 상기 화면의 경계선이 상기 표시 영역의 끝에 도달하면 상기 제2방향으로 이동하거나, 또는 상기 화면의 경계선이 상기 표시 영역의 끝에 도달하고 상기 화면 이동 제스처가 해제(release)되면 상기 제2방향으로 이동하는 동작인 화면 제어 방법.
KR1020140180296A 2013-12-13 2014-12-15 화면 제어 방법 및 이를 구현하는 전자 장치 KR20150069559A (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR20130155819 2013-12-13
KR1020130155819 2013-12-13

Publications (1)

Publication Number Publication Date
KR20150069559A true KR20150069559A (ko) 2015-06-23

Family

ID=53368455

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140180296A KR20150069559A (ko) 2013-12-13 2014-12-15 화면 제어 방법 및 이를 구현하는 전자 장치

Country Status (3)

Country Link
US (1) US20150169196A1 (ko)
KR (1) KR20150069559A (ko)
CN (1) CN104714748A (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102053590B1 (ko) 2019-09-17 2020-01-22 화신주방산업(주) 증기 취사기

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD788795S1 (en) * 2013-09-03 2017-06-06 Samsung Electronics Co., Ltd. Display screen or portion thereof with animated graphical user interface
USD755805S1 (en) * 2014-05-29 2016-05-10 Comcast Cable Communications, Llc Display screen with animated graphical user interface
USD757044S1 (en) * 2014-05-30 2016-05-24 Microsoft Corporation Display screen with animated graphical user interface
USD766919S1 (en) * 2014-05-30 2016-09-20 Microsoft Corporation Display screen with animated graphical user interface
USD760243S1 (en) * 2014-05-30 2016-06-28 Microsoft Corporation Display screen with animated graphical user interface
USD760734S1 (en) * 2014-05-30 2016-07-05 Microsoft Corporation Display screen with animated graphical user interface
USD772262S1 (en) * 2014-07-25 2016-11-22 Samsung Electronics Co., Ltd. Display screen or portion thereof with transitional graphical user interface
CN106933482A (zh) * 2015-12-30 2017-07-07 百度在线网络技术（北京）有限公司 一种切换对象的方法和装置
DE112018001867T5 (de) * 2017-04-04 2019-12-12 Canon Kabushiki Kaisha Elektronische Vorrichtung und deren Steuerverfahren
CN109085984B (zh) * 2018-06-29 2019-10-18 北京微播视界科技有限公司 信息流展示面板的控制方法、装置、终端设备及存储介质
CN110908574B (zh) * 2019-12-04 2020-12-29 深圳市超时空探索科技有限公司 一种显示调节方法、装置、终端及存储介质
CN112882636B (zh) * 2021-02-18 2022-05-17 上海哔哩哔哩科技有限公司 图片处理方法及装置

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7469381B2 (en) * 2007-01-07 2008-12-23 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US20070132789A1 (en) * 2005-12-08 2007-06-14 Bas Ording List scrolling in response to moving contact over list of index symbols
US20080168478A1 (en) * 2007-01-07 2008-07-10 Andrew Platzer Application Programming Interfaces for Scrolling
JP4973245B2 (ja) * 2007-03-08 2012-07-11 富士ゼロックス株式会社 表示装置及びプログラム
JP5520512B2 (ja) * 2009-04-09 2014-06-11 株式会社ソニー・コンピュータエンタテインメント 情報処理装置および情報処理方法
US8624925B2 (en) * 2009-10-16 2014-01-07 Qualcomm Incorporated Content boundary signaling techniques
CN101901112A (zh) * 2010-08-10 2010-12-01 广东欧珀移动通信有限公司 一种列表滑动控制方法
US9367233B2 (en) * 2011-10-31 2016-06-14 Samsung Electronics Co., Ltd. Display apparatus and method thereof
US9218123B2 (en) * 2011-12-29 2015-12-22 Apple Inc. Device, method, and graphical user interface for resizing content viewing and text entry interfaces

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102053590B1 (ko) 2019-09-17 2020-01-22 화신주방산업(주) 증기 취사기

Also Published As

Publication number Publication date
CN104714748A (zh) 2015-06-17
US20150169196A1 (en) 2015-06-18

Similar Documents

Publication Publication Date Title
KR20150069559A (ko) 화면 제어 방법 및 이를 구현하는 전자 장치
KR102230708B1 (ko) 사용자 인터렉션을 제공하는 사용자 단말 장치 및 그 방법
US11494244B2 (en) Multi-window control method and electronic device supporting the same
EP3023871B1 (en) Device for resizing window, and method of controlling the device to resize window
KR102282003B1 (ko) 전자 장치 및 이의 표시 제어 방법
US9563356B2 (en) Terminal and method for controlling display of multi window
US10824291B2 (en) Device and method of displaying windows by using work group
EP3335410B1 (en) Electronic apparatus and notification displaying method for electronic apparatus
KR20160069286A (ko) 이동 단말기 및 그 제어 방법
US20150082211A1 (en) Terminal and method for editing user interface
KR102534714B1 (ko) 노트와 연관된 사용자 인터페이스 제공 방법 및 이를 구현한 전자 장치
KR102097495B1 (ko) 디지털 디바이스 및 그 제어 방법
US10331340B2 (en) Device and method for receiving character input through the same
KR102183445B1 (ko) 투과 영역을 포함하는 커버를 가지는 휴대 단말기의 디스플레이 방법 및 장치
KR20150127777A (ko) 이동 단말에서 모션 기반의 화면 제어 방법 및 이를 위한 이동 단말
CN107710147B (zh) 能够控制其亮度的便携式终端及其亮度控制方法
KR102324398B1 (ko) 전자 장치 및 이의 화면 표시 제어 방법
KR102266191B1 (ko) 스크린을 제어하는 휴대 단말 및 방법
CN107111429B (zh) 在设备上显示对象的方法及其设备
US20220091736A1 (en) Method and apparatus for displaying page, graphical user interface, and mobile terminal
KR102375216B1 (ko) 어플리케이션의 표시 비율 변경 방법 및 이를 구현한 전자 장치
KR102205842B1 (ko) 전자 장치의 아이템 표시 제어 방법 및 장치
KR20220021756A (ko) 전자 장치 및 그 동작 방법
CN111580706B (zh) 提供用户交互的电子设备及其方法
KR20150108591A (ko) 웨어러블 디바이스의 제어 방법 및 그 장치

Legal Events

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