KR102323440B1 - Method for operating page and electronic device thereof - Google Patents

Method for operating page and electronic device thereof Download PDF

Info

Publication number
KR102323440B1
KR102323440B1 KR1020210018607A KR20210018607A KR102323440B1 KR 102323440 B1 KR102323440 B1 KR 102323440B1 KR 1020210018607 A KR1020210018607 A KR 1020210018607A KR 20210018607 A KR20210018607 A KR 20210018607A KR 102323440 B1 KR102323440 B1 KR 102323440B1
Authority
KR
South Korea
Prior art keywords
page
displayed
thumbnail image
area
touch
Prior art date
Application number
KR1020210018607A
Other languages
Korean (ko)
Other versions
KR20210018406A (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
Priority claimed from KR1020200165936A external-priority patent/KR102301652B1/en
Application filed by 삼성전자 주식회사 filed Critical 삼성전자 주식회사
Priority to KR1020210018607A priority Critical patent/KR102323440B1/en
Publication of KR20210018406A publication Critical patent/KR20210018406A/en
Application granted granted Critical
Publication of KR102323440B1 publication Critical patent/KR102323440B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412Digitisers structurally integrated in a display
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416Control or interface arrangements specially adapted for digitisers
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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

터치 스크린을 갖는 장치에서 현재 모드가 편집 모드인지 확인하고, 편집 모드일 경우 현재 페이지를 표시하고, 상기 현재 페이지와 별도의 영역에 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시한다. 표시된 현재 페이지의 오브젝트들의 이동에 따른 배치관계 등이 페이지 인디케이터의 대응 썸네일 이미지에 적용됨으로써 용이한 페이지 운용을 제공할 수 있다.In the device having a touch screen, it is checked whether the current mode is the editing mode, and if the current mode is the editing mode, the current page is displayed, and a thumbnail-type page indicator for the entire page is displayed in an area separate from the current page. Easy page management can be provided by applying the arrangement relationship according to the movement of the displayed objects of the current page to the corresponding thumbnail image of the page indicator.

Description

페이지 운용 방법 및 그 전자 장치{METHOD FOR OPERATING PAGE AND ELECTRONIC DEVICE THEREOF}PAGE operating method and electronic device thereof

본 실시예는 전자 장치에 관한 것으로서 페이지 운용 방법 및 그 장치에 관한 것이다.The present embodiment relates to an electronic device, and to a page operation method and an apparatus thereof.

멀티미디어 기술이 발전하면서 다양한 기능을 갖는 전자 장치들이 등장하고 있다. 이러한 전자 장치들은 하나 또는 그 이상의 기능을 복합적으로 수행하는 컨버젼스 기능을 갖는 것이 일반적이다.With the development of multimedia technology, electronic devices having various functions are emerging. These electronic devices generally have a convergence function for performing one or more functions in a complex manner.

대체적으로 전자 장치들로는 디스플레이 모듈과 함께 터치 감지 수단으로 구성된 터치스크린 장치가 주류를 이루고 있으며, 다양해지고 있는 데이터들을 좀더 효율적이고 사용자 직관적으로 표현할 수 있도록 경주하고 있는 실정이다.In general, as electronic devices, a touch screen device composed of a touch sensing means together with a display module is the mainstream, and a race is being made to express various data more efficiently and intuitively.

예를 들어, 이러한 데이터들로는 애플리케이션 아이콘들, 폴더 아이콘들, 위젯 아이콘들, 문서 아이콘들이 터치 스크린 장치에 일정 간격으로 디스플레이되고 있으며, 해당 페이지에 이러한 아이콘들이 모두 찰 경우 또는 사용자의 기호에 따라 여러 페이지를 생성하여 해당 페이지에 해당 아이콘들을 이동시키거나 생성하기에 이르렀다.For example, as such data, application icons, folder icons, widget icons, and document icons are displayed at regular intervals on the touch screen device, and when all of these icons are filled on the corresponding page, several pages are displayed according to the user's preference. created to move or create the corresponding icons on the page.

따라서 터치 스크린 장치에 디스플레이되는 이러한 오브젝트들(objects)의 증가 및 사용자의 기호에 맞는 배열, 배치, 설계 등으로 인하여 좀더 직관적이고 사용하기 편리한 페이지 운용 방법이 요구된다.Accordingly, due to the increase in the number of objects displayed on the touch screen device and the arrangement, arrangement, design, etc. suitable for the user's preference, a more intuitive and convenient page operation method is required.

따라서, 본 실시예에서는 좀더 빠르고 직관적인 페이지 운용 방법 및 그 전자 장치를 제공하고자 한다.Accordingly, the present embodiment intends to provide a faster and more intuitive page operation method and an electronic device thereof.

일부 실시예에서 장치는 그래픽 사용자 인터페이스(GUI)를 포함하는 터치 스크린과, 하나 이상의 프로세서와, 메모리와, 그리고 복수의 기능을 수행하기 위한 메모리에 저장된 하나 이상의 모듈 및 프로그램 또는 명령어 집합을 포함한다. In some embodiments a device includes a touch screen including a graphical user interface (GUI), one or more processors, a memory, and one or more modules and sets of programs or instructions stored in the memory for performing a plurality of functions.

일부 실시예에 따르면, 전자 장치에서 페이지 운용 방법이 개시된다. 본 실시예에서는 전자 장치에 표시된 화면이 편집 모드인지 확인하고, 편집 모드일 경우 현재 페이지를 표시하고, 현재 페이지와 별도의 영역에 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시한다. 편집 모드로 진입시, 현재 페이지는 강조 표시되어 사용자가 손쉽게 편집 모드임을 인식할 수 있도록 표시할 수 있다.According to some embodiments, a method of operating a page in an electronic device is disclosed. In the present embodiment, it is checked whether the screen displayed on the electronic device is in the edit mode, the current page is displayed in the edit mode, and a thumbnail-type page indicator for the entire page is displayed in an area separate from the current page. When entering the edit mode, the current page may be highlighted so that the user can easily recognize the edit mode.

일부 실시예에 따르면, 상기 현재 페이지 영역에 대한 스와이프 터치를 확인하는 과정과, 상기 스와이프 터치 방향에 따라 현재 페이지를 변경하는 과정 및 상기 페이지 인디케이터에서 현재 페이지에 대응되는 썸네일 이미지를 하이라이트되게 표시하는 과정을 더 포함할 수 있다. 이때, 상기 하이라이트되게 표시된 썸네일 이미지는 다른 썸네일 이미지보다 큰 크기로 표시할 수 있다.According to some embodiments, a process of confirming a swipe touch on the current page area, a process of changing a current page according to a direction of the swipe touch, and displaying a thumbnail image corresponding to the current page to be highlighted in the page indicator The process may further include In this case, the thumbnail image displayed to be highlighted may be displayed in a larger size than other thumbnail images.

일부 실시예에 따르면, 상기 페이지 인디케이터의 특정 썸네일 이미지가 터치되었는지 확인하는 과정 및 상기 썸네일 이미지의 터치 종류에 따라 대응 기능을 수행하는 과정을 더 포함할 수 있다. 이때, 상기 터치 종류가 상기 썸네일 이미지에 대한 탭(tab) 방식 터치일 경우 해당 썸네일에 대한 페이지를 현재 페이지로 표시하는 과정 및 상기 페이지 인디케이터에서 상기 현재 페이지에 대응되는 썸네일 이미지를 하이라이트되게 표시하는 과정을 더 포함할 수 있다. 또한, 상기 터치 종류가 상기 선택된 썸네일 이미지에 대한 롱 프레스 터치인 경우, 터치를 유지한 상태에서 썸네일 이미지의 이동에 따른 대응 기능을 수행하는 과정을 더 포함할 수도 있다. 이러한 대응 기능은 상기 선택된 썸네일 이미지를 삭제 영역에 드래그 앤 드롭 터치에 의해 이동하는 삭제 기능 또는 다른 썸네일 이미지 사이의 공간으로 이동하는 이동 기능일 수 있다. 더욱이 상기 롱 프레스 터치에 의해 선택된 썸네일 이미지는 플로팅시켜 표시할 수도 있다.'According to some embodiments, the method may further include a step of confirming whether a specific thumbnail image of the page indicator is touched, and a step of performing a corresponding function according to a touch type of the thumbnail image. In this case, when the touch type is a tap-type touch for the thumbnail image, a process of displaying a page for the corresponding thumbnail as a current page, and a process of displaying a thumbnail image corresponding to the current page in the page indicator to be highlighted may further include. Also, when the touch type is a long press touch for the selected thumbnail image, the method may further include performing a function corresponding to the movement of the thumbnail image while maintaining the touch. The corresponding function may be a deletion function of moving the selected thumbnail image to a deletion area by a drag and drop touch or a movement function of moving the selected thumbnail image to a space between other thumbnail images. Furthermore, the thumbnail image selected by the long press touch may be displayed by floating.'

일부 실시예에 따르면, 현재 페이지에 표시된 오브젝트에 대한 롱 프레스 터치를 확인하는 과정과, 상기 롱 프레스 터치된 오브젝트의 이동에 따른 대응 기능을 수행하는 과정을 더 포함할 수 있다. 여기서, 상기 선택된 오브젝트가 드래그 앤 드롭 터치에 의해 현재 페이지의 다른 영역으로 이동하는 것을 확인하는 과정과 현재 페이지에 대한 썸네일 이미지를 변경된 오브젝트 배치에 상응하게 변경하는 과정을 더 포함할 수 있다.According to some embodiments, the method may further include a process of confirming a long press touch on an object displayed on the current page, and a process of performing a function corresponding to the movement of the long press-touched object. Here, the method may further include a process of confirming that the selected object is moved to another area of the current page by a drag and drop touch, and a process of changing a thumbnail image of the current page to correspond to the changed object arrangement.

일부 실시예에 따르면, 상기 선택된 오브젝트가 상기 페이지 인디케이터의 특정 썸네일 이미지 영역으로 이동하는 것을 확인하는 과정 및 상기 오브젝트의 이동에 따라 대응 기능을 수행하는 과정을 더 포함할 수도 있다. 이러한 경우 상기 이동이 상기 특정 썸네일 이미지 영역으로의 드래그 앤 드롭 터치임을 확인하는 과정 및 상기 오브젝트를 상기 특정 썸네일 이미지에 대응되는 페이지로 이동시키는 과정을 더 포함할 수 있다. 이때, 오브젝트가 변경된 페이지에 대한 썸네일 이미지의 오브젝트 배치 구조를 변경시키는 과정을 더 포함할 수 있다.According to some embodiments, the method may further include confirming that the selected object moves to a specific thumbnail image area of the page indicator and performing a corresponding function according to the movement of the object. In this case, the method may further include the steps of confirming that the movement is a drag and drop touch to the specific thumbnail image area and moving the object to a page corresponding to the specific thumbnail image. In this case, the method may further include changing the object arrangement structure of the thumbnail image for the page in which the object is changed.

일부 실시예에 따르면, 상기 이동이 상기 특정 썸네일 이미지 영역으로의 드래그 앤 홀드 터치임을 확인하는 과정과, 홀드 시간이 임계 범위 이내인지 확인하는 과정과, 상기 홀드 시간이 임계 범위 이내이면 오브젝트를 상기 특정 썸네일 이미지에 대응되는 페이지로 이동시키는 과정 및 현재 페이지를 상기 오브젝트가 이동한 페이지로 변경시키는 과정을 더 포함할 수 있다. 이때, 역시 오브젝트가 변경된 페이지에 대한 썸네일 이미지의 오브젝트 배치 구조를 변경시키는 과정을 더 포함할 수 있다.According to some embodiments, the process of confirming that the movement is a drag and hold touch to the specific thumbnail image area, the process of confirming whether the hold time is within a threshold range, and the process of confirming that the hold time is within the threshold range, setting the object to the specific The method may further include a process of moving to a page corresponding to the thumbnail image and a process of changing a current page to a page to which the object has moved. In this case, the method may further include changing the object arrangement structure of the thumbnail image for the page in which the object is also changed.

일부 실시예에 따르면, 상기 홀드 시간이 임계 범위 이상일 경우 오브젝트가 이동된 썸네일 이미지와 대응되는 페이지를 현재 페이지로 표시하는 과정과, 현재 페이지의 기 설정된 영역에 오브젝트에 대한 고스트 이미지를 표시하는 과정과, 상기 선택된 썸네일 이미지 영역에서 특정 방향으로의 드래그 터치가 있는지 확인하는 과정 및 상기 드래그 터치에 따라 상기 현재 페이지 영역에서 고스트 이미지를 이동시키는 과정을 더 포함할 수 있다. 이때, 상기 터치가 해제되면 오브젝트를 상기 현재 페이지의 고스트 이미지가 이동된 영역에 고정시키는 과정과, 상기 오브젝트가 변경된 페이지에 대한 썸네일 이미지의 오브젝트 배치 구조를 변경시키는 과정을 더 포함할 수 있다.According to some embodiments, when the hold time is equal to or greater than a threshold range, displaying a page corresponding to the thumbnail image to which the object is moved as the current page, displaying a ghost image of the object in a preset area of the current page, , checking whether there is a drag touch in a specific direction in the selected thumbnail image area and moving the ghost image in the current page area according to the drag touch. In this case, when the touch is released, the method may further include fixing an object to the area to which the ghost image of the current page has been moved, and changing an object arrangement structure of a thumbnail image for the page in which the object is changed.

더욱이 일부 실시예에 따르면, 현재 페이지 영역에서 패닝(panning) 터치를 확인하는 과정과, 패닝 길이를 확인하는 과정 및 상기 확인된 패닝 길이에 따라 페이지 탐색을 수행하는 과정을 포함할 수 있다. 이때, 전체 페이지에 대한 각각의 개별 표시자를 갖는 인디케이터를 표시하는 과정을 더 포함할 수 있으며 상기 전자 장치의 표시부에 표시되는 페이지의 영역이 가장 큰 페이지에 해당하는 개별 표시자를 다른 개별 표시자와 식별하여 표시할 수도 있다.Furthermore, according to some embodiments, the process may include a process of confirming a panning touch in the current page area, a process of confirming a panning length, and a process of performing a page search according to the checked panning length. In this case, the method may further include displaying an indicator having each individual indicator for the entire page, and identifying an individual indicator corresponding to a page having the largest page area displayed on the display unit of the electronic device from other individual indicators can also be displayed.

일부 실시예에 따르면, 상기 패닝 길이를 확인하는 과정은 상기 전자 장치의 전체 페이지 수를 고려하여 결정할 수도 있으며, 상기 전자 장치의 전체 페이지 수에 관계없이 기 설정된 패닝 길이를 확인하는 과정일 수도 있다.According to some embodiments, the process of determining the panning length may be determined in consideration of the total number of pages of the electronic device, or may be a process of confirming a preset panning length regardless of the total number of pages of the electronic device.

일부 실시예에 따르면, 터치 스크린과, 적어도 하나의 프로세서와, 메모리 및 상기 메모리에 저장되며 상기 하나의 프로세서에 의해 구동되는 프로그램을 포함하며, 상기 프로그램은, 현재 모드가 편집 모드인지 확인하고, 편집 모드일 경우 현재 페이지를 표시하고, 상기 현재 페이지와 별도의 영역에 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시하는 장치가 개시되고 있다. According to some embodiments, it includes a touch screen, at least one processor, a memory and a program stored in the memory and driven by the one processor, wherein the program checks whether a current mode is an edit mode, and edits Mode, an apparatus for displaying a current page and displaying a thumbnail-type page indicator for all pages in an area separate from the current page is disclosed.

일부 실시예에 따르면, 터치 스크린과, 적어도 하나의 프로세서와, 메모리 및 상기 메모리에 저장되며 상기 하나의 프로세서에 의해 구동되는 프로그램을 포함하며, 상기 프로그램은, 현재 페이지 영역에서 패닝(panning) 터치를 확인하고, 패닝 길이를 확인하며, 상기 확인된 패닝 길이에 따라 페이지 탐색을 수행하는 장치가 역시 개시되고 있다.According to some embodiments, a touch screen, at least one processor, a memory, and a program stored in the memory and driven by the one processor, wherein the program performs a panning touch in a current page area. An apparatus for checking, checking a panning length, and performing a page search according to the checked panning length is also disclosed.

일부 실시예에 따르면, 명령어들을 저장하는 컴퓨터 판독가능 기록 매체로서, 상기 명령어들은 터치 스크린을 갖는 장치에 의해 실행되는 경우, 상기 장치로 하여금 상기 터치 스크린에 표시된 화면이 편집 모드인지 확인하고, 편집 모드일 경우 현재 페이지를 표시하고, 상기 현재 페이지와 별도의 영역에 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시하는 컴퓨터 판독 가능 기록 매체를 개시하고 있다.According to some embodiments, a computer-readable recording medium storing instructions, when the instructions are executed by a device having a touch screen, cause the device to confirm that a screen displayed on the touch screen is in an edit mode, and to perform an edit mode Disclosed is a computer-readable recording medium that displays a current page in one case and displays a thumbnail-type page indicator for all pages in an area separate from the current page.

일부 실시예에 따르면, 터치 스크린을 갖는 장치에서, 상기 터치 스크린에 표시된 화면이 편집 모드인지 확인하는 과정과, 편집 모드일 경우 현재 페이지를 표시하는 과정 및 상기 현재 페이지와 별도의 영역에 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시하는 과정을 포함하는 컴퓨터로 구현하는 방법을 개시하고 있다.According to some embodiments, in a device having a touch screen, the process of determining whether the screen displayed on the touch screen is in the edit mode, the process of displaying the current page in the edit mode, and the process of displaying the entire page in an area separate from the current page Disclosed is a computer-implemented method including a process of displaying a page indicator in a thumbnail format for a .

일부 실시예에 따르면, 명령어들을 저장하는 컴퓨터 판독가능 기록 매체로서, 상기 명령어들은 터치 스크린을 갖는 장치에 의해 실행되는 경우, 상기 장치로 하여금 현재 페이지 영역에서 패닝(panning) 터치를 확인하고, 패닝 길이를 확인하며, 상기 확인된 패닝 길이에 따라 페이지 탐색을 수행하는 컴퓨터 판독 가능 기록 매체를 개시하고 있다.According to some embodiments, there is a computer-readable recording medium storing instructions, the instructions, when executed by a device having a touch screen, cause the device to identify a panning touch in a current page area, and to determine a panning length. Disclosed is a computer-readable recording medium that checks and performs a page search according to the checked panning length.

더욱이 일부 실시예에 따르면, 터치 스크린을 갖는 장치에서, 현재 페이지 영역에서 패닝(panning) 터치를 확인하는 과정과, 패닝 길이를 확인하는 과정 및 상기 확인된 패닝 길이에 따라 페이지 탐색을 수행하는 과정을 포함하는 컴퓨터로 구현하는 방법을 역시 개시하고 있다..Furthermore, according to some embodiments, in the device having a touch screen, a process of confirming a panning touch in the current page area, a process of confirming a panning length, and a process of performing a page search according to the checked panning length are performed. Also disclosed is a computer-implemented method comprising.

본 발명에 따른 방법은 좀더 직관적이고 빠르게 페이지를 운용할 수 있는 효과가 있다.The method according to the present invention has the effect of more intuitively and quickly operating the page.

도 1은 본 실시예에 따른 전자 장치의 블록 구성도;
도 2는 본 실시예에 따른 프로세서의 블록 구성도;
도 3은 본 실시예에 따른 전자 장치에 디스플레이되는 페이지의 예시적인 도면;
도 4는 본 실시예에 따른 전자 장치의 페이지 편집 화면에 진입하기 위한 메뉴 화면을 도시한 도면;
도 5는 본 실시예에 따른 전자 장치의 페이지 편집 화면에 진입하기 위한 방법을 설명한 흐름도;
도 6은 본 실시예에 따른 전자 장치의 표시부에 표시된 페이지 편집 화면을 예시적으로 도시한 도면;
도 7은 본 실시예에 따른 페이지 변경 방법을 도시한 흐름도;
도 8a 및 도 8b는 도 7의 방법을 예시적으로 도시한 도면;
도 9는 본 실시예에 따른 페이지 편집 방법을 도시한 흐름도;
도 10은 도 9의 방법을 예시적으로 도시한 도면;
도 11은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도;
도 12a 및 도 12b는 도 11의 방법을 예시적으로 도시한 도면;
도 13은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도;
도 14a 및 도 14b는 도 13의 방법을 예시적으로 도시한 도면;
도 15는 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도;
도 16a 및 도 16b는 도 15의 방법을 예시적으로 도시한 도면;
도 17은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도;
도 18a 및 도 18b는 도 17의 방법을 예시적으로 도시한 도면;
도 19 내지 도 22는 본 실시예에 따른 별도의 편집 화면 없이 오브젝트를 롱 프레스(long press) 터치한 상태에서 오브젝트의 이동 방법을 도시한 흐름도;
도 23은 본 실시예에 따른 빠른 페이지 네비게이션(fast page navigation) d방법을 도시한 흐름도;
도 24는 도 23의 방법을 예시적으로 도시한 도면; 및
도 25a 및 도 25b는 도 23의 방법에 따른 페이지 네비게이션을 위한 패닝 거리를 예시적으로 도시한 도면.
1 is a block diagram of an electronic device according to an exemplary embodiment;
2 is a block diagram of a processor according to the present embodiment;
3 is an exemplary view of a page displayed on an electronic device according to the present embodiment;
4 is a diagram illustrating a menu screen for entering a page editing screen of the electronic device according to the present embodiment;
5 is a flowchart illustrating a method for entering a page editing screen of an electronic device according to the present embodiment;
6 exemplarily illustrates a page editing screen displayed on a display unit of an electronic device according to the present embodiment;
Fig. 7 is a flowchart showing a page change method according to the present embodiment;
Figures 8a and 8b exemplarily show the method of Figure 7;
Fig. 9 is a flowchart showing a page editing method according to the present embodiment;
Fig. 10 exemplarily shows the method of Fig. 9;
11 is a flowchart illustrating a method for moving an object according to the present embodiment;
12A and 12B exemplarily show the method of FIG. 11 ;
13 is a flowchart illustrating a method for moving an object according to the present embodiment;
Figures 14a and 14b exemplarily show the method of Figure 13;
15 is a flowchart illustrating a method for moving an object according to the present embodiment;
Figures 16a and 16b exemplarily show the method of Figure 15;
17 is a flowchart illustrating a method for moving an object according to the present embodiment;
18A and 18B exemplarily show the method of FIG. 17;
19 to 22 are flowcharts illustrating a method of moving an object in a state where an object is long-pressed and touched without a separate editing screen according to the present embodiment;
23 is a flowchart illustrating a fast page navigation method d according to the present embodiment;
Fig. 24 exemplarily shows the method of Fig. 23; and
25A and 25B are diagrams exemplarily showing a panning distance for page navigation according to the method of FIG. 23;

이하 본 실시 예를 첨부된 도면을 참조하여 상세히 설명한다. 그리고, 본 실시예를 설명함에 있어서, 관련된 공지기능 혹은 구성에 대한 구체적인 설명이 본 실시예의 요지를 불필요하게 흐릴 수 있다고 판단된 경우 그 상세한 설명은 생략한다. 그리고 후술되는 용어들은 본 실시예에서의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다. 또한 각 도면에 동일한 구성 요소에 대해서는 동일한 부호를 사용하였고, 한번 전술된 구성 요소에 대하여 불필요하다고 판단될 경우 그 부호에 대한 재차 설명을 생략하기로 한다.Hereinafter, this embodiment will be described in detail with reference to the accompanying drawings. In the description of the present embodiment, if it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the gist of the present embodiment, the detailed description thereof will be omitted. In addition, the terms to be described later are terms defined in consideration of functions in the present embodiment, which may vary according to intentions or customs of users and operators. Therefore, the definition should be made based on the content throughout this specification. In addition, the same reference numerals are used for the same components in each drawing, and once it is determined that the above-described components are unnecessary, the description of the reference numerals will be omitted again.

본 실시예를 설명함에 있어서 전자 장치는 입력 장치를 통한 입력 과정과, 표시부를 통한 표시 과정을 물리적인 한 화면에서 수행할 수 있는 터치 스크린(Touch Screen)을 기준으로 설명할 것이다. 따라서 본 실시예의 장치 구성에서 표시부와 입력 장치는 따로 도시되어 있을지라도, 표시부를 표현하는 경우 입력 장치를 포함하고 있거나, 입력장치를 표시부로 나타낼 수도 있다. 더욱이, 본 실시예에서 표시부는 터치 스크린(장치)으로 기술될 수 있음을 알아야 한다.In the description of the present embodiment, the electronic device will be described with reference to a touch screen capable of performing an input process through an input device and a display process through a display unit on one physical screen. Accordingly, although the display unit and the input device are separately illustrated in the device configuration of the present embodiment, the display unit may include the input device or the input device may be expressed as the display unit. Moreover, it should be noted that the display unit in this embodiment can be described as a touch screen (device).

더하여, 본 실시예는 터치 스크린을 포함하는 전자 장치에만 국한되지 않고 다양한 전자 장치에 적용될 수 있으며, 그 중 한 예로 표시부와 입력 장치가 물리적으로 분리, 구분되어 있는 전자 장치에도 적용될 수 있을 것이다.In addition, the present embodiment is not limited to an electronic device including a touch screen, but may be applied to various electronic devices, and one example may be applied to an electronic device in which a display unit and an input device are physically separated and separated.

본 실시예들을 설명함에 있어 전자 장치로는 표시부로써 터치 스크린을 포함하는 전자 장치를 도시하고 이에 대하여 설명하였으나 이에 국한되지는 않는다. 예컨대, 전자 장치로는 터치 스크린을 포함하는 다양한 기기, 즉, PDA(Personal Digital Assistant), 랩탑 컴퓨터(Laptop Computer), 모바일 폰(Mobile Phone), 스마트폰(Smart Phone), 넷북(Netbook), 휴대 인터넷 장치(MID: Mobile Internet Device), 울트라 모바일 PC(UMPC: Ultra Mobile PC), 태블릿 PC(Tablet Personal Computer), 네비게이션, MP3등 다양한 장치에 적용 가능하다.In the description of the present embodiments, an electronic device including a touch screen as a display is illustrated and described as an electronic device, but the present invention is not limited thereto. For example, as an electronic device, various devices including a touch screen, that is, a personal digital assistant (PDA), a laptop computer, a mobile phone, a smart phone, a netbook, a portable It can be applied to various devices such as an Internet device (MID: Mobile Internet Device), an ultra mobile PC (UMPC: Ultra Mobile PC), a tablet PC (Tablet Personal Computer), a navigation system, and an MP3 player.

도 1은 본 실시예에 따른 전자 장치의 블록 구성도이다.1 is a block diagram of an electronic device according to an exemplary embodiment.

도 1을 참고하면, 전자 장치(100)는 메모리(110), 프로세서 유닛(processor unit)(120), 입출력 처리부(130), 표시부(131), 입력 장치(132), 오디오 처리부(133) 및 통신 시스템(136)을 포함한다. 각각의 구성 요소들은 하나 이상의 통신 버스 또는 신호선(101)을 통해 상호 통신할 수 있다.Referring to FIG. 1 , the electronic device 100 includes a memory 110 , a processor unit 120 , an input/output processing unit 130 , a display unit 131 , an input device 132 , an audio processing unit 133 and communication system 136 . Each of the components may communicate with each other via one or more communication buses or signal lines 101 .

각 구성 요소를 설명하면 다음과 같다.Each component is described as follows.

메모리(110)는 전자 장치(100)의 동작을 제어하기 위한 프로그램을 저장하는 프로그램 저장부(111) 및 프로그램 수행 중에 발생 되는 데이터를 저장하는 데이터 저장부(112)를 포함하고, 프로세서(122)의 동작으로 프로그램에서 생성된 데이터 등을 저장한다.The memory 110 includes a program storage 111 that stores a program for controlling the operation of the electronic device 100 and a data storage 112 that stores data generated during program execution, and the processor 122 Saves the data generated in the program by the operation of

예를 들어, 데이터 저장부(112)에는 프로세서(122)가 터치 인식 프로그램(117)을 통해 실행되고 있는 관련 프로그램들을 결정하는 과정에서 이용할 수 있는 데이터베이스 정보를 저장하고, 관련 프로그램들을 표시부(131)에 표시하는 과정에서 그래픽 사용자 인터페이스(GUI: Graphic User Interface)의 동작을 구성하는데 필요한 설정 정보 등의 데이터가 저장될 수 있다.For example, in the data storage unit 112 , the processor 122 stores database information that can be used in the process of determining the related programs being executed through the touch recognition program 117 , and displays the related programs on the display unit 131 . Data such as setting information necessary for configuring the operation of a graphic user interface (GUI) may be stored in the process of displaying the data.

프로그램 저장부(111)는 응용 프로그램(113), 그래픽 사용자 인터페이스(GUI: Graphic User Interface) 프로그램(114), 통신 제어 프로그램(115), 입출력 제어 프로그램(116) 및 터치 인식 프로그램(117)을 포함한다. 여기서, 프로그램 저장부(111)에 포함되는 프로그램은 명령어들의 집합으로 구성되어 명령어 세트(Instruction Set)로 표현될 수도 있다.The program storage unit 111 includes an application program 113 , a graphic user interface (GUI) program 114 , a communication control program 115 , an input/output control program 116 , and a touch recognition program 117 . do. Here, the program included in the program storage unit 111 may consist of a set of instructions and may be expressed as an instruction set.

응용프로그램(113)은 전자장치(100)에 설치된 적어도 하나의 응용 프로그램에 대한 소프트웨어 구성 요소를 포함한다. The application program 113 includes a software component for at least one application program installed in the electronic device 100 .

GUI 프로그램(114)은 표시부(131) 상에 그래픽으로 사용자 인터페이스를 제공하기 위한 적어도 하나의 소프트웨어 구성요소를 포함한다. 예를 들어, GUI 프로그램(113)은 프로세서(122)에 의해 구동되는 응용프로그램 정보를 표시부(131)에 표시하도록 제어할 수 있다. The GUI program 114 includes at least one software component for graphically providing a user interface on the display unit 131 . For example, the GUI program 113 may control to display application program information driven by the processor 122 on the display unit 131 .

만일 터치 인식 프로그램을 통해 표시 정보(예를 들어, 페이지, 각각의 페이지에 포함되는 오브젝트 등)에 대한 이동이 결정될 경우 GUI 프로그램(113)은 표시부(131)에 표시된 표시 정보를 이동된 위치에 표시하도록 제어할 수 있다.If the movement of the display information (eg, a page, an object included in each page, etc.) is determined through the touch recognition program, the GUI program 113 displays the display information displayed on the display unit 131 at the moved position. can be controlled to do so.

통신 제어 프로그램(115)은 통신 시스템(136)을 이용한 적어도 하나의 제 2 전자 장치와의 통신을 제어하기 위한 적어도 하나의 소프트웨어 구성요소를 포함한다. 예를 들어, 통신 제어 프로그램(115)은 통신을 연결하기 위한 다른 전자 장치를 검색한다(device discovery). 만일, 통신 연결을 위한 다른 전자 장치가 검색된 경우, 통신 제어 프로그램(115)은 다른 전자 장치와 통신을 위한 연결을 설정한다(connection set up). 이후, 통신 제어 프로그램(115)은 연결된 다른 전자 장치와의 성능 검색(capability discovery) 및 세션 성립(Session Establishment) 절차를 수행하여 통신 시스템(136)을 통해 다른 전자 장치와 데이터를 송수신하도록 제어한다.The communication control program 115 includes at least one software component for controlling communication with at least one second electronic device using the communication system 136 . For example, the communication control program 115 discovers another electronic device for connecting communication (device discovery). If another electronic device for communication connection is found, the communication control program 115 establishes a connection for communication with the other electronic device (connection set up). Thereafter, the communication control program 115 controls to transmit/receive data to and from another electronic device through the communication system 136 by performing a capability discovery and session establishment procedure with the other connected electronic device.

입출력 제어 프로그램(116)은 전자 장치(100)의 동작을 표시부(131)에 표시하고, 입력 장치(132)를 통해 외부로부터 전자 장치(100)의 동작 명령을 입력받는다.The input/output control program 116 displays the operation of the electronic device 100 on the display unit 131 , and receives an operation command of the electronic device 100 from the outside through the input device 132 .

터치 인식 프로그램(117)은 터치의 성격이나 이동 방향을 고려하여 터치 성향에 따른 대응 기능을 결정하기 위한 적어도 하나의 소프트웨어 구성 요소를 포함한다. 이러한 터치 성향은 예를 들어, 일정 시간 동안 길게 터치 상태를 유지하는 롱 프레스 터치(long press touch)(1171), 터치 된 상태에서 책장을 넘기듯이 페이지를 넘기는 동작으로 대응되는 스와이프 터치(swipe touch)(1172), 터치 된 상태에서 일정 길이 만큼 끌고 터치를 해제하는 드래그 앤 드롭 터치(drag and drop touch)(1173), 터치 된 상태에서 일정 길이 만큼 끌고 그 상태를 일정 시간 만큼 유지하는 드래그 앤 홀드 터치(drag and hold touch)(1174), 터치된 상태를 유지하면서 스와이프 동작을 수행하는 패닝 터치(panning touch)(1175) 등이 있고, 이 밖에도 플릭킹 터치(flicking touch)(1176), 핀치 아웃 터치(pinch out touch)(1177), 핀치 인 터치(pinch in touch)(1178) 등 다양한 방식의 터치로 대별될 수 있다.The touch recognition program 117 includes at least one software component for determining a corresponding function according to the touch tendency in consideration of the nature or movement direction of the touch. Such a touch tendency is, for example, a long press touch 1171 that maintains a long touch state for a certain period of time, and a swipe touch corresponding to a page turning operation like turning a bookshelf in a touched state. ) (1172), drag and drop touch (1173) for dragging a certain length in a touched state and releasing the touch, drag and hold by dragging a certain length in a touched state and maintaining the state for a certain period of time There is a touch (drag and hold touch) 1174, a panning touch (1175) that performs a swipe operation while maintaining a touched state, and the like, and in addition, a flicking touch (1176), a pinch It may be roughly classified into various types of touch, such as a pinch out touch 1177 and a pinch in touch 1178 .

