KR101404505B1 - 디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기 - Google Patents

디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기 Download PDF

Info

Publication number
KR101404505B1
KR101404505B1 KR1020120105935A KR20120105935A KR101404505B1 KR 101404505 B1 KR101404505 B1 KR 101404505B1 KR 1020120105935 A KR1020120105935 A KR 1020120105935A KR 20120105935 A KR20120105935 A KR 20120105935A KR 101404505 B1 KR101404505 B1 KR 101404505B1
Authority
KR
South Korea
Prior art keywords
graphic
user input
control point
rectangular area
display
Prior art date
Application number
KR1020120105935A
Other languages
English (en)
Other versions
KR20140039596A (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 (주)이스트소프트
Priority to KR1020120105935A priority Critical patent/KR101404505B1/ko
Priority to US14/034,499 priority patent/US20140085340A1/en
Publication of KR20140039596A publication Critical patent/KR20140039596A/ko
Application granted granted Critical
Publication of KR101404505B1 publication Critical patent/KR101404505B1/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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]
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformation in the plane of the image
    • G06T3/40—Scaling the whole image or part thereof
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformation in the plane of the image
    • G06T3/60—Rotation of a whole image or part thereof

Abstract

전자기기를 통해 그래픽을 조작하는 방법 및 이를 실행하는 전자기기가 개시된다. 본 발명은 디스플레이, 프로세서, 메모리 및 프로그램을 포함하는 전자기기로서 제공되거나, 혹은 이러한 전자기기에서 실행가능한 명령어들이 저장된 컴퓨터로 판독가능한 저장매체로서 제공될 수 있다. 여기서, 프로그램은 프로세서에 의해 실행될 때 디스플레이 상에 그래픽을 표시할 수 있으며, 사용자는 이 그래픽을 터치, 터치 및 드래그 조작을 통한 2단계 조작으로 그래픽을 스케일링(확대/축소) 또는 회전시킬 수 있다.

Description