예를 들어, 터치 인식 프로그램(117)은 본 실시예에 따라 페이지 편집 상태에서 특정 오브젝트를 롱 프레스 터치하면 해당 오브젝트를 플로팅시켜 표시할 수 있을 것이며, 터치된 오브젝트에 대한 해당 위치까지 드래그 앤 드롭 터치 또는 드래그 앤 홀드 터치에 해당하는 대응 기능을 수행하는 프로그램을 포함할 수 있을 것이다.For example, when the touch recognition program 117 long presses and touches a specific object in the page editing state according to the present embodiment, the corresponding object may be displayed by floating, and drag and drop touch to the corresponding position for the touched object Alternatively, it may include a program that performs a function corresponding to the drag and hold touch.

전자 장치(100)에 포함되는 메모리(110)는 한 개 이상, 다수 개로 구성될 수 있다. 또한 용도에 따라서 프로그램 저장부(111)만의 기능을 할 수도, 데이터 저장부(112)만의 기능을 할 수도, 두 가지 모두의 기능을 할 수도 있으며, 장치 특성상 메모리(110) 내부의 물리적 영역 구분은 명확하지 않을 수도 있다.One or more memories 110 included in the electronic device 100 may be configured. In addition, depending on the purpose, the function of the program storage unit 111 alone, the function of the data storage unit 112 alone, or both functions may be performed. It may not be clear.

프로세서 유닛(120)은 메모리 인터페이스(121), 적어도 하나의 프로세서(processor)(122) 및 주변 장치 인터페이스(123)를 포함한다. 여기서, 프로세서 유닛(120)에 포함되는 메모리 인터페이스(121), 적어도 하나의 프로세서(122) 및 주변 장치 인터페이스(123)는 적어도 하나의 회로로 집적화되거나 별개의 구성 요소로 구현될 수 있다.The processor unit 120 includes a memory interface 121 , at least one processor 122 , and a peripheral device interface 123 . Here, the memory interface 121 , the at least one processor 122 , and the peripheral device interface 123 included in the processor unit 120 may be integrated into at least one circuit or implemented as separate components.

메모리 인터페이스(121)는 프로세서(122) 또는 주변 장치 인터페이스(123)와 같은 구성요소의 메모리(110) 접근을 제어한다.The memory interface 121 controls access to the memory 110 of components such as the processor 122 or the peripheral interface 123 .

주변 장치 인터페이스(123)는 전자 장치(100)의 입출력 주변 장치와 프로세서(122) 및 메모리 인터페이스(121)의 연결을 제어한다.The peripheral device interface 123 controls the connection between the input/output peripheral device of the electronic device 100 and the processor 122 and the memory interface 121 .

프로세서(122)는 적어도 하나의 소프트웨어 프로그램을 사용하여 전자 장치(100)가 다양한 멀티미디어, 통신 등의 서비스를 제공하도록 제어하고, 입출력 처리부(130)을 통해 표시부(131)로 전자 장치의 GUI 동작을 확인할 수 있도록 표시하고, 입력 장치(132)로 전자 장치(100) 외부로부터의 입력받은 명령을 제공하도록 제어한다. 이때, 프로세서(122)는 메모리(110)에 저장되어 있는 적어도 하나의 프로그램을 실행하여 해당 프로그램에 대응하는 서비스를 제공하도록 제어한다.The processor 122 controls the electronic device 100 to provide various multimedia and communication services using at least one software program, and controls the GUI operation of the electronic device to the display unit 131 through the input/output processing unit 130 . It is displayed so that it can be checked, and the input device 132 is controlled to provide a command input from the outside of the electronic device 100 . In this case, the processor 122 executes at least one program stored in the memory 110 and controls to provide a service corresponding to the program.

오디오 처리부(133)는 스피커(134) 및 마이크로폰(135)을 통해 사용자와 전자 장치(100) 사이의 오디오 인터페이스를 제공한다.The audio processing unit 133 provides an audio interface between the user and the electronic device 100 through the speaker 134 and the microphone 135 .

통신 시스템(136)은 통신 기능을 수행한다. 예를 들어, 통신 시스템(136)은 기지국을 통하는 등의 이동 통신, 적외선 무선통신(IrDA), 블루투스(Bluetooth) 등의 근거리 무선 통신 및 무선랜 통신, 유선 통신 중 적어도 어느 하나를 이용하여 다른 전자 장치와의 통신을 수행한다.Communication system 136 performs communication functions. For example, the communication system 136 uses at least one of mobile communication, such as through a base station, short-range wireless communication, such as infrared wireless communication (IrDA), Bluetooth, and wireless LAN communication, and wired communication. communication with the device.

입출력 처리부(130)는 표시부(131) 및 입력 장치(132) 등의 입출력 장치와 주변 장치 인터페이스(123) 사이에 인터페이스를 제공한다. The input/output processing unit 130 provides an interface between the input/output device such as the display unit 131 and the input device 132 and the peripheral device interface 123 .

입력 장치(132)는 사용자의 선택에 의해 발생하는 입력 데이터를 입출력 처리부(130)를 통해 프로세서 유닛(120)으로 제공한다. 예를 들어, 입력 장치(132)는 전자 장치(100)의 제어를 위한 제어 버튼만을 포함하여 구성된다. 다른 예를 들어, 입력 장치(132)는 사용자로부터 입력 데이터를 제공받기 위한 키패드로 구성될 수도 있다. The input device 132 provides input data generated by the user's selection to the processor unit 120 through the input/output processing unit 130 . For example, the input device 132 is configured to include only a control button for controlling the electronic device 100 . For another example, the input device 132 may be configured as a keypad for receiving input data from the user.

그러나 이에 국한되지 않으며, 예를 들어 입력 장치(132)는 터치 스크린 방식으로 표시부(131)에 포함되어 제공될 수 있다. 이때 터치 스크린 방식은 정전 방식으로 동작하는 터치 스크린 장치과, 감압 방식으로 동작하는 터치 스크린 장치 등을 사용할 수 있다.However, the present invention is not limited thereto, and for example, the input device 132 may be included in the display unit 131 in a touch screen method and provided. In this case, as the touch screen method, a touch screen device operating in an electrostatic method, a touch screen device operating in a pressure reduction method, or the like may be used.

표시부(131)는 전자 장치(100)의 상태 정보, 사용자가 입력하는 문자, 동화상(moving picture) 및 정화상(still picture) 등을 프로세서 유닛(120)으로부터 제공받아 입출력 처리부(130)를 통해 표시한다. 예를 들어, 프로세서(122)는 전자 장치(100)에서 실행되고 있는 프로그램과 관련성을 가지고 있는 터치 인식 성향에 대응하는 설정 정보에 따라서 표시부(131)에 표시하도록 제어한다.The display unit 131 receives status information of the electronic device 100 , text input by a user, a moving picture, a still picture, etc. from the processor unit 120 and displays it through the input/output processing unit 130 . do. For example, the processor 122 controls to display on the display unit 131 according to setting information corresponding to a touch recognition tendency that is related to a program being executed in the electronic device 100 .

입력 장치(132)와 마찬가지로 표시부(131)가 터치 스크린으로 구성되는 경우, 하나의 터치 스크린에서 표시부(131)의 기능과, 입력 장치(132)의 기능을 모두 수행할 수 있을 것이다.When the display unit 131 is configured as a touch screen like the input device 132 , both the function of the display unit 131 and the function of the input device 132 may be performed on one touch screen.

도 2는 본 실시예에 따른 프로세서의 블록 구성도이다.2 is a block diagram of a processor according to the present embodiment.

도 2를 참고하면 프로세서(122)는 터치 인식 제어부(200), GUI 제어부(210) 및 응용프로그램 구동부(220)를 포함한다. Referring to FIG. 2 , the processor 122 includes a touch recognition control unit 200 , a GUI control unit 210 , and an application program driving unit 220 .

터치 인식 제어부(200)는 저장부(110)에 저장된 터치 인식 프로그램(117)을 실행하여 터치 성향을 고려함으로써 터치 이동에 따른 대응 기능을 결정할 수 있다. 구체적으로 터치 인식 제어부(200)는 페이지 편집 모드에서 본 실시예에 따른 썸네일 이미지를 포함하는 페이지 인디케이터 중 특정 썸네일 이미지에 대한 터치를 확인하고 썸네일을 현재 페이지에 표시하거나 썸네일 이미지의 이동에 따른 대응 기능을 수행한다. 예를 들어, 특정 썸네일 이미지에 대한 단일 터치를 인식하면 해당 페이지로 현재 페이지를 변경시킬 수 있으며, 썸네일 이미지에 대한 롱 프레스 터치 후 소정 위치로의 드래그 앤 드롭 터치를 확인하면 해당 위치로 대응 썸네일 이미지의 이동시키거나 삭제할 수도 있다. 또한, 롱 프레스 터치 후 드래그 앤 홀드 동작 및 홀드 시간에 따라 해당 기능을 수행할 수도 있다. 이와 관련한 상세한 내용은 후술하기로 한다.The touch recognition controller 200 executes the touch recognition program 117 stored in the storage 110 and considers the touch tendency to determine a corresponding function according to the touch movement. Specifically, the touch recognition control unit 200 checks a touch on a specific thumbnail image among page indicators including a thumbnail image according to the present embodiment in the page editing mode and displays the thumbnail on the current page or a corresponding function according to the movement of the thumbnail image carry out For example, if a single touch on a specific thumbnail image is recognized, the current page can be changed to the corresponding page. After a long press touch on the thumbnail image, drag and drop touch to a predetermined location is confirmed, the corresponding thumbnail image may be moved or deleted. In addition, the corresponding function may be performed according to the drag and hold operation and the hold time after the long press touch. Details related to this will be described later.

또한, 터치 인식 제어부(200)는 페이지 편집 모드에서 현재 페이지에 포함된 특정 오브젝트를 해당 위치로 이동시키도록 제어할 수도 있다. 예를 들어, 해당 오브젝트의 롱 프레스 터치 후 드래그 앤 드롭 터치를 확인하여 해당 위치로 오브젝트를 이동시키거나 드래그 앤 홀드 터치를 확인하여 해당 위치로 오브젝트를 이동시키기 전에 이동된 페이지내의 소정의 영역으로 위치를 변경시킬 수도 있다.Also, the touch recognition controller 200 may control to move a specific object included in the current page to a corresponding position in the page editing mode. For example, after a long press touch of the object, check the drag and drop touch to move the object to the corresponding position, or check the drag and hold touch to move the object to the corresponding position before moving the object to the specified area in the moved page. may be changed.

또한, 터치 인식 제어부(200)는 기본 페이지 표시 화면에서 오브젝트에 대한 롱 프레스 터치를 확인하고 오브젝트 편집 모드로 진입하도록 제어할 수도 있다. 이러한 경우 오브젝트에서 터치가 해제되기 전까지 오브젝트 편집 화면은 상술한 페이지 편집 모드일 때의 화면과 동일한 화면을 표시할 수 있으며, 다양한 방식의 터치 성향을 확인하여 오브젝트 이동에 따른 대응 기능을 수행하도록 제어할 수도 있다.In addition, the touch recognition control unit 200 may check the long press touch on the object on the basic page display screen and control to enter the object editing mode. In this case, until the touch is released from the object, the object editing screen can display the same screen as the screen in the page editing mode described above. may be

또한, 터치 인식 제어부(200)는 기본 페이지 표시 화면에서 패닝 동작을 감지하면 전체 페이지를 확인하고 전체 페이지에 해당하는 기 설정된 패닝 길이에 따른 페이지 넘김 동작을 수행하도록 제어할 수도 있다.Also, when a panning operation is detected on the basic page display screen, the touch recognition control unit 200 may check the entire page and control to perform a page turning operation according to a preset panning length corresponding to the entire page.

GUI 제어부(210)는 프로그램 저장부(111)에 저장된 GUI 프로그램(114)을 실행하여 표시부(131)상에 그래픽으로 사용자 인터페이스를 표시하도록 제어한다. 예를 들어, GUI 제어부(210)는 응용프로그램 구동부(220)에서 구동되는 응용프로그램 정보를 표시부(131)에 표시하도록 제어한다. 예를 들어, 터치 인식 제어부(20))에서 표시 정보(예를 들어 오브젝트, 썸네일 이미지 등)에 대한 롱 프레스 터치, 드래그 앤 드롭 터치, 드래그 앤 홀드 터치 등이 결정된 경우, GUI 제어부(210)는 표시부(313)에 표시된 표시 정보를 특정 페이지 또는 페이지의 특정 영역 등으로 이동하여 표시하도록 제어할 수 있다. The GUI control unit 210 controls to display the user interface graphically on the display unit 131 by executing the GUI program 114 stored in the program storage unit 111 . For example, the GUI control unit 210 controls the display unit 131 to display application program information driven by the application program driving unit 220 . For example, when a long press touch, drag and drop touch, drag and hold touch, etc. for display information (eg, object, thumbnail image, etc.) is determined in the touch recognition control unit 20), the GUI control unit 210 is The display information displayed on the display unit 313 may be controlled to be displayed by moving it to a specific page or a specific area of the page.

응용프로그램 구동부(220)는 프로그램 저장부(111)에 저장된 적어도 하나의 응용 프로그램(113)을 실행하여 해당 응용프로그램에 따른 서비스를 제공한다. The application driver 220 executes at least one application program 113 stored in the program storage unit 111 to provide a service according to the application program.

다른 실시 예에서 전자 장치(100)는 터치 정보에 따른 터치 기능을 결정하는 별도의 제어 모듈을 포함할 수도 있다.In another embodiment, the electronic device 100 may include a separate control module that determines a touch function according to touch information.

도 3은 본 실시예에 따른 전자 장치(100)에 표시되는 페이지의 예시적인 도면으로써 전자 장치를 웨이크 업(wake up) 시켰을 경우(때에 따라서는 잠금 화면이 해제되었을 경우) 표시되는 기본 화면을 도시하고 있다.3 is an exemplary view of a page displayed on the electronic device 100 according to the present embodiment, and illustrates a basic screen displayed when the electronic device is woken up (in some cases, the lock screen is released). are doing

전자 장치는 터치 스크린 영역인 표시부(131)와 표시부(131)가 배치된다. 표시부(131)의 상부에 스피커 장치(102), 다수의 센서들(예컨대, 조도 센서, 근접 센서 등)(103), 카메라 모듈(104)이 배치되어 있으며, 표시부(131)의 하부에 물리적 버튼('홈 버튼'이라도 칭함)(105)이 배치된다. 물리적 버튼(105)은 가압하였을 경우 전자 장치(101)의 현재 실행하는 기능에서 일시적으로 또는 완전히 기본 설정 화면으로 변경시키는 기능을 수행할 수 있다. 또한, 물리적 버튼(105)은 전자 장치(101)가 이동 통신 단말기로 사용될 경우 통화 개시 버튼으로 사용될 수도 있다. 따라서, 물리적 버튼(105)은 사용자가 조작하기 용이한 가압 버튼이 바람직하다. 이러한 가압 버튼으로는 전자 장치(100) 내부에 포함되는 기판에 설치되어 사용자에게 클릭감을 제공하기 위한 메탈돔이 설치된 키 버튼일 수 있다. 또한 물리적 버튼(105)의 일측에는 표시부(131)에 표시된 프로그램 또는 기능에 대한 설정을 위한 터치 패드용 버튼(106)이 배치될 수 있으며, 물리적 버튼(105)의 타측에는 표시부(131)에 표시된 프로그램 또는 기능에 대한 취소를 실행하기 위한 터치 패드용 버튼(107)이 배치될 수 있다. 그러나 이에 국한되지 않으며, 설정용 버튼(106), 취소용 버튼(107)은 여타 공지의 버튼으로 적용되어도 무방하다. 또한, 본 도면에서는 표시부(131)의 외부에 이러한 버튼들(105, 106, 107)이 구비되어 있으나, 이러한 버튼들(105, 106, 107)은 표시부(131)에 일부의 구성 요소로써 함께 표시될 수도 있다.In the electronic device, a display unit 131 that is a touch screen area and a display unit 131 are disposed. A speaker device 102 , a plurality of sensors (eg, an illuminance sensor, a proximity sensor, etc.) 103 , and a camera module 104 are disposed above the display unit 131 , and a physical button is located below the display unit 131 . (also referred to as a 'home button') 105 is disposed. When pressed, the physical button 105 may perform a function of temporarily or completely changing the currently executed function of the electronic device 101 to the basic setting screen. Also, the physical button 105 may be used as a call start button when the electronic device 101 is used as a mobile communication terminal. Therefore, the physical button 105 is preferably a press button that is easy to operate by the user. The pressing button may be a key button provided with a metal dome installed on a substrate included in the electronic device 100 to provide a user with a click feeling. In addition, a button 106 for a touch pad for setting a program or function displayed on the display unit 131 may be disposed on one side of the physical button 105 , and the other side of the physical button 105 is displayed on the display unit 131 . A button 107 for a touch pad for executing cancellation for a program or function may be arranged. However, the present invention is not limited thereto, and the setting button 106 and the cancel button 107 may be applied as other known buttons. In addition, in this figure, these buttons 105 , 106 , 107 are provided on the outside of the display unit 131 , but these buttons 105 , 106 , 107 are displayed together as some components on the display unit 131 . could be