디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기{METHOD FOR MANIPULATING SCALE AND/OR ROTATION OF GRAPHIC IN ELECTRONIC DEVICE WITH DISPLAY, AND ELECTRONIC DEVICE FOR IMPLEMENTING THE SAME}
본 발명은 일반적으로 디스플레이를 구비한 전자장치에서 표시되는 그래픽을 사용자가 임의로 조작하기 위한 기술에 관한 것으로서, 특히 휴대용 전자기기에서 터치-감지 디스플레이를 이용하여 표시되는 그래픽을 스케일링 또는 회전시키는 기술에 관한 것이다.
휴대용 전자기기들이 보다 콤팩트해지고, 해당 장치에 의해 수행되는 기능의 수가 증가함에 따라, 사용자들로 하여금 다기능 장치와 쉽게 상호작용할 수 있게 하는 사용자 인터페이스를 설계하는 것이 매우 중요한 문제가 되고 있다. 이러한 문제는 특히 데스크탑 또는 랩탑 컴퓨터 장치보다 훨씬 작은 디스플레이를 구비한 휴대용 전자기기에서 매우 중요하다.
이러한 문제는 해결하기가 쉽지 않은데, 사용자 인터페이스는 사용자가 콘텐츠 뿐만 아니라 장치의 특징, 기능, 액세스하는 사용자의 시도를 비롯한 사용자 액션이나 행동을 수신할 때 이용하는 게이트웨이이기 때문이다. 일부 휴대용 장치들, 특히 모바일폰, 셀룰러폰, 스마트폰 등으로 불리우는 장치들은, 보다 많은 푸쉬버튼(Push Button)을 추가하는 것에 의존하기 때문에, 푸쉬버튼들의 밀도를 증가시키고, 푸쉬버튼의 기능을 과부화시키거나 복잡한 메뉴 시스템을 채용하여, 사용자들로 하여금 데이터를 엑세스, 저장 및 조작함에 있어서 불편함을 야기한다. 특히, 사용자가 표시된 그래픽을 스케일링하거나 회전시키고자 하는 경우, 종래의 전자기기들에서 채용된 사용자 인터페이스는 사용자로 하여금 복잡한 액션들을 취하게 하거나, 사용자가 다단의 메뉴계층을 암기해야 하는 등 번거로움이 가중된다.
본 발명은 상술한 종래 기술의 문제점을 해결하기 위한 것으로서, 전자기기의 디스플레이에 표시되는 그래픽을 사용자가 보다 간편한 방법으로 스케일링 또는 회전 조작할 수 있는 그래픽 조작방법 및 이를 실행하는 전자기기를 제공하는 것을 목적으로 한다.
본 발명에 따른 그래픽 조작방법은, 디스플레이; 하나 이상의 프로세서; 메모리; 및 상기 메모리에 저장되고 상기 프로세서에 의해 실행되도록 구성된 하나 이상의 프로그램;을 포함하는 전자기기에서 상기 프로그램이 실행될 때 상기 디스플레이에 표시되는 그래픽을 조작하기 위한 그래픽 조작방법으로서, 상기 디스플레이에 표시되는 상기 그래픽 내의 제1 위치에 대응하는 제1 사용자 입력에 따라 제1 제어점을 감지하는 제1 단계와, 상기 제1 제어점에 대한 상기 제1 사용자 입력이 해제된 후 상기 그래픽 내의 제2 위치에 대응하는 제2 사용자 입력에 따라 제2 제어점을 감지하는 제2 단계와, 상기 제2 제어점에 대한 상기 제2 사용자 입력이 유지된 상태에서 상기 제2 사용자 입력이 상기 그래픽 내의 제3 위치로 이동하면, 상기 제1 제어점에 대응하는 상기 제1 위치에 대한 상기 제2 제어점의 상대적 위치가 상기 제2 위치에서 상기 제3 위치로 이동한 것으로 판단하여, 상기 그래픽을 스케일링 또는 회전시키는 제3 단계를 포함하는 달성될 수 있다.
특히, 본 방법에서는, 상기 제2 사용자 입력이, 미리 설정된 시간 내에 이동하는 경우 스케일링 모드 또는 회전 모드 중 어느 하나의 모드인 것으로 판단하고, 미리 설정된 시간 이후에 이동하는 경우 다른 모드인 것으로 판단할 수 있다.
여기서, 상기 그래픽을 스케일링하는 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 제1 사각영역 및 상기 제2 사각영역의 높이 및 폭에 대한 각각의 변화율에 따라 상기 그래픽의 높이 및 폭을 확대 또는 축소할 수 있다.
다른 방법으로서, 상기 그래픽을 스케일링하는 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 그래픽의 높이 및 폭의 비율을 유지하면서 상기 제1 사각영역 및 상기 제2 사각영역의 높이 변화율 및 폭 변화율 중 어느 하나의 변화율 값에 기초하여 상기 그래픽을 확대 또는 축소할 수 있다.
또한, 상기 그래픽을 회전하는 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리로 형성되는 가상의 제1 라인과, 상기 제1 위치 및 상기 제3 위치의 최단 거리로 형성되는 가상의 제2 라인을 비교하여, 상기 제1 라인 및 상기 제2 라인 사이의 각도만큼 상기 그래픽을 회전할 수 있다.
본 발명에 따른 전자기기는, 디스플레이; 하나 이상의 프로세서; 메모리; 및 상기 메모리에 저장되고 상기 프로세서에 의해 실행되도록 구성된 하나 이상의 프로그램;을 포함하는 전자기기로서, 상기 전자기기에서 상기 프로그램이 실행될 때 상기 디스플레이에 표시되는 그래픽 내의 제1 위치에 대응하는 제1 사용자 입력에 따라 제1 제어점을 감지하고, 상기 제1 제어점에 대한 상기 제1 사용자 입력이 해제된 후 상기 그래픽 내의 제2 위치에 대응하는 제2 사용자 입력에 따라 제2 제어점을 감지하고, 상기 제2 제어점에 대한 상기 제2 사용자 입력이 유지된 상태에서 상기 제2 사용자 입력이 상기 그래픽 내의 제3 위치로 이동하면, 상기 제1 제어점에 대응하는 상기 제1 위치에 대한 상기 제2 제어점의 상대적 위치가 상기 제2 위치에서 상기 제3 위치로 이동한 것으로 판단하여, 상기 그래픽을 스케일링 또는 회전시켜 상기 디스플레이에 표시할 수 있다.
또한, 본 발명에 따른 전자기기는, 상기 제2 사용자 입력이, 미리 설정된 시간 내에 이동하는 경우 스케일링 모드 또는 회전 모드 중 어느 하나의 모드인 것으로 판단하고, 미리 설정된 시간 이후에 이동하는 경우 다른 모드인 것으로 판단하며, 스케일링 모드로 판단한 경우 상기 그래픽을 확대 또는 축소하여 상기 디스플레이에 표시하고, 회전 모드로 판단한 경우 상기 그래픽을 회전시켜 상기 디스플레이에 표시할 수 있다.
특히, 본 발명에 따른 전자기기는, 상기 그래픽을 스케일링하는 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 제1 사각영역 및 상기 제2 사각영역의 높이 및 폭에 대한 각각의 변화율에 따라 상기 그래픽의 높이 및 폭을 확대 또는 축소하여 표시할 수 있다.
다른 방식으로서, 본 발명에 따른 전자기기에서 상기 그래픽을 스케일링하는 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 그래픽의 높이 및 폭의 비율을 유지하면서 상기 제1 사각영역 및 상기 제2 사각영역의 높이 변화율 및 폭 변화율 중 어느 하나의 변화율 값에 기초하여 상기 그래픽을 확대 또는 축소하여 표시할 수 있다.
나아가, 본 발명에 따른 전자기기에서 상기 그래픽을 회전하는 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리로 형성되는 가상의 제1 라인과, 상기 제1 위치 및 상기 제3 위치의 최단 거리로 형성되는 가상의 제2 라인을 비교하여, 상기 제1 라인 및 상기 제2 라인 사이의 각도만큼 상기 그래픽을 회전하여 표시할 수 있다.
한편, 본 발명은 명령어들을 저장하는 컴퓨터로 판독가능한 저장매체로서 제공될 수 있으며, 상기 명령어들은, 디스플레이를 구비한 장치에서, 상기 디스플레이에 표시되는 그래픽 내의 제1 위치에 대응하는 제1 사용자 입력에 따라 제1 제어점을 감지하는 제1 단계; 상기 제1 제어점에 대한 상기 제1 사용자 입력이 해제된 후 상기 그래픽 내의 제2 위치에 대응하는 제2 사용자 입력에 따라 제2 제어점을 감지하는 제2 단계; 및 상기 제2 제어점에 대한 상기 제2 사용자 입력이 유지된 상태에서 상기 제2 사용자 입력이 상기 그래픽 내의 제3 위치로 이동하면, 상기 제1 제어점에 대응하는 상기 제1 위치에 대한 상기 제2 제어점의 상대적 위치가 상기 제2 위치에서 상기 제3 위치로 이동한 것으로 판단하여, 상기 그래픽을 스케일링 또는 회전시키는 제3 단계;를 실행하기 위한 명령어들로 구성될 수 있다.
본 발명은 디스플레이, 프로세서, 메모리 및 프로그램을 포함하는 전자기기로서 제공되거나, 혹은 이러한 전자기기에서 실행가능한 명령어들이 저장된 컴퓨터로 판독가능한 저장매체로서 제공될 수 있다. 여기서, 프로그램은 프로세서에 의해 실행될 때 디스플레이 상에 그래픽을 표시할 수 있으며, 사용자는 이 그래픽을 터치, 터치 및 드래그 조작을 통한 2단계 조작으로 그래픽을 간편하게 스케일링(확대/축소) 또는 회전시킬 수 있다.
본 발명은 특히 터치-감지 디스플레이를 구비한 전자기기에 보다 유리하게 적용될 수 있다. 사용자는 시간 간격을 두고 행해지는 두번의 터치 조작만으로 그래픽을 스케일링하거나 회전시킬 수 있다. 이러한 그래픽 조작방법은 특히 휴대용 전자기기를 한 손으로 조작하는 경우에 매우 유리하게 적용될 수 있으며, 나아가 사용자가 그래픽을 스케일링하거나 회전하는 데 있어서 직관적이고 사용이 편한 사용자 인터페이스를 제공한다.
도 1은 본 발명에 따른 전자기기를 도시한 블록도이다.
도 2는 본 발명에 따른 그래픽 조작방법을 설명하는 흐름도이다.
도 3은 본 발명에 따른 그래픽 조작방법에 따라 그래픽을 스케일링하는 사용자 인터페이스를 도시한 도면이다.
도 4는 본 발명에 따른 그래픽 조작방법에서 그래픽을 스케일링하는 방식을 설명하는 개요도이다.
도 5는 본 발명에 따른 그래픽 조작방법에 따라 그래픽을 회전하는 사용자 인터페이스를 도시한 도면이다.
이하, 첨부된 도면들을 참조하여 본 발명에 따른 바람직한 실시예들을 상세히 설명한다. 이하의 상세한 설명에서, 본 발명의 이해를 돕기 위하여, 다수의 특정 세부사항들이 상술된다. 그러나, 본 발명은 이러한 특정 세부사항들이 없이도 실시될 수 있음은 당업자에게 자명할 것이다. 한편, 실시예의 양태를 불필요하게 모호하게 하지 않도록, 주지의 방법, 모듈, 장치, 회로 및 네트워크 등에 대해서는 상세한 설명을 생략한다.
본 발명은, 컴퓨터(휴대용 컴퓨터를 포함한다), 개인정보단말(PDA; Personal Digital Assistant), 휴대폰, 스마트폰 등과 같이, 적어도 사용자 인터페이스를 구비한 디스플레이, 프로세서 및 메모리, 그리고 이 프로세서에 의해 실행될 수 있는 프로그램 또는 명령어 집합을 포함하는 전자기기 장치에 적용될 수 있다. 특히, 단순화를 위하여, 이하의 설명에서는 터치-감지 디스플레이(Touch-Sensitive Display)를 구비한 이동전화, 스마트폰 등과 같은 휴대용 다기능 장치, 그리고 그 장치를 사용하기 위한 관련 프로세스의 실시예가 기술된다. 그러나, 터치-감지 디스플레이가 아닌 디스플레이와, 사용자 입력을 위한 물리적 클릭 휠, 물리적 키보드, 마우스 및/또는 조이스틱 등의 하나 이상의 물리적 사용자 인터페이스 장치를 포함할 수 있는 퍼스널 컴퓨터 및 랩톱 컴퓨터 등의 다른 장치에도 적용될 수 있음이 이해되어야 한다.
이하, 본 발명에 따른 전자기기의 실시예에 대해 설명한다. 도 1은, 본 발명의 실시예에 따른 터치-감지 디스플레이(140)를 구비한 휴대용 전자기기(100)를 도시한 블록도이다. 전자기기(100)는, 하나 이상의 컴퓨터로 판독가능한 저장매체를 포함하는 메모리(120), 메모리 컨트롤러(122), 프로세싱 유닛으로서 하나 이상의 프로세서(110), 주변장치 인터페이스(130), 기타 입력장치(150)를 포함한다. 나아가, 전자기기(100)는 상술한 구성 이외에, 전원장치, 통신모듈, RF회로, 오디오 회로, 스피커, 마이크로폰, 각종 센서 등을 더 포함할 수 있다. 아울러, 전자기기(100)는 이들 구성요소들이 하나 이상의 통신 버스 또는 신호선(101)을 통해 통신할 수 있도록 구성될 수 있다. 상술한 전자기기(100)는 개인정보단말, 휴대폰(특히, 스마트폰) 등의 일례에 불과하고, 도 1에 도시된 것보다 더 많거나 적은 구성요소들을 가질 수 있으며, 혹은 둘 이상의 구성요소들이 결합되거나, 다른 구성 또는 배치를 가질 수 있다.
여기서, 메모리(120)는 고속 랜덤 액세스 메모리를 포함할 수 있고, 하나 이상의 자기디스크 저장장치, 플래시 메모리장치, 또는 기타 비휘발성 메모리를 포함할 수 있다. 프로세서(110) 및 주변장치 인터페이스(130)와 같은 전자기기(100)의 타 구성요소들에 의한 메모리(120)로의 액세스는 메모리 컨트롤러(122)에 의해 제어될 수 있다.
주변장치 인터페이스(130)는 전자기기의 입력 및 출력을 위한 주변장치를 프로세서(110) 및 메모리(120)에 결합시킨다. 프로세서(110)는 메모리(120)에 저장된 다양한 소프트웨어 프로그램 및/또는 명령어 집합을 실행하여 전자기기(100)에 대한 다양한 기능을 수행하고 데이터를 처리한다. 전자기기(100)에 대한 입력 및 출력을 위한 주변장치로서, 터치-감지 디스플레이(140) 이외에도 터치-감지 기능을 가지지 않는 디스플레이 장치를 이용할 수도 있으며, 이 경우 기타 입력장치(150)를 통해 사용자 입력 신호를 수신 및 감지할 수 있다. 기타 입력장치(150)로는, 물리적 버튼, 다이얼, 슬라이더 스위치, 조이스틱, 클릭 휠 등을 포함할 수 있으며, 이외에도 키보드, 터치패드(터치-감지 디스플레이와 달리 시각적 출력을 표시하지 않는 터치-감지 기능을 가지는 사용자 입력장치), 마우스 등을 포함할 수 있다.
터치-감지 디스플레이(140)는 전자기기(100)와 사용자 사이의 입력 인터페이스 및 출력 인터페이스를 제공한다. 예컨대, 터치-감지 디스플레이(140)는 사용자 입력을 감지하여 그에 대한 전기적 신호를 수신하거나, 프로세서(110)의 지시에 기초하여 사용자에 대한 시각적 출력을 표시할 수 있다. 여기서, 사용자에 대한 시각적 출력은, 이미지, 전자문서, 텍스트, 아이콘, 비디오 또는 이들의 조합(이를 총괄하여, '그래픽'이라 지칭함)일 수 있다. 또한, 터치-감지 디스플레이(140)는 햅틱-접촉(Haptic Contact) 및/또는 택틸-접촉(Tactile Contact)에 기초하여 사용자로부터 입력을 받아들이는 터치-감지 표면을 포함할 수 있다. 터치-감지 디스플레이(140)는, 터치-감지 표면에 대한 사용자의 접촉(또는 접촉의 움직임 또는 해제)을 감지하고, 감지된 접촉 상태를 사용자 인터페이스와의 상호작용에 의해 전기적 신호로 변환한다. 예컨대, 터치-감지 디스플레이(140)에 대한 사용자의 접촉은 사용자의 손가락이나 스타일러스 펜 등과 같은 임의의 부속물을 사용하여 행해질 수 있다.
터치-감지 디스플레이(140)에서 출력 표시는 액정 디스플레이(LCD), 발광중합체 디스플레이(LPD; Light Emitting Polymer Display) 등이 이용될 수 있고, 또한 터치-감지 기술은, 정전용량식 기술(Capacitive Technology), 저항식 기술(Resistative Technology), 적외선 기술(Infrared Technology), 표면음파기술(Surface Acoustic Wave Technology), 근접센서배열(Proximity Sensor Array), 또는 기타 터치-감지 기술이 이용될 수 있다. 터치-감지 디스플레이(140)는, 이러한 터치-감지 기술을 이용하여 사용자의 접촉, 임의의 접촉의 움직임, 해제를 감지할 수 있다.
다음으로, 도 2 내지 도 5를 참조하여 본 발명에 따른 그래픽 조작방법을 상세히 설명한다. 본 실시예에서, 사용자 입력은 터치-감지 디스플레이를 이용하여 사용자의 손가락(또는 부속물)을 그래픽에 접촉함으로써 이루어진다. 예컨대, 사용자가 자신의 손가락을 디스플레이의 터치-감지 영역에 접촉함으로써 사용자 입력이 수행되고, 접촉상태를 해제하면 사용자 입력이 해제된다. 또한, 터치-감지 디스플레이를 이용한 사용자 입력은, 터치, 접촉유지(Long Press), 드래그(접촉을 유지한 상태에서 이동), 해제(접촉 상태의 해제) 방식으로 행해질 수 있다. 그러나, 본 발명에 따른 그래픽 조작방법은, 터치-감지 디스플레이 이외의 디스플레이를 구비한 전자기기에도 적용될 수 있으며, 이 경우 사용자 입력은 예컨대 마우스 등과 같은 다른 입력장치를 통해서도 수행될 수 있다. 예컨대, 마우스를 이용하는 경우, 사용자 입력은 그래픽 상에 임의의 위치에 마우스 포인트를 위치시킨 후 마우스의 물리적 버튼을 클릭하거나("터치"에 대응), 클릭한 상태로 일정시간 유지하거나("접촉유지"에 대응), 클릭한 상태로 마우스 포인트를 이동시키거나("드래그"에 대응), 클릭 상태를 해제하는 방식("접촉 상태의 해제"에 대응)으로 수행될 수 있다.
먼저, 사용자는 상술한 전자기기(100)를 통해 메모리(120)에 저장된 프로그램을 실행하여 디스플레이(140)의 표시영역(142) 내에 적어도 하나의 그래픽(200)을 표시한다(S110). 그 후, 사용자는 그래픽(200) 내의 임의의 위치에, 예컨대 자신의 손가락(혹은 부속물)을 이용하여 접촉한다. 이때, 사용자 입력, 즉 사용자가 접촉한 위치(제1 위치)에 대응하는 디스플레이(140)의 표시영역(142) 내의 좌표가 제1 제어점으로서 인식된다(S120). 이와 같이, 전자기기(100)는, 그래픽(200) 내의 임의의 위치(210)에 사용자 입력(210)이 검출되면, 그에 해당하는 표시영역(142) 내의 좌표정보를 판독하여 제1 제어점으로서 감지한다(S121). 이때, 디스플레이(140)를 통해 현재 상태의 그래픽 조작모드를 사용자에게 알릴 수 있으며, 예컨대 스케일링 모드 또는 회전 모드 중 어느 하나의 모드인 것을 사용자에게 알리는 아이콘(300)이 표시될 수 있다(S122). 일례로서, 도 3은 초기 그래픽 조작모드가 스케일링 모드로 설정되어 있음을 아이콘(300)을 통해 표시한 상태를 보여준다.
그 후, 사용자가 제1 제어점에 대응하는 사용자 입력(212)을 해제한 후 그래픽(200) 내의 다른 임의의 위치(제2 위치; 220)를 터치하면, 그에 따른 사용자 입력(222)을 감지하고 대응하는 표시영역(142) 내의 좌표정보를 판독하여 제2 제어점으로서 감지한다(S130).
이와 같이 제2 제어점이 감지된 후, 제2 제어점(220)에 대한 사용자 입력 방식에 따라 그래픽을 조작한다. 이때, 제2 제어점(220)에 대한 사용자 입력이 "드래그"인 경우, 혹은 "접촉유지 및 드래그"인 경우에 따라 그래픽 조작모드를 변경한다. 예컨대, 제2 사용자 입력(222)이, 미리 설정된 시간 내에 드래그된 경우 초기 설정된 모드(즉, S122에서 아이콘(300)에 표시된 모드)를 유지하고, 미리 설정된 시간 이후에 드래그된 경우 초기 설정된 모드(예컨대, 스케일링 모드)에서 다른 모드(예컨대, 회전 모드)로 변경한다(S140). 이때, 만약 사용자 입력(222)이 일정시간 유지된 경우, 그래픽 조작모드를 변경하며, 변경상태를 아이콘(300)에 표시할 수 있다(S142).
한편, 드래그 입력방식에 따라, 제2 위치(220)에서의 제2 사용자 입력(222)이 그래픽(200) 내의 제3 위치(230)로 이동하면, 제1 제어점에 대응하는 제1 위치(210)에 대한 제2 제어점의 상대적 위치가 제2 위치(220)에서 제3 위치(230)로 이동한 것으로 판단(S161)하여, 원래의 그래픽(200)을 스케일링 또는 회전시켜 조작된 그래픽을 표시한다(162).
여기서, 그래픽을 스케일링하는 방식은 두가지 방식으로 행해질 수 있다. 첫번째 방식은, 제1 위치(210) 및 제2 위치(220)의 최단 거리(D1)를 대각선으로 하는 가상의 제1 사각영역(B1)과, 제1 위치(210) 및 제3 위치(230)의 최단 거리(D2)를 대각선으로 하는 가상의 제2 사각영역(B2)을 비교하여, 제1 사각영역(B1) 및 제2 사각영역(B2)의 가로 길이 및 세로 길이 각각의 변화율에 따라 원래의 그래픽(200)을 확대 또는 축소하는 것이다. 예컨대, 도 4에서와 같이, 제1 사각영역(B1)의 높이 및 폭을 각각 H1 및 W1이라 하고, 제2 사각영역(B2)의 높이 및 폭을 각각 H2 및 W2라 하면, 원래의 그래픽(200)의 높이(H) 및 폭(W)은 다음과 같이 변경될 수 있다.
[표시될 그래픽의 높이] H* = H × (H2/H1)
[표시될 그래픽의 폭] W = W × (W2/W1)
그래픽을 스케일링하는 두번째 방식은 원래의 그래픽(200)이 가지는 높이 및 폭의 비율을 유지하면서, 그래픽을 확대 또는 축소하는 방식이다. 즉, 제1 사각영역(B1) 및 제2 사각영역(B2)의 가로 길이 변화율 및 세로 길이 변화율 중 어느 하나의 변화율 값에 기초하여 상기 그래픽을 확대 또는 축소하는 것이다. 예컨대, 함수 F는 입력된 두 값 중 최대값 또는 최소값을 가지는 것으로 정의될 수 있으며, 이 경우 원래의 그래픽(200)의 높이(H) 및 폭(W)은 다음과 같이 변경될 수 있다.
[표시될 그래픽의 높이] H* = H × F(H2/H1, W2/W1)
[표시될 그래픽의 폭] W* = W × F(H2/H1, W2/W1)
상술한 첫번째 스케일링 방식은 원래의 그래픽(200)이 가지는 높이 및 폭의 비율이 독립적으로 변경될 수 있다. 따라서, 첫번째 스케일링 방식에 의하는 경우, 원래의 그래픽(200)과 달리 일그러짐이 발생할 수 있다. 반면에, 두번째 스케일링 방식은, 예컨대 H2/H1 값이 W2/W1 값보다 크고, 함수 F가 최대값을 갖는 것으로 정의된 경우, 함수 F 값은 H2/H1 값을 가지므로, 그래픽(200)의 높이 및 폭은 동일한 배율로 스케일링되어 표시된다. 따라서, 두번째 스케일링 방식에 의하는 경우, 원래의 그래픽(200)은 일그러짐 없이 확대 및 축소되어 표시될 수 있다.
한편, 그래픽(200)을 회전하는 경우(회전모드인 경우)에는, 도 5에서 보듯이, 제1 위치(210) 및 제2 위치(220)의 최단 거리로 형성되는 가상의 제1 라인(L1)과, 제1 위치(210) 및 제3 위치(230)의 최단 거리로 형성되는 가상의 제2 라인(L2)을 비교하여, 제1 라인(L1) 및 제2 라인(L2) 사이의 각도(Θ)만큼 그래픽(200)을 회전시켜 표시한다. 이 경우, 그래픽(200)의 회전은 제1 위치(210)를 중심으로 행해질 수 있다.
지금까지 본 발명의 바람직한 실시예에 대해 설명하였으나, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명의 본질적인 특성을 벗어나지 않는 범위 내에서 변형된 형태로 구현할 수 있을 것이다. 그러므로 여기서 설명한 본 발명의 실시예는 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 하고, 본 발명의 범위는 상술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함되는 것으로 해석되어야 한다.