한편, 표시부(131)는 전자 장치(100)가 웨이크 업 되었을 경우 표시되는 기본 화면으로 구성될 수 있다. 표시부(131)에는 다수의 오브젝트들(151, 152, 156, 157, 158, 159)이 일정 간격 또는 특정 영역에 배치될 수 있다. 이러한 오브젝트들(151, 152, 156, 157, 158, 159)은 사용자에 의해 그 위치 또는 영역의 변경 설정이 가능하다. 이러한 오브젝트들(151, 152, 156, 157, 158, 159)은 사용자 설정에 따른 위젯 아이콘들(151, 152), 프로그램들을 표시하는 아이콘들(156, 157, 158, 159)로 표시될 수 있다. 또한, 이러한 오브젝트들은 사용자에 의해 수행될 수 있는 숏컷 아이콘을 더 포함할 수도 있다.Meanwhile, the display unit 131 may be configured as a basic screen displayed when the electronic device 100 wakes up. A plurality of objects 151 , 152 , 156 , 157 , 158 , and 159 may be arranged on the display unit 131 at regular intervals or in a specific area. For these objects 151 , 152 , 156 , 157 , 158 , and 159, the location or area of the objects can be changed and set by the user. These objects 151 , 152 , 156 , 157 , 158 , and 159 may be displayed as widget icons 151 , 152 according to user settings and icons 156 , 157 , 158 , and 159 displaying programs. . In addition, these objects may further include a shortcut icon that can be performed by the user.

전자 장치(100)에 포함되는 다수의 오브젝트들(151, 152, 156, 157, 158, 159)은 현재 보이는 표시부(131)의 화면을 훨씬 넘는 갯수로 구성되는 것이 일반적이다. 따라서, 현재 표시되는 화면은 다수의 페이지들 중 하나의 페이지일 뿐이며 다수의 페이지들이 특정 터치 동작에 의해 넘겨질 수 있다. 이러한 특정 터치 동작으로는 현재 페이지 영역에 대한 일정 방향으로의 스와이프(swipe) 터치, 패닝(panning) 터치에 의해 다음 페이지 또는 이전 페이지로 현재 보이는 화면이 변경될 수 있다.The number of objects 151 , 152 , 156 , 157 , 158 , and 159 included in the electronic device 100 generally exceeds the number of the currently visible screen of the display unit 131 . Accordingly, the currently displayed screen is only one page among the plurality of pages, and the plurality of pages may be turned over by a specific touch operation. As such a specific touch operation, a screen currently viewed as a next page or a previous page may be changed by a swipe touch or a panning touch in a predetermined direction on the current page area.

따라서 사용자는 전자 장치(100)에 구성된 전체 페이지 수를 알 필요가 있으며, 현재 보이는 페이지가 몇 번째 페이지인지도 알아야 한다. 따라서, 전자 장치는 현재 보이는 페이지에 대한 위치, 전체 페이지 정보를 사용자에게 제공하기 위한 대체적으로 현재 표시되는 페이지의 하측에 인디케이터(indicator)(170)를 제공한다. 이러한 인디케이터(170)는 다수의 오브젝트들이 배치되며, 페이지 넘김에 따라 이동되는 페이지 영역 이외의 영역에 배치될 수 있으며, 상술한 터치 동작에 의해 현재 페이지 기준으로 이전 페이지 또는 다음 페이지로 이동할 경우에도 함께 이동되지는 않도록 구현하는 것이 일반적이다.Therefore, the user needs to know the total number of pages configured in the electronic device 100 , and also needs to know which page is the currently viewed page. Accordingly, the electronic device generally provides an indicator 170 below the currently displayed page for providing the user with the location of the currently viewed page and the entire page information. These indicators 170 are a plurality of objects are disposed, may be disposed in areas other than the page area moved as the page is turned, even when moving to the previous page or the next page based on the current page by the above-described touch operation. It is common to implement it so that it is not moved.

도 3에 도시한 바와 같이, 인디케이터(170)에는 세 개의 표시자들(171, 172, 173)이 도시되므로 전체 페이지가 세 개의 페이지로 구성되어 있다는 것을 알 수 있다. 또한, 첫 번째 표시자(171)는 나머지 두 개의 표시자(172)와 다른 크기로 하이라이트되어 표시됨으로써 표시부(131)에 표시되는 현재 페이지가 첫 번째 페이지임을 사용자가 알려줄 수 있는 것이다. 물론 터치 동작에 의해 표시부(131)가 현재 페이지에서 다음 페이지로 이동되어 표시될 경우, 인디케이터(170)의 두 번째 표시자(172)가 다른 표시자들(171, 173)에 비해 크게 하이라이트되어 표시될 수 있음은 자명하다.As shown in FIG. 3 , since three indicators 171 , 172 , and 173 are shown on the indicator 170 , it can be seen that the entire page consists of three pages. Also, the first indicator 171 is highlighted and displayed in a size different from that of the other two indicators 172 , so that the user can inform that the current page displayed on the display unit 131 is the first page. Of course, when the display unit 131 is moved from the current page to the next page by a touch operation and displayed, the second indicator 172 of the indicator 170 is highlighted compared to the other indicators 171 and 173 to be displayed. It is obvious that it can be

한편, 도시된 표시부(131)내의 하측 영역은 고정 메뉴 영역(160)으로써 전자 장치의 기본적인 기능을 위한 오브젝트들(161, 162, 163, 16, 165)을 수용할 수 있다. 예를 들어, 이러한 고정 메뉴 영역(160)에는 전자 장치(100)가 이동 통신 단말기로 사용될 경우 다이얼 아이콘(160), 연락처 아이콘(162), 메시지 송수신 아이콘(164), 어플리케이션 선택 아이콘(165) 등이 배치될 수 있으며, 사용자의 설정에 의하여 자주 사용하는 인터넷 진입 아이콘(163) 등이 배치될 수도 있을 것이다.On the other hand, the lower area in the illustrated display unit 131 is a fixed menu area 160 and can accommodate objects 161 , 162 , 163 , 16 and 165 for basic functions of the electronic device. For example, in the fixed menu area 160 , when the electronic device 100 is used as a mobile communication terminal, a dial icon 160 , a contact icon 162 , a message transmission/reception icon 164 , an application selection icon 165 , etc. may be arranged, and an Internet entry icon 163 that is frequently used may be arranged according to a user's setting.

또한, 도시된 표시부(131)내의 상부 영역은 전자 장치의 각종 상태 정보를 사용자에게 알리기 위한 상태바(141)가 표시된다. 이러한 상태바(141)에는 시간(142), 배터리 상태 표시자(143), 무선 통신을 위한 신호 강도 표시자(144, 145), 전자 장치의 출력 알림 정보 표시자(146) 등을 포함할 수 있다.In addition, a status bar 141 for notifying the user of various status information of the electronic device is displayed in the upper area of the illustrated display unit 131 . The status bar 141 may include a time 142 , a battery status indicator 143 , signal strength indicators 144 and 145 for wireless communication, an output notification information indicator 146 of an electronic device, and the like. have.

도 4는 본 실시예에 따른 전자 장치(100)의 페이지 편집 화면에 진입하기 위한 메뉴 화면을 도시한 도면이다.4 is a diagram illustrating a menu screen for entering a page editing screen of the electronic device 100 according to the present embodiment.

도 4를 참고하면, 현재 페이지가 디스플레이되어 있는 상태에서 예를 들어 사용자의 손가락(F), 터치 펜 등에 의해 설정 키 버튼(106)의 입력을 확인하면 설정 화면 목록(180)을 디스플레이할 수 있다. 이러한 설정 화면 목록으로는 애플리케이션 및 위젯 추가(181), 폴더 추가(182), 배경화면 설정(183), 검색(185), 환경 설정(186) 등이 포함될 수 있으며, 본 실시예에 따른 페이지 편집 항목(184) 역시 함께 포함된다. 따라서 페이지 편집 항목(184)을 터치할 경우 본 실시예에 따른 도 5의 화면에 진입하게 된다.Referring to FIG. 4 , when the input of the setting key button 106 is confirmed by, for example, the user's finger F, a touch pen, etc. in a state where the current page is displayed, the setting screen list 180 may be displayed. . The list of setting screens may include adding applications and widgets (181), adding folders (182), setting wallpapers (183), searching (185), setting environment settings (186), and the like, and editing pages according to the present embodiment. Item 184 is also included. Accordingly, when the page edit item 184 is touched, the screen of FIG. 5 according to the present embodiment is entered.

본 실시예에서는 페이지 편집 기능과 오브젝트 이동 기능을 편리하게 수행하기 위한 화면을 제공한다. 페이지 편집 기능에 진입하면 페이지 편집 이외의 오브젝트 편집 기능을 제공하지 않던 종래 기술에 비해 두 가지 기능을 모두 사용하도록 하여 사용자로 하여금 편리한 조작을 가능하게 하였다. 따라서, 사용자는 페이지 편집 기능에 진입하는 것으로 오브젝트 편집까지 가능하게 되어 종래와 같이 별도의 오브젝트 편집 화면을 진입하는 불편한 문제점이 해소되는 것이다. 마찬가지로 오브젝트 편집 화면에 진입하게 되면 페이지 편집이 불가능하였던 종래 기술에 비해 사용 편의성을 제공할 수 있는 것이다.In this embodiment, a screen for conveniently performing a page editing function and an object moving function is provided. When entering the page editing function, both functions are used compared to the prior art that does not provide an object editing function other than page editing, thereby enabling convenient operation by the user. Accordingly, the user can even edit objects by entering the page editing function, thereby solving the inconvenient problem of entering a separate object editing screen as in the prior art. Similarly, when entering the object editing screen, it is possible to provide convenience of use compared to the prior art in which page editing was impossible.

도 5는 본 실시예에 따른 전자 장치의 페이지 편집 화면에 진입하기 위한 방법을 설명한 흐름도이다.5 is a flowchart illustrating a method for entering a page editing screen of an electronic device according to the present embodiment.

도 5를 참고하면, 전자 장치는 501 동작에서 도 4의 페이지 편집 항목(184)이 선택됨으로 확인하면 편집 모드로 진입한다. 따라서, 편집 모드의 진입이 확인되면 503 동작으로 진입하여 현재 페이지를 표시하고 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시한다. 이때, 전자 장치는 505 동작을 수행하여 현재 페이지에 대한 썸네일 이미지가 하이라이트되어 표시될 수 있다. 그후 다양한 A동작을 수행하도록 제어할 수 있다.Referring to FIG. 5 , when it is confirmed that the page edit item 184 of FIG. 4 is selected in operation 501 , the electronic device enters the edit mode. Accordingly, when it is confirmed that the edit mode has been entered, operation 503 is entered to display the current page and display a thumbnail-type page indicator for all pages. In this case, the electronic device may perform operation 505 to highlight and display a thumbnail image of the current page. After that, it can be controlled to perform various actions A.

비록 본 실시예에서는 페이지 편집 모드에 진입하기 위하여 별도의 설정 항목을 선택하였으나 이에 국한되지 않는다. 예컨대, 현재 페이지 화면은 핀치 아웃 터치(pinch out touch) 하는 것으로 페이지 편집 모드에 진입할 수도 있다.Although a separate setting item is selected to enter the page editing mode in the present embodiment, the present invention is not limited thereto. For example, the page editing mode may be entered by pinching out the current page screen.

도 6은 본 실시예에 따른 전자 장치의 표시부에 표시된 페이지 편집 화면을 예시적으로 도시한 도면이다.6 is a diagram exemplarily illustrating a page editing screen displayed on a display unit of an electronic device according to the present embodiment.

도 6을 참고하면, 페이지 편집 화면으로서 표시부(131)에 현재 페이지(601)가 표시부(131)의 전체 화면보다 적어도 작은 영역으로 변경되어 표시된다. 바람직하게도 페이지 편집 모드에 진입되었을 때 표시되는 현재 페이지(601)는 플로팅처리되어 표시될 수도 있다. 그러나, 편집 모드 진입 전에 현재 페이지에 대한 전체 화면이 일정 배율로 축소되어 표시될 뿐 오브젝트들(6011, 6012, 6013, 6014, 6015, 6016)의 배치 관계 등은 변함없이 표시된다.Referring to FIG. 6 , as a page editing screen, the current page 601 is changed and displayed on the display unit 131 in an area that is at least smaller than the entire screen of the display unit 131 . Preferably, the current page 601 displayed when the page editing mode is entered may be displayed in a floating process. However, before entering the edit mode, the entire screen of the current page is reduced to a predetermined magnification and displayed, but the arrangement relationship of the objects 6011 , 6012 , 6013 , 6014 , 6015 , 6016 is displayed unchanged.