Claims (11)

  1. 디스플레이; 하나 이상의 프로세서; 메모리; 및 상기 메모리에 저장되고 상기 프로세서에 의해 실행되도록 구성된 하나 이상의 프로그램;을 포함하는 전자기기에서 상기 프로그램이 실행될 때 상기 디스플레이에 표시되는 그래픽을 조작하기 위한 그래픽 조작방법으로서,
    상기 디스플레이에 표시되는 상기 그래픽 내의 제1 위치에 대응하는 제1 사용자 입력에 따라 제1 제어점을 감지하는 제1 단계와,
    상기 제1 제어점에 대한 상기 제1 사용자 입력이 해제된 후 상기 그래픽 내의 제2 위치에 대응하는 제2 사용자 입력에 따라 제2 제어점을 감지하는 제2 단계와,
    상기 제2 제어점에 대한 상기 제2 사용자 입력이 유지된 상태에서 상기 제2 사용자 입력이 상기 그래픽 내의 제3 위치로 이동하면, 상기 제1 제어점에 대응하는 상기 제1 위치에 대한 상기 제2 제어점의 상대적 위치가 상기 제2 위치에서 상기 제3 위치로 이동한 것으로 판단하여, 상기 그래픽을 스케일링 또는 회전시키는 제3 단계를 포함하고,
    상기 제3 단계에서, 상기 제2 사용자 입력이 미리 설정된 시간 내에 이동하는 경우 스케일링 모드 또는 회전 모드 중 어느 하나의 모드인 것으로 판단하고, 반대로 상기 제2 사용자 입력이 미리 설정된 시간 이후에 이동하는 경우 다른 모드인 것으로 판단하며,
    상기 스케일링 모드로 판단된 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 그래픽의 높이 및 폭의 비율을 유지하면서 상기 제1 사각영역 및 상기 제2 사각영역의 높이 변화율 및 폭 변화율 중 어느 하나의 변화율 값에 기초하여 상기 그래픽을 확대 또는 축소하고,
    상기 회전 모드로 판단된 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리로 형성되는 가상의 제1 라인과, 상기 제1 위치 및 상기 제3 위치의 최단 거리로 형성되는 가상의 제2 라인을 비교하여, 상기 제1 라인 및 상기 제2 라인 사이의 각도만큼 상기 그래픽을 회전하는 것을 특징으로 하는, 그래픽 조작방법.
  2. 삭제
  3. 삭제
  4. 삭제
  5. 삭제
  6. 디스플레이; 하나 이상의 프로세서; 메모리; 및 상기 메모리에 저장되고 상기 프로세서에 의해 실행되도록 구성된 하나 이상의 프로그램;을 포함하는 전자기기로서,
    상기 전자기기에서 상기 프로그램이 실행될 때 상기 디스플레이에 표시되는 그래픽 내의 제1 위치에 대응하는 제1 사용자 입력에 따라 제1 제어점을 감지하고,
    상기 제1 제어점에 대한 상기 제1 사용자 입력이 해제된 후 상기 그래픽 내의 제2 위치에 대응하는 제2 사용자 입력에 따라 제2 제어점을 감지하고,
    상기 제2 제어점에 대한 상기 제2 사용자 입력이 유지된 상태에서 상기 제2 사용자 입력이 상기 그래픽 내의 제3 위치로 이동하면, 상기 제1 제어점에 대응하는 상기 제1 위치에 대한 상기 제2 제어점의 상대적 위치가 상기 제2 위치에서 상기 제3 위치로 이동한 것으로 판단하여, 상기 그래픽을 스케일링 또는 회전시켜 상기 디스플레이에 표시하고,
    상기 그래픽을 상기 디스플레이에 표시할 때, 상기 제2 사용자 입력이 미리 설정된 시간 내에 이동한 경우 스케일링 모드 또는 회전 모드 중 어느 하나의 모드인 것으로 판단하고, 반대로 상기 제2 사용자 입력이 미리 설정된 시간 이후에 이동된 경우 다른 모드인 것으로 판단하고,
    여기서 상기 스케일링 모드로 판단한 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 그래픽의 높이 및 폭의 비율을 유지하면서 상기 제1 사각영역 및 상기 제2 사각영역의 높이 변화율 및 폭 변화율 중 어느 하나의 변화율 값에 기초하여 상기 그래픽을 확대 또는 축소하여 표시하고,
    상기 회전 모드로 판단한 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리로 형성되는 가상의 제1 라인과, 상기 제1 위치 및 상기 제3 위치의 최단 거리로 형성되는 가상의 제2 라인을 비교하여, 상기 제1 라인 및 상기 제2 라인 사이의 각도만큼 상기 그래픽을 회전하여 표시하는 것을 특징으로 하는, 전자기기.
  7. 삭제
  8. 삭제
  9. 삭제
  10. 삭제
  11. 명령어들을 저장하는 컴퓨터로 판독가능한 저장매체로서,
    디스플레이를 구비한 장치에서,
    상기 디스플레이에 표시되는 그래픽 내의 제1 위치에 대응하는 제1 사용자 입력에 따라 제1 제어점을 감지하는 제1 단계;
    상기 제1 제어점에 대한 상기 제1 사용자 입력이 해제된 후 상기 그래픽 내의 제2 위치에 대응하는 제2 사용자 입력에 따라 제2 제어점을 감지하는 제2 단계; 및
    상기 제2 제어점에 대한 상기 제2 사용자 입력이 유지된 상태에서 상기 제2 사용자 입력이 상기 그래픽 내의 제3 위치로 이동하면, 상기 제1 제어점에 대응하는 상기 제1 위치에 대한 상기 제2 제어점의 상대적 위치가 상기 제2 위치에서 상기 제3 위치로 이동한 것으로 판단하되, 여기서 상기 제2 사용자 입력이 미리 설정된 시간 내에 이동하는 경우 스케일링 모드 또는 회전 모드 중 어느 하나의 모드인 것으로 판단하고, 반대로 상기 제2 사용자 입력이 미리 설정된 시간 이후에 이동하는 경우 다른 모드인 것으로 판단하며, 상기 스케일링 모드로 판단된 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리를 대각선으로 하는 가상의 제1 사각영역과, 상기 제1 위치 및 상기 제3 위치의 최단 거리를 대각선으로 하는 가상의 제2 사각영역을 비교하여, 상기 그래픽의 높이 및 폭의 비율을 유지하면서 상기 제1 사각영역 및 상기 제2 사각영역의 높이 변화율 및 폭 변화율 중 어느 하나의 변화율 값에 기초하여 상기 그래픽을 확대 또는 축소하고, 상기 회전 모드로 판단된 경우, 상기 제1 위치 및 상기 제2 위치의 최단 거리로 형성되는 가상의 제1 라인과, 상기 제1 위치 및 상기 제3 위치의 최단 거리로 형성되는 가상의 제2 라인을 비교하여, 상기 제1 라인 및 상기 제2 라인 사이의 각도만큼 상기 그래픽을 회전시킴으로써, 상기 그래픽을 스케일링 또는 회전시키는 제3 단계;
    를 실행하기 위한 명령어들을 저장하는 컴퓨터로 판독가능한 저장매체.
KR1020120105935A 2012-09-24 2012-09-24 디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기 KR101404505B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020120105935A KR101404505B1 (ko) 2012-09-24 2012-09-24 디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기
US14/034,499 US20140085340A1 (en) 2012-09-24 2013-09-23 Method and electronic device for manipulating scale or rotation of graphic on display

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120105935A KR101404505B1 (ko) 2012-09-24 2012-09-24 디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기

Publications (2)

Publication Number Publication Date
KR20140039596A KR20140039596A (ko) 2014-04-02
KR101404505B1 true KR101404505B1 (ko) 2014-06-09

Family

ID=50338414

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120105935A KR101404505B1 (ko) 2012-09-24 2012-09-24 디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기

Country Status (2)

Country Link
US (1) US20140085340A1 (ko)
KR (1) KR101404505B1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105045490A (zh) * 2015-08-27 2015-11-11 广东欧珀移动通信有限公司 一种图像显示控制的方法及移动终端
CN109901778A (zh) * 2019-01-25 2019-06-18 湖南新云网科技有限公司 一种页面对象旋转缩放方法、存储器及智能设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080070226A (ko) * 2007-01-25 2008-07-30 삼성전자주식회사 사용성을 향상시키는 터치 스크린 및 터치 스크린에서 사용성 향상을 위한 방법
US20090309847A1 (en) 2008-06-12 2009-12-17 You I Labs, Inc. Apparatus and method for providing multi-touch interface capability

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5007782B2 (ja) * 2005-11-17 2012-08-22 株式会社デンソー ナビゲーション装置および地図表示縮尺設定方法
WO2009093241A2 (en) * 2008-01-23 2009-07-30 N-Trig Ltd. Graphical object manipulation with a touch sensitive screen
US20090207142A1 (en) * 2008-02-20 2009-08-20 Nokia Corporation Apparatus, method, computer program and user interface for enabling user input
KR101587211B1 (ko) * 2009-05-25 2016-01-20 엘지전자 주식회사 이동 단말기 및 이동 단말기의 제어 방법
US8677268B2 (en) * 2010-01-26 2014-03-18 Apple Inc. Device, method, and graphical user interface for resizing objects

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080070226A (ko) * 2007-01-25 2008-07-30 삼성전자주식회사 사용성을 향상시키는 터치 스크린 및 터치 스크린에서 사용성 향상을 위한 방법
US20090309847A1 (en) 2008-06-12 2009-12-17 You I Labs, Inc. Apparatus and method for providing multi-touch interface capability