한편 현재 페이지(601)에 대한 영역의 하측에는 전체 페이지에 대한 썸네일 이미지들(611, 612, 613)이 순차적으로 배치된 페이지 인디케이터(610)가 표시된다. 이러한 페이지 인디케이터(610)에는 대응 페이지들이 순차적으로 표시되면 가장 오른쪽에는 페이지를 추가하기 위한 썸네일 이미지(614)가 더 표시될 수 있다. 각각의 대응 페이지에 대한 썸네일 이미지들(611, 612, 613)에는 해당 페이지에 대한 오브젝트의 배치 관계가 표시될 수 있다. 이러한 경우 크기가 비교적 크고 서로 다른 위젯 아이콘을 많이 사용할 경우 그 구조를 알 수 있어 매우 유리하다. 따라서 전자 장치 사용자는 썸네일 이미지들((611, 612, 613)의 위젯 아이콘의 위치를 보고 해당 페이지의 내용을 대략적으로 유추하는데 용이할 수도 있다.Meanwhile, a page indicator 610 in which thumbnail images 611 , 612 , and 613 for the entire page are sequentially arranged is displayed below the area for the current page 601 . When the corresponding pages are sequentially displayed on the page indicator 610 , a thumbnail image 614 for adding a page may be further displayed on the rightmost side. Thumbnail images 611 , 612 , and 613 for each corresponding page may display an arrangement relationship of objects with respect to the corresponding page. In this case, if the size is relatively large and a lot of different widget icons are used, it is very advantageous to know the structure. Accordingly, it may be easy for the user of the electronic device to roughly infer the contents of the corresponding page by looking at the positions of the widget icons of the thumbnail images 611 , 612 , and 613 .

더욱이, 현재 페이지(601)에 해당하는 썸네일 이미지(611)는 다른 페이지들에 해당하는 썸네일 이미지들(612, 613)에 비해 하이라이트되어 표시될 수 있다. 즉 해당 썸네일 이미지(611)는 다른 썸네일 이미지들(612, 613) 보다 좀더 큰 크기를 갖도록 표시하거나, 테두리 영역을 밝게 표시하는 것으로 구분시킬 수 있다. 도시된 바와 같이, 표시부(131)에 표시된 현재 페이지(601)는 첫 번째 페이지이며 이에 따라 페이지 인디케이터(610)의 첫 번째 썸네일 이미지(611)가 다른 썸네일 이미지들(612, 613) 보다 큰 크기를 갖도록 표시함으로써 현재 표시된 페이지가 전체 페이지 중 어느 위치에 배치되고 있는지를 알 수 있는 것이다.Furthermore, the thumbnail image 611 corresponding to the current page 601 may be highlighted compared to the thumbnail images 612 and 613 corresponding to other pages to be displayed. That is, the corresponding thumbnail image 611 may be displayed to have a larger size than the other thumbnail images 612 and 613 , or a border area may be displayed brightly. As shown, the current page 601 displayed on the display unit 131 is the first page, and accordingly, the first thumbnail image 611 of the page indicator 610 is larger than the other thumbnail images 612 and 613. It is possible to know at which position the currently displayed page is arranged among all the pages by displaying it to have it.

도 7은 본 실시예에 따른 페이지 변경 방법을 도시한 흐름도이다.7 is a flowchart illustrating a page change method according to the present embodiment.

도 7을 참고하면, 전자 장치(100)는 도 5의 505 동작 이후에 701 동작에서 현재 페이지 영역에 스와이프 터치(swipe touch)가 감지되는지 확인한다. 스와이프 터치가 감지되면 스와이프 터치 방향에 따라 현재 페이지를 변경하는 703 동작을 수행한다. 즉, 전자 장치는 현재 페이지의 영역에서 좌측 또는 우측으로의 스와이프 터치를 감지하면 현재 페이지에서 다음 페이지 또는 이전 페이지를 현재 페이지로 표시한다. 그후, 705 동작에서 전자 장치는 변경된 페이지에 해당하는 페이지 인디케이터의 썸네일 이미지를 하이라이트 표시한다.Referring to FIG. 7 , the electronic device 100 checks whether a swipe touch is detected in the current page area in operation 701 after operation 505 of FIG. 5 . When the swipe touch is detected, operation 703 of changing the current page according to the direction of the swipe touch is performed. That is, when the electronic device detects a left or right swipe touch in the area of the current page, the electronic device displays the next page or the previous page in the current page as the current page. Thereafter, in operation 705, the electronic device highlights the thumbnail image of the page indicator corresponding to the changed page.

도 8a 및 도 8b는 도 7의 방법을 예시적으로 도시한 도면으로써, 전자 장치는 페이지 편집 모드 상태에서 표시된 현재 페이지(601)의 영역에 대한 스와이프 터치가 사용자의 손가락(F)에 의해 수행되는지 확인할 수 있다. 이러한 경우 도 8b에 도시된 바와 같이, 현재 표시되는 페이지(601)는 다른 오브젝트들(6021, 6023, 6024, 6025, 6026)을 포함하는 다음 페이지(602)로 변경될 것이며, 페이지 인디케이터(610)의 썸네일 이미지 역시 두 번째 썸네일 이미지(612)가 다른 썸네일 이미지들(611, 613) 보다 더 크게 하이라이트 표시될 수 있다. 따라서, 사용자는 표시부(131)에 표시된 현재 페이지가 두 번째 페이지(602)로 이동되었음을 페이지 인디케이터(610)를 보고 알 수 있는 것이다.8A and 8B are views exemplarily illustrating the method of FIG. 7 . The electronic device performs a swipe touch on the area of the current page 601 displayed in the page editing mode by the user's finger F. can check whether In this case, as shown in FIG. 8B , the currently displayed page 601 will be changed to the next page 602 including other objects 6021 , 6023 , 6024 , 6025 , 6026 , and a page indicator 610 . Also, the thumbnail image of , the second thumbnail image 612 may be highlighted larger than the other thumbnail images 611 and 613 . Accordingly, the user can know by looking at the page indicator 610 that the current page displayed on the display unit 131 has been moved to the second page 602 .

도 9는 본 실시예에 따른 페이지 편집 방법을 도시한 흐름도이다.9 is a flowchart illustrating a page editing method according to the present embodiment.

도 9를 참고하면, 전자 장치(100)는 도 5의 505 동작 이후에 페이지 인디케이터에서 특정 썸네일 이미지가 터치되었는지 확인하는 901 동작을 수행한다. 이후, 903 동작에서 특정 썸네일 이미지에 대한 터치가 롱 프레스 터치(long press touch)인지 확인하여 롱 프레스 터치일 경우 907 동작을 수행하여 터치된 썸네일 이미지를 플로팅시켜 표시할 수 있다. 그러나 이에 국한되지 않으며 터치된 썸네일 이미지를 이동시키기 전에 표시될 수 있는 공지의 표시 방법을 사용하여도 무방한다. 그후, 908 동작에서 선택된 썸네일 이미지의 드래그 앤 드롭 터치(drag and drop touch)에 따라 해당 기능을 수행할 수 있다.Referring to FIG. 9 , after operation 505 of FIG. 5 , the electronic device 100 performs operation 901 to determine whether a specific thumbnail image is touched on the page indicator. Thereafter, in operation 903 , it is checked whether a touch for a specific thumbnail image is a long press touch, and if the touch is a long press touch, operation 907 is performed to display the touched thumbnail image by floating. However, the present invention is not limited thereto, and a known display method that can be displayed before moving the touched thumbnail image may be used. Thereafter, in operation 908 , a corresponding function may be performed according to a drag and drop touch of the selected thumbnail image.

한편, 903 동작에서 특정 썸네일 이미지에 대한 터치가 롱 프레스 터치가 아닐 경우 해당 썸네일 이미지에 대한 페이지를 표시부에 표시되는 현재 페이지로 변경하여 표시한다. 이러한 경우, 미도시되었으나, 변경된 현재 페이지에 해당하는 썸네일 이미지가 하이라이트되어 표시될 수 있음은 자명하다.Meanwhile, in operation 903 , when the touch on a specific thumbnail image is not a long press touch, the page for the corresponding thumbnail image is changed to the current page displayed on the display unit and displayed. In this case, although not shown, it is obvious that the thumbnail image corresponding to the changed current page may be highlighted and displayed.

도 10은 도 9의 방법을 예시적으로 도시한 도면이다.FIG. 10 is a diagram exemplarily illustrating the method of FIG. 9 .

도 10을 참고하면, 전자 장치(100)는 페이지 인디케이터(610)에서 두 번째 페이지(612)에 해당하는 썸네일 이미지에 대한 롱 프레스 터치를 확인하였을 경우 해당 썸네일 이미지(612)를 플로팅시켜 표시한다. 이와 동시에 플로팅된 썸네일 이미지(612)에 해당하는 두 번째 페이지(602)를 현재 페이지로 표시한다. 물론 두 번째 페이지(612)에는 다수의 다른 오브젝트들(6021, 6023, 6024, 6025, 6026)이 포함되어 표시될 수 있다.Referring to FIG. 10 , when the electronic device 100 identifies a long press touch on the thumbnail image corresponding to the second page 612 in the page indicator 610, the corresponding thumbnail image 612 is displayed by floating. At the same time, the second page 602 corresponding to the floating thumbnail image 612 is displayed as the current page. Of course, a plurality of other objects 6021 , 6023 , 6024 , 6025 , and 6026 may be displayed on the second page 612 .

한편, 해당 썸네일 이미지(612)에 대한 터치를 유지한 상태에서 드래그 랜 드롭 터치(drag and drop touch)가 확인되면 썸네일 이미지(612)가 이동된 영역에 해당하는 대응 기능을 수행할 수 있다. On the other hand, if a drag and drop touch is confirmed while the touch on the thumbnail image 612 is maintained, a corresponding function corresponding to the area to which the thumbnail image 612 is moved may be performed.

예를 들어, 도 10의 ①의 경우와 같이, 썸네일 이미지를 드래그하여 휴지통 영역에서 드롭시키면 해당 페이지를 삭제하는 것으로 판단하여 해당 페이지뿐만 아니라 해당 페이지내에 포함된 오브젝트들(6021, 6023, 6024, 6025, 6026) 역시 삭제할 수 있다. 그러나, 이전에 해당 오브젝트들(6021, 6023, 6024, 6025, 6026)에 대한 존재 여부를 사용자에게 알려주고 삭제를 위한 재선택을 받을 수도 있을 것이다. For example, as in the case of ① of FIG. 10 , when a thumbnail image is dragged and dropped from the trash can area, it is determined that the corresponding page is deleted, and not only the corresponding page but also objects included in the corresponding page (6021, 6023, 6024, 6025) , 6026) can also be deleted. However, the user may be informed of the existence of the corresponding objects 6021 , 6023 , 6024 , 6025 , and 6026 before and reselection for deletion may be received.

또한, 도 10의 ②의 경우와 같이, 썸네일 이미지(612)를 드래그하여 세 번째 페이지에 해당하는 썸네일 이미지(613)와 페이지 추가 썸네일 이미지(614) 사이에서 드롭시키면 두 번째 페이지에 해당하는 썸네일 이미지(612)는 세 번째 썸네일 이미지(613)와 페이지 추가 썸네일 이미지(614) 사이로 그 위치가 변경되어 표시될 수 있을 것이다.In addition, as in the case of ② of FIG. 10 , when the thumbnail image 612 is dragged and dropped between the thumbnail image 613 corresponding to the third page and the thumbnail image 614 added to the page, the thumbnail image corresponding to the second page The position 612 may be changed and displayed between the third thumbnail image 613 and the page addition thumbnail image 614 .

도 11은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.11 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 11을 참고하면, 전자 장치(100)는 도 5의 505 동작 이후에 현재 페이지에 표시된 오브젝트에 대한 롱 프레스 터치(long press touch)를 확인하는 1101 동작을 수행한다. 그후 선택된 오브젝트를 플로팅시켜 표시하는 110 동작을 수행하고 1105동작 또는 1109 동작이 수행되는지 확인한다. 만일 전자 장치(100)가 1105 동작을 수행하여 선택된 오브젝트를 현재 페이지의 다른 영역으로 이동하는지 확인하고, 이동이 확인되면 1107 동작을 수행하여 현재 페이지에 대한 썸네일 이미지를 오브젝트가 이동된 페이지에 해당하는 썸네일 이미지로 변경한다.Referring to FIG. 11 , after operation 505 of FIG. 5 , the electronic device 100 performs operation 1101 of confirming a long press touch on the object displayed on the current page. After that, operation 110 of floating and displaying the selected object is performed, and it is checked whether operation 1105 or operation 1109 is performed. If the electronic device 100 performs operation 1105 to determine whether the selected object is moved to another area of the current page, and if the movement is confirmed, operation 1107 is performed to display a thumbnail image of the current page corresponding to the page to which the object is moved. Change to thumbnail image.

한편, 1103 동작에서 선택된 오브젝트를 페이지 인디케이터의 특정 썸네일 이미지 영역으로 이동하는지 확인하고 B 동작 또는 C 동작을 계속 수행할 수 있다.Meanwhile, in operation 1103 , it is checked whether the selected object is moved to a specific thumbnail image area of the page indicator, and operation B or operation C may be continuously performed.

도 12a 및 도 12b는 도 11의 방법을 예시적으로 도시한 도면이다.12A and 12B are diagrams exemplarily illustrating the method of FIG. 11 .

도 12a를 참고하면, 두 번째 페이지(602)의 다수의 오브젝트들(6021, 6023, 6024, 6025, 6026) 중 특정 오브젝트(6026)에 대한 롱 프레스 터치(long press touch)를 확인한 경우 해당 오브젝트(6026)는 플로팅되어 표시되고 그 하측으로 해당 오브젝트(6026)의 형상과 상응한 쉐도우 이미지(shadow image)(6026-1)가 함께 표시된다. 쉐도우 이미지(6026-1)는 선택된 오브젝트(6026)와 동일한 크기로 형성되나 오브젝트(6026)와 일치하지 않는 영역을 갖도록 형성될 수 있다. 따라서, 해당 오브젝트(6026)가 이동될 경우 쉐도우 이미지(6026-1) 역시 함께 이동하여 이동에 따른 입체감을 사용자에게 제공할뿐만 아니라 손가락에 의해 가린 오브젝트(6026)에 대한 이동하려는 영역으로의 선택을 용이하게 유도할 수 있다. Referring to FIG. 12A , when a long press touch on a specific object 6026 is confirmed among a plurality of objects 6021, 6023, 6024, 6025, 6026 of the second page 602, the corresponding object ( 6026 is displayed floating, and a shadow image 6026-1 corresponding to the shape of the corresponding object 6026 is displayed below it. The shadow image 6026 - 1 may be formed to have the same size as the selected object 6026 but to have an area that does not match the object 6026 . Therefore, when the corresponding object 6026 is moved, the shadow image 6026-1 also moves together to provide the user with a three-dimensional effect according to the movement, as well as select the area to be moved with respect to the object 6026 covered by the finger. can be easily induced.

도 12b를 참고하면, 사용자에 의해 선택된 오브젝트(6026)는 현재 페이지의 좌측 영역으로 이동하였으며, 이에 따라 페이지 인디케이터(610)의 두 번째 썸네일 이미지(612) 역시 현재 페이지(602)의 오브젝트들(6021, 6023, 6024, 6025, 6026)의 변경된 배치 관계에 상응하도록 변경되었음을 알 수 있다.Referring to FIG. 12B , the object 6026 selected by the user has moved to the left area of the current page, and accordingly, the second thumbnail image 612 of the page indicator 610 is also the objects 6021 of the current page 602 . , 6023, 6024, 6025, 6026), it can be seen that the change corresponds to the changed arrangement relationship.

이하, 1109 동작에 관련한 내용은 하기에 기술하기로 한다.Hereinafter, the contents related to operation 1109 will be described below.

도 13은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.13 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 13을 참고하면, 도 11의 1109 동작 이후에 특정 썸네일 영역으로 이동된 오브젝트에 대한 터치 동작이 드래그 앤 드롭 터치(drag and drop touch)임을 확인하였을 경우 오브젝트를 특정 썸네일 이미지에 대응되는 페이지로 이동시키는 1303 동작을 수행한다. 따라서, 그후 1305 동작을 수행하여 오브젝트가 변경된 페이지에 해당하는 썸네일 이미지를 변경하지만 1307 동작에서 표시부에는 기 표시된 페이지를 지속적으로 유지하게 된다.Referring to FIG. 13 , when it is confirmed that the touch operation on the object moved to the specific thumbnail area after operation 1109 of FIG. 11 is a drag and drop touch, the object is moved to the page corresponding to the specific thumbnail image operation 1303 is performed. Therefore, thereafter, the thumbnail image corresponding to the page in which the object is changed is changed by performing operation 1305, but the previously displayed page is continuously maintained on the display unit in operation 1307.

도 14a 및 도 14b는 도 13의 방법을 예시적으로 도시한 도면이다.14A and 14B are diagrams exemplarily illustrating the method of FIG. 13 .

도시된 바와 같이, 표시부(131)에 현재 표시된 페이지(602)에 포함된 다수의 오브젝트들(6021, 6023, 6024, 6025, 6026) 중 특정 오브젝트(6026)에 대한 롱 프레스 터치(long press touch)가 확인되면 전자 장치(100)는 선택된 오브젝트(6026)를 플로팅 처리하고 쉐도우 이미지(6026-1) 역시 함께 표시할 수 있다. 그후, 도 14a의 화살표 방향으로 선택된 오브젝트(6026)를 드래그하여 페이지 인디케이터(610)의 특정 썸네일 이미지(613)의 영역에서 드롭되는 것을 확인할 수 있다.As shown, a long press touch on a specific object 6026 among a plurality of objects 6021 , 6023 , 6024 , 6025 , 6026 included in a page 602 currently displayed on the display unit 131 . is confirmed, the electronic device 100 may float the selected object 6026 and also display the shadow image 6026 - 1 together. Thereafter, it can be confirmed that the selected object 6026 is dragged in the direction of the arrow of FIG. 14A and dropped from the area of the specific thumbnail image 613 of the page indicator 610 .

본 예시도에서는 두 번째 페이지(602)의 특정 오브젝트(6026)를 롱 프레스 터치 후 페이지 인디케이터(610)의 세 번째 페이지(603)에 해당하는 썸네일 이미지(613)의 영역으로 드래그한 후 드롭됨을 확인하였다. 이러한 경우, 도 14b에 도시된 바와 같이, 표시부(131)에 표시되는 현재 페이지는 두 번째 페이지(602)를 그대로 유지하지만 이동된 오브젝트(6026)는 없어진 상태로 표시된다. 역시 표시부(131)에 현재 표시되는 페이지는 두 번째 페이지(602)이므로 페이지 인디케이터(610)의 두 번째 썸네일 이미지(612)가 하이라이트되어 표시될 수 있다.In this example diagram, after long-pressing a specific object 6026 of the second page 602, drag it to the area of the thumbnail image 613 corresponding to the third page 603 of the page indicator 610 and confirm that it is dropped did. In this case, as shown in FIG. 14B , the current page displayed on the display unit 131 maintains the second page 602 as it is, but the moved object 6026 is displayed in a missing state. Also, since the page currently displayed on the display unit 131 is the second page 602 , the second thumbnail image 612 of the page indicator 610 may be highlighted and displayed.

이와 함께 페이지 인디케이터(610)의 해당 썸네일 이미지들(612, 613)은 오브젝트(6026)의 이동에 의해 그 구조가 변경되었다. 예를 들어, 페이지 인디케이터(610)의 두 번째 페이지(현재 페이지)(602)에 해당하는 썸네일 이미지(612)에는 이동된 오브젝트(6026)가 사라진 상태로 표시되었으며, 세 번째 썸네일 이미지(613)에는 이동된 오브젝트(6026)가 추가된 상태로 변경 표시되었다.In addition, the structure of the thumbnail images 612 and 613 of the page indicator 610 is changed by the movement of the object 6026 . For example, in the thumbnail image 612 corresponding to the second page (current page) 602 of the page indicator 610, the moved object 6026 is displayed in a disappeared state, and in the third thumbnail image 613, The moved object 6026 is changed and displayed in an added state.

즉, 현재 페이지에 포함된 오브젝트를 롱 프레스 터치 후 드래그 앤 드롭 터치 동작으로 해당 썸네일 이미지 영역에 이동시킬 경우, 오브젝트만 해당 페이지로 이동되고 현재 페이지의 변화는 없는 것이다. That is, when an object included in the current page is moved to the corresponding thumbnail image area by a drag and drop touch operation after a long press touch, only the object is moved to the corresponding page and there is no change in the current page.