Also Published As

Publication number Publication date
US20140085340A1 (en) 2014-03-27
KR20140039596A (ko) 2014-04-02

Similar Documents

Publication Publication Date Title
US10996834B2 (en) Touchscreen apparatus user interface processing method and touchscreen apparatus
CN104145236B (zh) 用于移动终端中的内容的方法和装置
JP5507494B2 (ja) タッチ・スクリーンを備える携帯式電子機器および制御方法
US9671893B2 (en) Information processing device having touch screen with varying sensitivity regions
JP5759660B2 (ja) タッチ・スクリーンを備える携帯式情報端末および入力方法
TWI393045B (zh) 瀏覽多個應用視窗的方法、系統及圖形化使用者介面
JP5718042B2 (ja) タッチ入力処理装置、情報処理装置およびタッチ入力制御方法
US9507507B2 (en) Information processing apparatus, information processing method and program
WO2018107901A1 (zh) 移动终端的触摸屏控制方法、装置、移动终端及存储介质
US20080259040A1 (en) Method, System, and Graphical User Interface for Positioning an Insertion Marker in a Touch Screen Display
US10928948B2 (en) User terminal apparatus and control method thereof
US20150185953A1 (en) Optimization operation method and apparatus for terminal interface
JP2010176330A (ja) 情報処理装置、及び表示制御方法
JP2012018600A (ja) 表示制御装置および表示制御方法、表示制御プログラム、記録媒体
US20150212724A1 (en) Manipulation input device, manipulation input method, manipulation input program, and electronic apparatus
JP2015007949A (ja) 表示装置、表示制御方法及びコンピュータプログラム
WO2012037688A1 (en) Transitional view on a portable electronic device
KR20140067334A (ko) 터치 입력 방법 및 휴대 단말
KR20140105331A (ko) 터치 스크린 상에서 객체 디스플레이를 제어하는 휴대 단말 및 방법
KR20150081657A (ko) 휴대 단말 및 그 제어 방법
JP2014032450A (ja) 表示制御装置、表示制御方法及びコンピュータプログラム
KR101404505B1 (ko) 디스플레이를 구비한 전자기기에서 그래픽을 스케일링 또는 회전 조작하는 방법 및 이를 실행하는 전자기기
WO2014045690A1 (ja) 入力装置、入力無効化方法、入力無効化プログラム、及びコンピュータ読み取り可能な記録媒体
JP2010211323A (ja) 入力システム、携帯端末、入出力装置、入力システム制御プログラム、コンピュータ読み取り可能な記録媒体、および、入力システムの制御方法
JP2013164692A (ja) 情報処理装置、表示画面最適化方法、制御プログラムおよび記録媒体

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
FPAY Annual fee payment

Payment date: 20170510

Year of fee payment: 6