도 15는 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.15 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 15를 참고하면, 도 11의 1109 동작 이후에 특정 썸네일 영역으로 이동된 오브젝트에 대한 터치 동작이 드래그 앤 홀드(drag and hold)를 확인하였을 경우 선택된 오브젝트가 특정 썸네일 이미지 영역에 유지되는 홀드 시간이 임계 범위 이내인지 확인하는 1503 동작을 수행한다. 만일 홀드 시간이 기 설정된 임계 범위 이상이면 D 동작을 수행한다.Referring to FIG. 15 , when the drag and hold operation on the object moved to the specific thumbnail area after operation 1109 of FIG. 11 is confirmed, the hold time for which the selected object is maintained in the specific thumbnail image area is Operation 1503 is performed to check whether it is within the threshold range. If the hold time is greater than or equal to a preset threshold range, operation D is performed.

그러나, 홀드 시간이 기 설정된 임계 범위 이내이면 오브젝트를 역시 특정 썸네일 이미지에 대응되는 페이지로 이동시키는 1505 동작을 수행한다. 여기서 기 설정된 임계 범위 이내의 홀드 시간은 드래그 앤 드롭보다는 터치 유지시간이 길며 임계 범위 이내에 터치가 해제됨을 확인한 상태를 의미한다.However, if the hold time is within a preset threshold range, operation 1505 of moving the object to a page corresponding to a specific thumbnail image is also performed. Here, the hold time within the preset threshold range means a state in which the touch holding time is longer than that of drag and drop, and it is confirmed that the touch is released within the threshold range.

그후, 1507 동작을 수행하여 전자 장치는 현재 표시부(131)에 표시된 페이지를 오브젝트가 이동된 페이지로 변경하여 표시하고 1509 동작에서 오브젝트가 변경된 페이지에 해당하는 썸네일 이미지를 변경한 후, 오브젝트가 이동한 페이지에 해당하는 썸네일 이미지를 하이라이트 표시하는 1511 동작을 수행한다.Thereafter, by performing operation 1507, the electronic device changes the page currently displayed on the display unit 131 to the page to which the object has been moved and displays it. In operation 1509, the electronic device changes the thumbnail image corresponding to the page in which the object is changed, An operation 1511 of highlighting a thumbnail image corresponding to the page is performed.

도 16a 및 도 16b는 도 15의 방법을 예시적으로 도시한 도면이다.16A and 16B are diagrams exemplarily illustrating the method of FIG. 15 .

도시된 바와 같이, 표시부(131)에 현재 표시된 페이지(602)에 포함된 다수의 오브젝트들(6021, 6023, 6024, 6025, 6026) 중 특정 오브젝트(6026)에 대한 롱 프레스 터치(long press touch)가 확인되면 전자 장치는 선택된 오브젝트(6026)를 플로팅 처리하고 쉐도우 이미지(6026-1) 역시 함께 표시할 수 있다. 그후, 도 16a의 화살표 방향으로 선택된 오브젝트(6026)를 드래그하여 페이지 인디케이터(610)의 특정 썸네일 이미지(613)의 영역에서 임계 시간 이내에서 홀드되는 것을 확인할 수 있다.As shown, a long press touch on a specific object 6026 among a plurality of objects 6021 , 6023 , 6024 , 6025 , 6026 included in a page 602 currently displayed on the display unit 131 . When is confirmed, the electronic device may float the selected object 6026 and also display the shadow image 6026 - 1 together. Thereafter, it can be confirmed that the selected object 6026 is dragged in the direction of the arrow of FIG. 16A and held within a threshold time in the region of the specific thumbnail image 613 of the page indicator 610 .

본 예시도에서는 두 번째 페이지(612)의 특정 오브젝트(6026)를 롱 프레스 터치 후 페이지 인디케이터(610)의 세 번째 페이지(603)에 해당하는 썸네일 이미지(613)의 영역으로 드래그한 후 임계 시간 이내까지 홀드됨을 확인하였다. 이러한 경우, 도 16b에 도시된 바와 같이, 표시부(131)에 표시되는 현재 페이지는 오브젝트(6026)가 이동된 세 번째 페이지(603)로 변경되었음을 알 수 있다. 또한, 역시 표시부(131)에 현재 표시되는 페이지는 세 번째 페이지(603)이므로 페이지 인디케이터(610)의 세 번째 썸네일 이미지(613)가 하이라이트되어 변경 표시될 수 있다.In this example, after a long press touch on a specific object 6026 of the second page 612, drag it to the area of the thumbnail image 613 corresponding to the third page 603 of the page indicator 610, and within a threshold time It was confirmed that it was held until In this case, as shown in FIG. 16B , it can be seen that the current page displayed on the display unit 131 is changed to the third page 603 to which the object 6026 is moved. Also, since the page currently displayed on the display unit 131 is the third page 603 , the third thumbnail image 613 of the page indicator 610 may be highlighted and displayed.

이와 함께 페이지 인디케이터(610)의 해당 썸네일 이미지들(612, 613)은 오브젝트(6026)의 이동에 의해 그 구조가 변경되었다. 예를 들어, 페이지 인디케이터(610)의 두 번째 페이지(현재 페이지)(602)에 해당하는 썸네일 이미지(612)에는 이동된 오브젝트(6026)가 사라진 상태로 표시되었으며, 세 번째 썸네일 이미지(613)에는 이동된 오브젝트(6026)가 추가된 상태로 변경 표시되었다.In addition, the structure of the thumbnail images 612 and 613 of the page indicator 610 is changed by the movement of the object 6026 . For example, in the thumbnail image 612 corresponding to the second page (current page) 602 of the page indicator 610, the moved object 6026 is displayed in a disappeared state, and in the third thumbnail image 613, The moved object 6026 is changed and displayed in an added state.

즉, 현재 페이지에 포함된 오브젝트를 롱 프레스 터치 후 일정 임계 범위 이내의 시간에서 드래그 앤 홀드 터치 동작으로 해당 썸네일 이미지 영역에 이동시킬 경우, 오브젝트와 함께 현재 표시되는 페이지 역시 오브젝트가 이동된 페이지로 변경됨을 알 수 있었다. That is, if an object included in the current page is moved to the thumbnail image area by a drag and hold touch operation within a certain threshold range after a long press touch, the page currently displayed along with the object is also changed to the page to which the object was moved. And it was found.

따라서, 사용자는 현재 페이지에 포함된 오브젝트를 롱 프레스 터치 후 이동하려는 썸네일 이미지까지 드래그 앤 드롭 또는 드래그 앤 홀드 동작을 수행함으로써 오브젝트만 원하는 페이지로 이동시키거나 오브젝트와 함께 오브젝트가 이동된 페이지를 현재 페이지로 손쉽게 변경시킬 수 있는 것이다.Therefore, the user can move only the object to the desired page by performing a drag and drop or drag and hold operation to the thumbnail image to be moved after long-pressing the object included in the current page, or the page to which the object is moved together with the object is moved to the current page. can be easily changed to

도 17은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.17 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 17을 참고하면, 도 15의 1503 동작에서 오브젝트가 해당 썸네일 이미지 영역에 대한 드래그 앤 홀드 터치(drag and hold touch)가 확인된 이후에 홀드 시간이 임계 범위를 벗어날 정도로 지속적인 터치 유지가 발생될 경우, 전자 장치(100)는 1701 동작에서 오브젝트가 이동된 썸네일 이미지와 대응되는 페이지를 표시부에 현재 페이지로 변경 표시한다. 그후 1703 동작에서 현재 페이지의 기 설정된 영역에 이동하려는 오브젝트에 대한 고스트 이미지(ghost image)를 표시한다. 여기서, 기 설정된 영역은 이동하려는 페이지의 오브젝트가 존재하지 않는 빈 영역을 의미한다. 또한, 기 설정된 영역, 예를 들어 좌측을 우선순위로 하고 최상측을 우선 순위로 하는 빈 영역일 수 있다. 또한, 고스트 이미지는 이동하려는 오브젝트에 대한 가상 이미지로써 공지의 점선, 흐린 이미지 등이 적용될 수 있을 것이다.Referring to FIG. 17 , in operation 1503 of FIG. 15 , after a drag and hold touch of an object to a corresponding thumbnail image area is confirmed, a continuous touch maintenance occurs to the extent that the hold time exceeds the threshold range. , the electronic device 100 changes and displays the page corresponding to the thumbnail image to which the object is moved as the current page on the display unit in operation 1701 . Thereafter, in operation 1703, a ghost image of an object to be moved is displayed in a preset area of the current page. Here, the preset area means an empty area in which an object of a page to be moved does not exist. In addition, it may be a preset area, for example, a blank area in which the left is prioritized and the uppermost is the top priority. Also, the ghost image is a virtual image of an object to be moved, and a known dotted line, blurred image, etc. may be applied.

그후, 1705 동작에서 선택된 썸네일 이미지 영역에서 특정 방향으로 드래그를 확인하면 드래그 방향에 따라 고스트 이미지를 현재 페이지에서 이동시키는 1707 동작을 수행한다. 그후, 1709 동작에서 터치가 해제됨을 확인하면 고스트 이미지 대신 선택된 오브젝트를 현재 페이지의 이동된 영역에 고정시키는 1711 동작을 수행한다. 그후 1713 동작에서 오브젝트가 변경된 페이지에 해당하는 썸네일 이미지를 변경시키고 1715 동작에서 오브젝트가 이동한 페이지에 해당하는 썸네일 이미지를 하이라이트 표시한다.Thereafter, if dragging is confirmed in a specific direction in the thumbnail image area selected in operation 1705, operation 1707 of moving the ghost image from the current page according to the drag direction is performed. Thereafter, if it is confirmed in operation 1709 that the touch is released, operation 1711 of fixing the selected object instead of the ghost image to the moved area of the current page is performed. Thereafter, in operation 1713, the thumbnail image corresponding to the page to which the object is changed is changed, and in operation 1715, the thumbnail image corresponding to the page to which the object is moved is highlighted.

도 18a 및 도 18b는 도 17의 방법을 예시적으로 도시한 도면이다.18A and 18B are diagrams exemplarily illustrating the method of FIG. 17 .

도 18a에 도시된 바와 같이, 오브젝트(6026)가 해당 썸네일 이미지(613)의 영역에서 드래그 앤 홀드 터치를 화인한 이후에 홀드 시간이 임계 범위를 벗어날 정도로 지속적인 터치 유지가 발생될 경우, 전자 장치(100)는 도시된 바와 같이 오브젝트(6026)가 위치한 페이지 인디케이터(610)의 해당 썸네일 이미지(613)의 영역을 드래그용 이미지(613-1)로써 더 크게 표시한다. 예를 들어 해당 썸네일 이미지(613)에 대한 드래그용 이미지(613-1)는 상술한 썸네일 이미지의 하이라이트되어 표시되는 크기보다 더 크게 표시할 수 있다. 이는 사용자가 해당 썸네일 이미지에 대한 드래그용 이미지(613-1) 영역에서 오브젝트(6026)의 방향 이동을 원활하게 하기 위한 것에 기인한다.As shown in FIG. 18A , when continuous touch maintenance occurs to the extent that the hold time exceeds the threshold range after the object 6026 refines the drag and hold touch in the area of the corresponding thumbnail image 613, the electronic device ( As illustrated in FIG. 100 , the area of the thumbnail image 613 of the page indicator 610 in which the object 6026 is located is displayed larger as an image 613-1 for dragging. For example, the drag image 613 - 1 for the corresponding thumbnail image 613 may be displayed larger than the highlighted size of the thumbnail image. This is because the user facilitates the direction movement of the object 6026 in the area of the image 613 - 1 for dragging with respect to the thumbnail image.

이와 동시에 표시부(131)에 표시되는 현재 페이지(603)는 오브젝트(6026)가 이동된 페이지 인디케이터(610)의 썸네일 이미지(613)에 대응되는 페이지(603)로 변경 표시되며 해당 오브젝트(6026)를 알수 있는 고스트 이미지(6026-2)가 현재 페이지의 빈 영역에 된다.At the same time, the current page 603 displayed on the display unit 131 is changed to a page 603 corresponding to the thumbnail image 613 of the page indicator 610 to which the object 6026 has been moved, and the corresponding object 6026 is displayed. A recognizable ghost image 6026-2 is placed in a blank area of the current page.

본 도면에서는 두 번째 페이지(602)에 포함된 오브젝트(6026)가 롱 프레스 터치 및 세 번째 썸네일 이미지(613)에 대한 영역으로의 드래그 앤 홀드 동작에 의해 세 번째 페이지(603)로 이동되는 것을 의미하며, 이에 따라 표시부(131)에 표시된 현재 페이지는 세 번째 페이지(603)로 변경된 상태가 된다. 역시 세 번째 페이지(603)의 빈 영역에 이동하기 위한 오브젝트(6026)에 대한 고스트 이미지(6026-2)가 표시될 수 있다. 도 18a에서 오브젝트(6026)는 화살표 방향(우측)으로 이동되고 있으며, 이에 따라 현재 페이지(603)에 표시된 오브젝트(6026)에 대한 고스트 이미지(6026-2) 역시 오른쪽으로 이동되고 있다.In this figure, it means that the object 6026 included in the second page 602 is moved to the third page 603 by a long press touch and a drag and hold operation to the area for the third thumbnail image 613. Accordingly, the current page displayed on the display unit 131 is changed to the third page 603 . Also, a ghost image 6026 - 2 of an object 6026 to be moved may be displayed in the blank area of the third page 603 . In FIG. 18A , the object 6026 is moved in the direction of the arrow (right), and accordingly, the ghost image 6026-2 of the object 6026 displayed on the current page 603 is also moved to the right.

즉, 사용자는 페이지 인디케이터(610)로 드래그 앤 홀드 동작에 의해 이동시킨 오브젝트를 임계 범위 이상의 시간 동안 터치를 유지하는 것만으로도 오브젝트를 해당 페이지의 소망하는 영역으로 편리하게 이동시킬 수 있는 것이다.That is, the user can conveniently move the object moved to the page indicator 610 by a drag and hold operation to a desired area of the page by simply maintaining the touch for a period of time greater than or equal to the threshold range.

도 18b는 오브젝트(6026)의 드래그 동작 후에 터치 해제를 확인하고, 오브젝트(6026)가 완전히 세 번째 페이지(603)의 소망 위치에 고정된 상태를 도시하고 있다. 이러한 경우 오브젝트(6026)는 표시부(131)에 현재 페이지로 표시되는 세 번째 페이지(603)의 우측으로 이동하였으며, 이에 따라 페이지 인디케이터(610)의 두 번째 썸네일 이미지(612)에는 이동된 오브젝트(6026)가 삭제된 상태로 변경되었으며, 세 번째 썸네일 이미지(613) 역시 오브젝트(6026)가 가장 오른쪽으로 이동된 상태로 변경되었다. 역시, 세 번째 썸네일 이미지(613)는 표시부(131)의 현재 페이지(603)에 표시되고 있기 때문에 하이라이트되어 표시될 수 있다.18B shows a state in which touch release is confirmed after the drag operation of the object 6026 and the object 6026 is completely fixed at a desired position on the third page 603 . In this case, the object 6026 has moved to the right of the third page 603 displayed as the current page on the display unit 131 , and accordingly, the moved object 6026 is displayed in the second thumbnail image 612 of the page indicator 610 . ) is changed to a deleted state, and the third thumbnail image 613 is also changed to a state in which the object 6026 is moved to the right. Also, since the third thumbnail image 613 is being displayed on the current page 603 of the display unit 131 , it may be highlighted and displayed.

도 19 내지 도 22는 본 실시예에 따른 별도의 편집 화면 없이 오브젝트를 롱 프레스(long press) 터치한 상태에서 오브젝트의 이동 방법을 도시한 흐름도이다.19 to 22 are flowcharts illustrating a method of moving an object while long-pressing and touching the object without a separate editing screen according to the present embodiment.

상술한 실시예들에서는 별도의 페이지 편집 모드에 진입하여 페이지 편집과 오브젝트 이동을 수행하는 방법에 관하여 기술하였다. 이 실시예에서는 페이지 편집 및 오브젝트 이동 후에도 페이지 편집 모드가 해제되지 않기 때문에 지속적인 페이지 편집 및 다수의 오브젝트 이동에 유리하다.In the above-described embodiments, a method of entering a separate page editing mode to edit a page and move an object has been described. In this embodiment, since the page editing mode is not released even after page editing and object movement, it is advantageous for continuous page editing and moving a large number of objects.

본 실시예에서는 별도의 페이지 편지 모드의 진입 없이 오브젝트의 단일 이동을 편리하게 수행할 수 있는 방법을 제시하고 있다. 본 실시예에서는 선택된 오브젝트를 이동하고 나면 별도의 해제 입력을 위한 동작 없이 자동으로 오브젝트 이동 모드가 해제되기 때문에 오브젝트의 이동면에서는 더욱 편리할 수 있다.In this embodiment, a method for conveniently performing a single movement of an object without entering a separate page letter mode is presented. In the present embodiment, since the object movement mode is automatically released without an operation for a separate release input after the selected object is moved, it may be more convenient in terms of object movement.

도 19는 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.19 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 19을 참고하면, 전자 장치(100)는 표시부에 표시된 다수의 오브젝트들 중 특정 오브젝트에 대한 롱 프레스 터치를 확인하는 1901 동작을 수행한다. 따라서, 전자 장치는 1903 동작을 수행하여 오브젝트 이동 모드로 진입한다. 오브젝트 이동 모드는 상술한 도 12a 및 도 12b에 도시된 페이지 편집 모드와 동일하므로 그 도시를 생략하였다. 즉, 오브젝트 이동 모드에 진입하면 1905 동작을 수행하여 현재 페이지를 표시하고 전체 페이지에 대한 썸네일 방식의 페이지 인디케이터를 표시하며, 이와 동시에 선택된 오브젝트를 플로팅시켜 강조 표시를 하는 1907 동작을 수행한다.Referring to FIG. 19 , the electronic device 100 performs operation 1901 of confirming a long press touch on a specific object among a plurality of objects displayed on the display unit. Accordingly, the electronic device enters the object movement mode by performing operation 1903 . Since the object movement mode is the same as the page editing mode illustrated in FIGS. 12A and 12B described above, the illustration thereof is omitted. That is, when the object movement mode is entered, operation 1905 is performed to display the current page, a thumbnail-type page indicator for the entire page is displayed, and operation 1907 is performed for highlighting by floating the selected object at the same time.

역시 오브젝트를 플로팅시켜 표시한 후, 1909동작 또는 1913 동작이 수행되는지 확인한다. 만일 전자 장치(100)가 1909 동작을 수행하여 선택된 오브젝트를 현재 페이지의 다른 영역으로 이동하는지 확인하고, 이동이 확인되면 1911 동작을 수행하여 현재 페이지에 대한 썸네일 이미지를 변경한다. 만일 이 상태에서 오브젝트에 대한 터치가 해제되면 전자 장치는 오브젝트 이동 모드를 해제하고 표시부에 기본 화면(도 3의 화면)을 표시할 것이다.After the object is also displayed by floating, it is checked whether operation 1909 or operation 1913 is performed. If the electronic device 100 performs operation 1909 to determine whether the selected object is moved to another area of the current page, and if the movement is confirmed, operation 1911 is performed to change the thumbnail image for the current page. If the touch on the object is released in this state, the electronic device releases the object movement mode and displays the basic screen (the screen of FIG. 3 ) on the display unit.

한편, 1913 동작에서 선택된 오브젝트를 페이지 인디케이터의 특정 썸네일 이미지 영역으로 이동하는지 확인하고 E 동작 또는 F 동작을 계속 수행한다.Meanwhile, in operation 1913, it is checked whether the selected object is moved to a specific thumbnail image area of the page indicator, and operation E or operation F is continuously performed.

도 20은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.20 is a flowchart illustrating a method for moving an object according to the present embodiment.

도 20을 참고하면, 도 19의 1913 동작 이후에 2001 동작에서 특정 썸네일 영역으로 이동된 오브젝트에 대한 터치 동작이 드래그 앤 드롭 터치(drag and drop touch)을 확인하였을 경우 오브젝트를 특정 썸네일 이미지에 대응되는 페이지로 이동시키는 2003 동작을 수행하면, 전자 장치는 오브젝트 이동 모드를 해제시켜 표시부에 기본 화면(도 3의 화면)을 표시할 것이다.Referring to FIG. 20 , when a drag and drop touch is confirmed as a touch operation for an object moved to a specific thumbnail area in operation 2001 after operation 1913 of FIG. When the operation 2003 of moving to the page is performed, the electronic device releases the object movement mode and displays the basic screen (the screen of FIG. 3 ) on the display unit.

도 21은 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.21 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 21을 참고하면, 도 19의 1913 동작 이후에 특정 썸네일 영역으로 이동된 오브젝트에 대한 터치 동작이 드래그 앤 홀드(drag and hold)를 확인하였을 경우 선택된 오브젝트가 특정 썸네일 이미지 영역에 유지되는 홀드 시간이 임계 범위 이내인지 확인하는 2103 동작을 수행한다. 만일 홀드 시간이 기 설정된 임계 범위 이상이면 G 동작을 수행한다.Referring to FIG. 21 , when the touch operation on the object moved to the specific thumbnail area after the operation 1913 of FIG. 19 confirms drag and hold, the hold time during which the selected object is maintained in the specific thumbnail image area is Operation 2103 is performed to check whether it is within the threshold range. If the hold time is greater than or equal to the preset threshold range, operation G is performed.

그러나, 홀드 시간이 기 설정된 임계 범위 이내이면 오브젝트를 역시 특정 썸네일 이미지에 대응되는 페이지로 이동시키는 2105 동작을 수행한다. 여기서 기 설정된 임계 범위 이내의 홀드 시간은 드래그 앤 드롭보다는 터치 유지시간이 길며 임계 범위 이내에 터치를 해제한 상태를 의미한다.However, if the hold time is within a preset threshold range, operation 2105 of moving the object to a page corresponding to a specific thumbnail image is also performed. Here, the hold time within the preset threshold range means that the touch holding time is longer than that of drag and drop, and the touch is released within the threshold range.

그후, 2107 동작을 수행하여 전자 장치는 현재 표시부에 표시된 페이지를 오브젝트가 이동된 페이지로 변경하여 표시하고 2109 동작에서 오브젝트 이동 모드를 해제시킨다. 이때 기본 화면은 최초 오브젝트가 위치된 페이지가 아닌 현재 오브젝트가 이동된 페이지를 표시한다.Thereafter, by performing operation 2107, the electronic device changes the page currently displayed on the display unit to the page to which the object is moved and displays it, and releases the object movement mode in operation 2109. At this time, the basic screen displays the page to which the current object is moved, not the page where the first object is located.

도 22는 본 실시예에 따른 오브젝트 이동 방법을 도시한 흐름도이다.22 is a flowchart illustrating a method of moving an object according to the present embodiment.

도 22을 참고하면, 도 21의 2103 동작에서 오브젝트가 해당 썸네일 이미지 영역에 드래그 앤 홀드된 이후에 홀드 시간이 임계 범위를 벗어날 정도로 지속적인 터치 유지가 발생될 경우, 전자 장치는 2201 동작에서 오브젝트가 이동된 썸네일 이미지와 대응되는 페이지를 표시부에 현재 페이지로 변경 표시한다. 그후 2203 동작에서 현재 페이지의 기 설정된 영역에 이동하려는 오브젝트에 대한 고스트 이미지를 표시한다. 여기서, 기 설정된 영역은 이동하려는 페이지의 오브젝트가 존재하지 않는 빈 영역을 의미한다. 또한, 기 설정된 영역, 예를 들어 좌측을 우선순위로 하고 최상측을 우선 순위로 하는 빈 영역일 수 있다. 또한, 고스트 이미지는 이동하려는 오브젝트에 대한 가상 이미지로써 공지의 점선, 흐린 이미지 등이 적용될 수 있을 것이다.Referring to FIG. 22 , after the object is dragged and held on the thumbnail image area in operation 2103 of FIG. 21 , if continuous touch maintenance occurs to the extent that the hold time exceeds the threshold range, the electronic device moves the object in operation 2201 The page corresponding to the thumbnail image is changed and displayed on the display unit as the current page. Thereafter, in operation 2203, a ghost image of an object to be moved is displayed in a preset area of the current page. Here, the preset area means an empty area in which an object of a page to be moved does not exist. In addition, it may be a preset area, for example, a blank area in which the left is prioritized and the uppermost is the top priority. Also, the ghost image is a virtual image of an object to be moved, and a known dotted line, blurred image, etc. may be applied.

그후, 2205 동작에서 선택된 썸네일 이미지 영역에서 특정 방향으로 드래그를 확인하면 드래그 방향에 따라 고스트 이미지를 현재 페이지에서 이동시키는 2207 동작을 수행한다. 그후, 2209 동작에서 터치가 해제됨을 확인하면 역시 2211 동작에서 오브젝트 이동 모드를 해제시키고 기본 화면을 표시부에 표시한다. 이때 역시, 기본 화면은 최초 오브젝트가 위치된 페이지가 아닌 현재 오브젝트가 이동된 페이지를 표시한다.Thereafter, if dragging is confirmed in a specific direction in the thumbnail image area selected in operation 2205, operation 2207 of moving the ghost image from the current page according to the drag direction is performed. Thereafter, if it is confirmed in operation 2209 that the touch is released, the object movement mode is also released in operation 2211 and a basic screen is displayed on the display unit. At this time, again, the basic screen displays the page to which the current object is moved, not the page where the initial object is located.

도 23은 본 실시예에 따른 빠른 페이지 네비게이션(fast page navigation) d방법을 도시한 흐름도이고, 도 24는 도 23의 방법을 예시적으로 도시한 도면이며, 도 25a 및 도 25b는 도 23의 방법에 따른 페이지 네비게이션을 위한 패닝 거리를 예시적으로 도시한 도면이다.23 is a flowchart illustrating a fast page navigation method d according to the present embodiment, FIG. 24 is a diagram illustrating the method of FIG. 23 exemplarily, and FIGS. 25A and 25B are the method of FIG. 23 It is a diagram exemplarily showing a panning distance for page navigation according to .

본 실시예에서는 별도의 페이지 편집 모드나 오브젝트 이동 모드의 진입이 아닌 현재 기본 화면(도 3의 화면)에서 빠른 페이지 네이게이션 방법을 제안하고 있다.In this embodiment, a fast page navigation method is proposed on the current basic screen (the screen of FIG. 3 ) rather than entering a separate page editing mode or object moving mode.

도 24의 경우에 종래에는 5개의 전체 페이지를 넘기기 위하여 일방향으로 5번의 스와이프 터치(swipe touch)를 수행하였으며, 한번의 스와이프 동작으로 하나의 페이지만이 넘겨지는 구성이었다. 이러한 구성은 다수의 페이지를 탐색하기에 번거로운 동작일 뿐만 아니라 탐색하는 시간 역시 오래 걸리게 된다.In the case of FIG. 24 , in the related art, five swipe touches were performed in one direction to turn all five pages, and only one page was turned over by one swipe operation. Such a configuration is not only a cumbersome operation to search for a large number of pages, but also takes a long time to search.

따라서, 본 실시예에서는 터치 영역에서 일정 거리에 대한 패닝 터치(panning touch) 동작만으로 전체 페이지를 탐색하거나 이동시킬 수 있는 편리한 효과를 제공한다. 미도시되었으나, 패닝 터치가 아닌 스와이프 터치(swipe touch)를 확인할 경우 전자 장치는 하나의 페이지를 순차적으로 넘기는 동작을 수행할 수도 있다.Accordingly, the present embodiment provides a convenient effect of navigating or moving the entire page only by a panning touch operation for a predetermined distance in the touch area. Although not shown, when checking a swipe touch instead of a panning touch, the electronic device may sequentially turn over one page.

도 23을 참고하면, 전자 장치는 2301 동작에서 현재 페이지 영역에서 패닝 터치를 확인하고, 2303 동작에서 전체 페이지를 확인한다. 그후 2305 동작에서 전체 페이지 수에 해당하는 패닝 길이를 확인한 후, 2307 동작에서 확인된 패닝 길이에 따라 페이지 넘김을 수행한다.Referring to FIG. 23 , the electronic device identifies a panning touch in the current page area in operation 2301 , and checks the entire page in operation 2303 . Thereafter, after checking the panning length corresponding to the total number of pages in operation 2305, page turning is performed according to the panning length checked in operation 2307.

도 24에 도시된 바와 같이, 사용자는 표시부(131)를 터치한 후 패닝 동작을 수행할 것이며, 전자 장치(100)는 패닝 터치를 확인하여 패닝 방향에 따른 페이지 넘김을 수행할 수 있다. 이때, 표시부(131)에서 패닝 동작을 수행할 경우 별도의 패닝 길이 표시자(190)가 디스플레이될 수 있으며, 해당 패닝 길이 표시자(190)에 디스플레이되는 스크롤 바(191)의 위치에 따라 현재 표시된 페이지가 전체 페이지 중 어느 위치에 있는지 파악할 수 있다. 따라서, 패닝 길이 표시자(190)의 전체 길이는 패닝 길이가 될 것이다.24 , the user will perform a panning operation after touching the display unit 131 , and the electronic device 100 may check the panning touch and perform page turning according to the panning direction. In this case, when the display unit 131 performs the panning operation, a separate panning length indicator 190 may be displayed, and the currently displayed panning length indicator 190 may be displayed according to the position of the scroll bar 191 displayed on the corresponding panning length indicator 190 . You can figure out where the page is on the whole page. Thus, the total length of the pan length indicator 190 will be the pan length.

그러나 이에 국한되지 않으며, 전자 장치(100)의 표시부에 패닝 길이 표시자 및 스크롤 바가 표시되지 않더라도 사용자는 직관적으로 빠른 페이지 넘김을 수행할 수도 있다. 예컨대, 패닝 동작시 패닝 길이 표시자 및 스크롤 바의 표시는 선택 사항이며, 사용자의 설정에 의해 정의될 수도 있을 것이다.However, the present invention is not limited thereto, and even if the panning length indicator and the scroll bar are not displayed on the display of the electronic device 100 , the user may intuitively perform fast page turning. For example, the display of the panning length indicator and the scroll bar during the panning operation is optional, and may be defined by a user's setting.

본 도면에서는 네 번째 페이지(P4)에서 다섯 번째 페이지(P5)로 넘어가는 순간을 도시하였으며, 이러한 경우 표시부(131)에 더 많은 영역을 가지며 표시되는 페이지에 해당하는 인디케이터(180)의 대응 표시자(184)가 다른 나머지 표시자들(181, 182, 183, 185)에 비해 하이라이트되어 표시될 수 있다.In this figure, the transition from the fourth page P4 to the fifth page P5 is illustrated. In this case, the display unit 131 has a larger area and corresponds to the indicator 180 corresponding to the displayed page. 184 may be displayed highlighted relative to the other remaining indicators 181 , 182 , 183 , 185 .

한편, 도 25a와 같이 전체 페이지가 3페이지(P1, P2, P3)일 경우 패닝 길이 d1은 비교적 짧은 길이로 설정할 수 있다. 예를 들어, 패닝 길이 d1은 전자 장치 표시부(131)의 폭방향에 대한 전체 길이의 1/4 정도의 길이로 설정될 수 있다. 즉, 표시부(131)의 영역에서 길이 d1의 패닝 동작만으로 전체 3페이지를 손쉽게 탐색할 수 있다.Meanwhile, as shown in FIG. 25A , when the entire page is three pages (P1, P2, P3), the panning length d1 may be set to a relatively short length. For example, the panning length d1 may be set to be about 1/4 of the total length of the electronic device display unit 131 in the width direction. That is, in the area of the display unit 131 , all three pages can be easily searched only by a panning operation having a length d1.

역시, 도 25b와 같이 전체 페이지가 7페이지(P1, P2, P3, P4, P5, P6, P7)일 경우 패닝 길이 d2는 비교적 긴 길이로 설정할 수 있다. 그러나, 아무리 길어도 사용자의 패닝 터치에 무리가 되는 길이로 설정하는 것은 바람직하지 않다. 따라서, 도 25b의 경우에 패닝 길이 d2는 전자 장치 표시부(131)의 폭방향에 대한 전체 길이의 1/2 정도의 길이로 설정될 수 있다. 즉, 표시부(131)의 영역에서 길이 d2의 패닝 동작만으로 전체 7페이지를 손쉽게 탐색할 수 있다.Also, as shown in FIG. 25B , when the entire page is 7 pages (P1, P2, P3, P4, P5, P6, P7), the panning length d2 may be set to a relatively long length. However, no matter how long, it is not preferable to set the length to be too long for the user's panning touch. Accordingly, in the case of FIG. 25B , the panning length d2 may be set to be about 1/2 of the total length of the electronic device display unit 131 in the width direction. That is, all 7 pages can be easily searched in the area of the display unit 131 only by a panning operation having a length d2.

그러나 이에 국한되지 않으며, 패닝 길이는 확인된 전체 페이지의 수에 관계 없이 항상 일정 길이로 설정될 수도 있다. 이러한 설정 길이는 사용자가 표시부에서 패닝 터치를 하기 가장 용이한 길이로 설정될 수 있을 것이다.However, the present invention is not limited thereto, and the panning length may always be set to a certain length regardless of the total number of checked pages. Such a set length may be set to a length that is easiest for a user to make a panning touch on the display unit.

더욱이 이러한 패닝 길이는 전체 페이지 수에 관계 없이 사용자의 설정에 의해서도 설정될 수 있다.Moreover, the panning length may be set by the user regardless of the total number of pages.

*분명히, 청구항들의 범위내에 있으면서 이러한 실시예들을 변형할 수 있는 많은 다양한 방식들이 있다. 다시 말하면, 이하 청구항들의 범위를 벗어남 없이 본 발명을 실시할 수 있는 많은 다른 방식들이 있을 수 있을 것이다.*Obviously, there are many different ways in which these embodiments can be modified while remaining within the scope of the claims. In other words, there may be many other ways in which the invention may be practiced without departing from the scope of the following claims.

100: 전자 장치 610: 페이지 인디케이터
611, 612, 613: 썸네일 이미지
100: electronic device 610: page indicator
611, 612, 613: Thumbnail image

Claims (18)

전자 장치에 있어서,
명령어들을 저장하는 메모리;
디스플레이; 및
상기 메모리 및 상기 디스플레이와 작동적으로 연결된 프로세서를 포함하고,
상기 프로세서는 상기 명령어들을 실행하여:
제1 크기의 제1 페이지 및 상기 제1 페이지 및 제2 페이지를 포함하는 복수의 페이지들을 지시하는 복수의 지시자들을 표시하는 동안, 상기 디스플레이 내에 디스플레이된 적어도 하나의 객체를 편집하도록 하는 사용자 입력을 수신하고;
상기 사용자 입력을 수신하는 것에 응답하여, 적어도 하나의 객체를 포함하고 상기 제1 크기보다 작은 제2 크기인 제1 페이지 및 상기 복수의 지시자들로부터 변경된 복수의 썸네일 이미지들을 표시하며, 상기 복수의 썸네일 이미지들은 상기 제1 페이지에 상응하는 제1 썸네일 이미지 및 디스플레이되지 않은 상기 제2 페이지에 상응하는 제2 썸네일 이미지를 포함하는, 전자 장치.
In an electronic device,
a memory storing instructions;
display; and
a processor operatively coupled to the memory and the display;
The processor executes the instructions to:
Receiving a user input to edit at least one object displayed in the display while displaying a first page of a first size and a plurality of indicators indicating a plurality of pages including the first and second pages do;
In response to receiving the user input, displaying a first page including at least one object and having a second size smaller than the first size and a plurality of thumbnail images changed from the plurality of indicators, The images include a first thumbnail image corresponding to the first page and a second thumbnail image corresponding to the second page that is not displayed.
청구항 1에 있어서,
상기 프로세서는 상기 사용자 입력에 응답하여 상기 제1 페이지의 색상을 변경하도록 더 구성된, 전자 장치.
The method according to claim 1,
and the processor is further configured to change the color of the first page in response to the user input.
청구항 1에 있어서,
상기 프로세서는,
상기 적어도 하나의 객체 상에서의 롱 프레스 터치 입력을 검출하고,
상기 롱 프레스 터치 입력을 검출하는 것에 응답하여, 상기 적어도 하나의 객체의 상태를 플로팅 상태로 변경하도록 더 구성된, 전자 장치.
The method according to claim 1,
The processor is
detecting a long press touch input on the at least one object;
and in response to detecting the long press touch input, change the state of the at least one object to a floating state.
청구항 1에 있어서,
상기 적어도 하나의 객체는 아이콘 또는 위젯 중에서 하나 이상을 포함하고,
상기 복수의 썸네일 이미지들은 아이콘 크기, 위젯 크기, 아이콘 형태 또는 위젯 형태 중 하나 이상에 기초하여 디스플레이되는, 전자 장치.
The method according to claim 1,
The at least one object includes one or more of an icon or a widget,
The plurality of thumbnail images are displayed based on at least one of an icon size, a widget size, an icon shape, or a widget shape.
청구항 1에 있어서,
상기 복수의 썸네일 이미지들은 상기 제1 페이지의 영역 및 적어도 하나의 시스템 객체가 표시되는 영역 사이에 표시되는, 전자 장치.
The method according to claim 1,
The plurality of thumbnail images are displayed between an area of the first page and an area in which at least one system object is displayed.
청구항 1에 있어서,
상기 프로세서는,
상기 적어도 하나의 객체 상에서의 드래그 입력을 검출하고,
상기 드래그 입력이 상기 제1 페이지의 제1 영역으로 향하면, 상기 제1 영역 내에 상기 적어도 하나의 객체를 표시하고 상기 제1 썸네일 이미지의 표현을 상기 제1 영역 내에 상기 적어도 하나의 객체가 표시된 것에 상응하도록 변경하고;
상기 드래그 입력이 상기 제2 썸네일 이미지에 상응하는 제2 영역으로 향하면, 상기 적어도 하나의 객체를 상기 제1 페이지로부터 상기 제2 페이지로 이동시키며, 상기 제1 썸네일 이미지의 표현을 상기 적어도 하나의 객체가 상기 제2 페이지로 이동한 것에 상응하도록 변경하고, 상기 제2 썸네일 이미지의 표현을 상기 적어도 하나의 객체가 상기 제2 페이지로 이동한 것에 상응하도록 변경하도록 더 구성된, 전자 장치.
The method according to claim 1,
The processor is
detecting a drag input on the at least one object;
When the drag input is directed to a first area of the first page, the at least one object is displayed in the first area, and the representation of the first thumbnail image corresponds to the display of the at least one object in the first area change to do;
When the drag input is directed to a second area corresponding to the second thumbnail image, the at least one object is moved from the first page to the second page, and the representation of the first thumbnail image is changed to the at least one object. change to correspond to moving to the second page, and to change the representation of the second thumbnail image to correspond to moving to the second page by the at least one object.
청구항 6에 있어서,
상기 프로세서는,
상기 드래그 입력이 상기 제2 영역으로 향하고 상기 제2 영역 상에서 지정된 시간 이상 유지되는 경우, 표시된 상기 제1 페이지를 상기 제2 페이지로 변경하도록 더 구성된, 전자 장치.
7. The method of claim 6,
The processor is
and change the displayed first page to the second page when the drag input is directed to the second area and is maintained on the second area for a specified time or longer.
청구항 1에 있어서,
상기 프로세서는 상기 적어도 하나의 객체의 이동을 추적하는 적어도 하나의 섀도우 이미지를 표시하도록 더 구성된, 전자 장치.
The method according to claim 1,
and the processor is further configured to display at least one shadow image tracking movement of the at least one object.
청구항 1에 있어서,
상기 프로세서는,
상기 제1 페이지 상에서 패닝 터치 입력을 검출하고;
상기 전자 장치 상에 존재하는 페이지들의 수를 결정하며;
상기 페이지들의 수에 상응하는 패닝 길이를 결정하고;
상기 패닝 길이에 기초하여 상기 제1 페이지로부터 상기 존재하는 페이지들 중 다른 페이지로 페이지 전환을 수행하도록 더 구성된, 전자 장치.
The method according to claim 1,
The processor is
detect a panning touch input on the first page;
determine a number of pages present on the electronic device;
determine a panning length corresponding to the number of pages;
and perform page switching from the first page to another of the existing pages based on the panning length.
전자 장치가 동작하는 방법에 있어서,
제1 크기의 제1 페이지 및 상기 제1 페이지 및 제2 페이지를 포함하는 복수의 페이지들을 지시하는 복수의 지시자들을 표시하는 동안, 상기 전자 장치의 디스플레이 내에 디스플레이된 적어도 하나의 객체를 편집하도록 하는 사용자 입력을 수신하는 동작; 및
상기 사용자 입력을 수신하는 것에 응답하여, 적어도 하나의 객체를 포함하고 상기 제1 크기보다 작은 제2 크기인 제1 페이지 및 상기 복수의 지시자들로부터 변경된 복수의 썸네일 이미지들을 표시하는 동작을 포함하며,
상기 복수의 썸네일 이미지들은 상기 제1 페이지에 상응하는 제1 썸네일 이미지 및 디스플레이되지 않은 상기 제2 페이지에 상응하는 제2 썸네일 이미지를 포함하는, 방법.
A method for operating an electronic device, comprising:
A user who edits at least one object displayed in the display of the electronic device while displaying a first page of a first size and a plurality of indicators indicating a plurality of pages including the first and second pages receiving input; and
In response to receiving the user input, displaying a first page including at least one object and having a second size smaller than the first size and a plurality of thumbnail images changed from the plurality of indicators,
wherein the plurality of thumbnail images include a first thumbnail image corresponding to the first page and a second thumbnail image corresponding to the second page that is not displayed.
청구항 10에 있어서,
상기 복수의 썸네일 이미지들을 표시하는 동작은,
상기 전자 장치가 상기 사용자 입력에 응답하여 상기 제1 페이지의 색상을 변경하는 동작을 포함하는, 방법.
11. The method of claim 10,
The operation of displaying the plurality of thumbnail images includes:
and changing, by the electronic device, a color of the first page in response to the user input.
청구항 10에 있어서,
상기 적어도 하나의 객체 상에서의 롱 프레스 터치 입력을 검출하는 동작; 및
상기 롱 프레스 터치 입력을 검출하는 것에 응답하여, 상기 적어도 하나의 객체의 상태를 플로팅 상태로 변경하는 동작을 더 포함하는, 방법.
11. The method of claim 10,
detecting a long press touch input on the at least one object; and
in response to detecting the long press touch input, changing the state of the at least one object to a floating state.
청구항 10에 있어서,
상기 적어도 하나의 객체는 아이콘 또는 위젯 중에서 하나 이상을 포함하고,
상기 복수의 썸네일 이미지들은 아이콘 크기, 위젯 크기, 아이콘 형태 또는 위젯 형태 중 하나 이상에 기초하여 디스플레이되는, 방법.
11. The method of claim 10,
The at least one object includes one or more of an icon or a widget,
wherein the plurality of thumbnail images are displayed based on one or more of an icon size, a widget size, an icon shape, or a widget shape.
청구항 10에 있어서,
상기 복수의 썸네일 이미지들은 상기 제1 페이지의 영역 및 적어도 하나의 시스템 객체가 표시되는 영역 사이에 표시되는, 방법.
11. The method of claim 10,
and the plurality of thumbnail images are displayed between an area of the first page and an area in which at least one system object is displayed.
청구항 10에 있어서,
상기 적어도 하나의 객체 상에서의 드래그 입력을 검출하는 동작;
상기 드래그 입력이 상기 제1 페이지의 제1 영역으로 향하면, 상기 제1 영역 내에 상기 적어도 하나의 객체를 표시하고 상기 제1 썸네일 이미지의 표현을 상기 제1 영역 내에 상기 적어도 하나의 객체가 표시된 것에 상응하도록 변경하는 동작; 및
상기 드래그 입력이 상기 제2 썸네일 이미지에 상응하는 제2 영역으로 향하면, 상기 적어도 하나의 객체를 상기 제1 페이지로부터 상기 제2 페이지로 이동시키며, 상기 제1 썸네일 이미지의 표현을 상기 적어도 하나의 객체가 상기 제2 페이지로 이동한 것에 상응하도록 변경하고, 상기 제2 썸네일 이미지의 표현을 상기 적어도 하나의 객체가 상기 제2 페이지로 이동한 것에 상응하도록 변경하는 동작을 더 포함하는, 방법.
11. The method of claim 10,
detecting a drag input on the at least one object;
When the drag input is directed to a first area of the first page, the at least one object is displayed in the first area, and the representation of the first thumbnail image corresponds to the display of the at least one object in the first area action to change to; and
When the drag input is directed to a second area corresponding to the second thumbnail image, the at least one object is moved from the first page to the second page, and the representation of the first thumbnail image is changed to the at least one object. changing to correspond to movement to the second page, and changing the expression of the second thumbnail image to correspond to movement of the at least one object to the second page.
청구항 10에 있어서,
상기 적어도 하나의 객체의 이동을 추적하는 적어도 하나의 섀도우 이미지를 표시하는 동작을 더 포함하는, 방법.
11. The method of claim 10,
and displaying at least one shadow image that tracks the movement of the at least one object.
청구항 10에 있어서,
상기 제1 페이지 상에서 패닝 터치 입력을 검출하는 동작;
상기 전자 장치 상에 존재하는 페이지들의 수를 결정하는 동작;
상기 페이지들의 수에 상응하는 패닝 길이를 결정하는 동작; 및
상기 패닝 길이에 기초하여 상기 제1 페이지로부터 상기 존재하는 페이지들 중 다른 페이지로 페이지 전환을 수행하는 동작을 더 포함하는, 방법.
11. The method of claim 10,
detecting a panning touch input on the first page;
determining the number of pages existing on the electronic device;
determining a panning length corresponding to the number of pages; and
and performing page switching from the first page to another page among the existing pages based on the panning length.
컴퓨터로 판독 가능한 프로그램을 저장한 컴퓨터로 판독 가능한 기록 매체에 있어서, 상기 컴퓨터로 판독 가능한 프로그램은 프로세서에 의해서 실행 시에 상기 프로세서가:
적어도 하나의 객체를 포함하는 제1 페이지를 포함하는 화면을 디스플레이를 통해서 디스플레이하고;
제1 크기의 제1 페이지 및 상기 제1 페이지 및 제2 페이지를 포함하는 복수의 페이지들을 지시하는 복수의 지시자들을 표시하는 동안, 상기 디스플레이 상에 디스플레이된 상기 적어도 하나의 객체를 편집하도록 하는 사용자 입력을 수신하고;
상기 사용자 입력을 수신하는 것에 응답하여, 상기 적어도 하나의 객체를 포함하고 상기 제1 크기보다 작은 제2 크기인 제1 페이지 및 상기 복수의 지시자들로부터 변경된 복수의 썸네일 이미지들을 표시하며, 상기 복수의 썸네일 이미지들은 상기 제1 페이지에 상응하는 제1 썸네일 이미지 및 디스플레이되지 않은 상기 제2 페이지에 상응하는 제2 썸네일 이미지를 포함하도록 하는 컴퓨터로 판독 가능한 기록 매체.

A computer-readable recording medium storing a computer-readable program, wherein when the computer-readable program is executed by a processor, the processor:
displaying a screen including a first page including at least one object through a display;
A user input for editing the at least one object displayed on the display while displaying a first page of a first size and a plurality of indicators indicating a plurality of pages including the first page and the second page receive;
In response to receiving the user input, displaying a first page including the at least one object and having a second size smaller than the first size and a plurality of thumbnail images modified from the plurality of indicators, and the thumbnail images include a first thumbnail image corresponding to the first page and a second thumbnail image corresponding to the non-displayed second page.

KR1020210018607A 2020-12-01 2021-02-09 Method for operating page and electronic device thereof KR102323440B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020210018607A KR102323440B1 (en) 2020-12-01 2021-02-09 Method for operating page and electronic device thereof

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020200165936A KR102301652B1 (en) 2013-03-04 2020-12-01 Method for operating page and electronic device thereof
KR1020210018607A KR102323440B1 (en) 2020-12-01 2021-02-09 Method for operating page and electronic device thereof

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020200165936A Division KR102301652B1 (en) 2013-03-04 2020-12-01 Method for operating page and electronic device thereof

Publications (2)

Publication Number Publication Date
KR20210018406A KR20210018406A (en) 2021-02-17
KR102323440B1 true KR102323440B1 (en) 2021-11-08

Family

ID=74731673

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020210018607A KR102323440B1 (en) 2020-12-01 2021-02-09 Method for operating page and electronic device thereof

Country Status (1)

Country Link
KR (1) KR102323440B1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009265976A (en) * 2008-04-25 2009-11-12 Mitsubishi Electric Corp Display operation device
US20120188275A1 (en) * 2011-01-24 2012-07-26 Kyocera Corporation Mobile electronic device

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101332643B1 (en) * 2009-02-17 2013-11-25 에스케이플래닛 주식회사 Method for Providing Browsing History, Mobile Communication Terminal And Computer-Readable Recording Medium with Program Therefor
KR101760693B1 (en) * 2010-09-24 2017-08-04 삼성전자 주식회사 Method and apparatus for editing home screen in a touch device

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009265976A (en) * 2008-04-25 2009-11-12 Mitsubishi Electric Corp Display operation device
US20120188275A1 (en) * 2011-01-24 2012-07-26 Kyocera Corporation Mobile electronic device

Also Published As

Publication number Publication date
KR20210018406A (en) 2021-02-17

Similar Documents

Publication Publication Date Title
KR102188097B1 (en) Method for operating page and electronic device thereof
EP2701054B1 (en) Method and apparatus for constructing a home screen in a terminal having a touch screen
EP2372516B1 (en) Methods, systems and computer program products for arranging a plurality of icons on a touch sensitive display
EP3706400A1 (en) Icon management method and device
KR101974852B1 (en) Method and apparatus for moving object in terminal having touchscreen
EP2463768B1 (en) Method and system for displaying screens on the touch screen of a mobile device
EP3617861A1 (en) Method of displaying graphic user interface and electronic device
KR101229699B1 (en) Method of moving content between applications and apparatus for the same
US9898111B2 (en) Touch sensitive device and method of touch-based manipulation for contents
KR101929316B1 (en) Method and apparatus for displaying keypad in terminal having touchscreen
KR20100043371A (en) Apparatus and method for composing idle screen in a portable terminal
JP6053332B2 (en) Information processing apparatus, information processing apparatus control method, and program
JP2012208636A (en) Touch screen device control apparatus, and control method and program for the same
KR101354841B1 (en) Electronic Device With Touch Screen And Input Data Processing Method Thereof
KR102301652B1 (en) Method for operating page and electronic device thereof
KR102323440B1 (en) Method for operating page and electronic device thereof
KR20140019531A (en) Method for managing a object menu in home screen and device thereof
JP2022181960A (en) Information processing apparatus and program
KR20130140361A (en) Method for inputting data in terminal having touchscreen and apparatus thereof

Legal Events

Date Code Title Description
A107 Divisional application of patent
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant