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

Abstract

In a device having a touch screen, it is checked whether a current mode is an edit mode, if the current mode is the edit mode, a current page is displayed, and a thumbnail-type page indicator for the entire page is displayed in an area separate from the current page. The easy page operation can be provided by applying the arrangement relationship according to the movement of objects displayed in the current page to a corresponding thumbnail image of the page indicator.

Description

Page operating method and its electronic device {METHOD FOR OPERATING PAGE AND ELECTRONIC DEVICE THEREOF}

The present embodiment relates to an electronic device, and relates to a method of operating a page and an apparatus thereof.

As multimedia technology develops, electronic devices having various functions are emerging. These electronic devices generally have a convergence function that performs one or more functions in combination.

In general, as electronic devices, a touch screen device composed of a display module and a touch sensing means is the mainstream, and a situation is being raced to more efficiently and intuitively express a variety of data.

For example, as such data, application icons, folder icons, widget icons, and document icons are displayed on the touch screen device at regular intervals, and when all of these icons are filled on the corresponding page or multiple pages depending on the user's preference. By creating the corresponding icons to move or create on the page.

Accordingly, a more intuitive and easy-to-use page operation method is required due to the increase of such objects displayed on the touch screen device and the arrangement, arrangement, design, etc. suitable for the user's preference.

Accordingly, in the present embodiment, a faster and more intuitive page operation method and an electronic device thereof are provided.

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 programs or instruction sets stored in a 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 the page indicator of the thumbnail method for all pages is displayed in a separate area from the current page. When entering the editing mode, the current page is highlighted and displayed so that the user can easily recognize that it is in the editing mode.

According to some embodiments, a process of checking a swipe touch on the current page area, a process of changing a current page according to the swipe touch direction, and a thumbnail image corresponding to the current page in the page indicator to be highlighted. It may further include a process of doing. In this case, the highlighted thumbnail image may be displayed in a larger size than other thumbnail images.

According to some embodiments, a process of checking whether a specific thumbnail image of the page indicator has been touched and a process of performing a corresponding function according to a touch type of the thumbnail image may be further included. In this case, when the touch type is a tab-type touch for the thumbnail image, a process of displaying a page for a corresponding thumbnail as a current page and a process of displaying a thumbnail image corresponding to the current page to be highlighted in the page indicator It may further include. In addition, when the touch type is a long press touch on the selected thumbnail image, a process of performing a corresponding function according to the movement of the thumbnail image while maintaining the touch may be further included. The corresponding function may be a deletion function in which the selected thumbnail image is moved to the deletion area by a drag-and-drop touch, or a movement function in which the selected thumbnail image is moved to a space between other thumbnail images. Moreover, the thumbnail image selected by the long press touch may be displayed by plotting.'

According to some embodiments, a process of confirming a long press touch on an object displayed on a current page and a process of performing a corresponding function according to movement of the long press touched object may be further included. Here, the 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 for the current page corresponding to the changed object arrangement may be further included.

According to some embodiments, a process of confirming that the selected object moves to a specific thumbnail image area of the page indicator and a process of performing a corresponding function according to the movement of the object may further be included. In this case, a process of confirming that the movement is a drag-and-drop touch to the specific thumbnail image area and a process of moving the object to a page corresponding to the specific thumbnail image may be further included. In this case, the process of changing the object arrangement structure of the thumbnail image for the page in which the object has been changed may be further included.

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 identification of the object when the hold time is within a threshold range. The process of moving to the page corresponding to the thumbnail image and the process of changing the current page to the page to which the object has moved may be further included. In this case, it may further include a process of changing the object arrangement structure of the thumbnail image for the page in which the object is changed.

According to some embodiments, when the hold time is greater than or equal to a threshold range, a process of displaying a page corresponding to a thumbnail image to which an object has been moved as a current page, a process of displaying a ghost image for an object in a preset area of the current page, and And a process of checking whether there is a drag touch in a specific direction in the selected thumbnail image area, and a process of moving a ghost image in the current page area according to the drag touch. In this case, when the touch is released, a process of fixing the object to a region where the ghost image of the current page has been moved, and a process of changing an object arrangement structure of a thumbnail image for a page in which the object has been changed may be further included.

Furthermore, according to some embodiments, a process of checking a panning touch in a current page area, a process of checking a panning length, and a process of performing a page search according to the checked panning length may be included. In this case, the process of displaying an indicator having each individual indicator for the entire page may be further included, and an individual indicator corresponding to a page having the largest page area displayed on the display unit of the electronic device is identified from other individual indicators. It can also be displayed.

According to some embodiments, the process of checking the panning length may be determined in consideration of the total number of pages of the electronic device, or may be a process of checking a preset panning length regardless of the total number of pages of the electronic device.

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 checks whether the current mode is an edit mode, and In the case of the mode, an apparatus for displaying a current page and displaying a page indicator of a thumbnail method for all pages in a separate area from the current page is disclosed.

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, the program includes a panning touch in a current page area. An apparatus for checking, checking the panning length, and performing page search according to the checked panning length is also disclosed.

According to some embodiments, a computer-readable recording medium storing instructions, wherein when the instructions are executed by a device having a touch screen, the device checks whether a screen displayed on the touch screen is in an editing mode, and the editing mode In this case, a computer-readable recording medium is disclosed that displays a current page and displays a thumbnail-type page indicator for all pages in a separate area from the current page.

According to some embodiments, in a device having a touch screen, a process of checking whether a screen displayed on the touch screen is in an edit mode, a process of displaying a current page in the edit mode, and a process of displaying the current page in a separate area from the current page Disclosed is a computer-implemented method including a process of displaying a page indicator in the form of a thumbnail for a page.

According to some embodiments, a computer-readable recording medium storing instructions, wherein when the instructions are executed by a device having a touch screen, the device determines a panning touch in the current page area, and the panning length Disclosed is a computer-readable recording medium that checks and performs page navigation according to the checked panning length.

Further, according to some embodiments, in a device having a touch screen, a process of checking a panning touch in a current page area, a process of checking 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 including.

The method according to the present invention has the effect of more intuitive and quicker page operation.

1 is a block diagram of an electronic device according to the present embodiment;
2 is a block diagram of a processor according to the present embodiment;
3 is an exemplary diagram 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 an 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 is a diagram illustrating a page editing screen displayed on a display unit of an electronic device according to an exemplary embodiment;
7 is a flowchart showing a page changing method according to the present embodiment;
8A and 8B are diagrams illustrating the method of FIG. 7 by way of example;
9 is a flowchart showing a page editing method according to the present embodiment;
10 is a diagram illustrating the method of FIG. 9 by way of example;
11 is a flowchart showing an object moving method according to the present embodiment;
12A and 12B exemplarily illustrate the method of FIG. 11;
13 is a flowchart showing an object moving method according to the present embodiment;
14A and 14B exemplarily illustrate the method of FIG. 13;
15 is a flowchart showing an object moving method according to the present embodiment;
16A and 16B exemplarily illustrate the method of FIG. 15;
17 is a flowchart showing an object moving method according to the present embodiment;
18A and 18B exemplarily illustrate the method of FIG. 17;
19 to 22 are flowcharts illustrating a method of moving an object in a state in which an object is long-pressed without a separate editing screen according to the present embodiment;
Fig. 23 is a flow chart showing a method d of fast page navigation according to the present embodiment;
24 is a diagram illustrating the method of FIG. 23 by way of example; And
25A and 25B are diagrams illustrating a panning distance for page navigation according to the method of FIG. 23 by way of example.

Hereinafter, the present embodiment will be described in detail with reference to the accompanying drawings. Further, in describing the present embodiment, if it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the subject matter of the present embodiment, a detailed description thereof will be omitted. In addition, terms to be described later are terms defined in consideration of functions in the present embodiment, which may vary according to the intention or custom of users or operators. Therefore, the definition should be made based on the contents 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.

In describing the present embodiment, the electronic device will be described based on 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 shown in the device configuration of the present embodiment, when representing the display unit, the input device may be included or the input device may be represented as a 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 as an example, it may be applied to an electronic device in which a display unit and an input device are physically separated and separated.

In describing the present embodiments, an electronic device including a touch screen as a display unit is illustrated as an electronic device, and the description thereof is not limited thereto. For example, as electronic devices, various devices including a touch screen, that is, PDA (Personal Digital Assistant), laptop computer, mobile phone, smart phone, netbook, portable It can be applied to various devices such as Internet device (MID: Mobile Internet Device), Ultra Mobile PC (UMPC), Tablet PC (Tablet Personal Computer), navigation and MP3.

1 is a block diagram of an electronic device according to the present embodiment.

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 And a communication system 136. Each of the components may communicate with each other through one or more communication buses or signal lines 101.

Each component is described as follows.

The memory 110 includes a program storage unit 111 that stores a program for controlling the operation of the electronic device 100 and a data storage unit 112 that stores data generated during program execution, and the processor 122 The data generated by the program is saved by the operation of

For example, the data storage unit 112 stores database information that can be used in the process of determining the related programs that the processor 122 is running through the touch recognition program 117, and displays related programs on the display unit 131 Data, such as setting information necessary to configure the operation of a graphic user interface (GUI), may be stored in the process of displaying on the screen.

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 be configured as a set of instructions and expressed as an instruction set.

The application program 113 includes a software component for at least one application program installed in the electronic device 100.

The GUI program 114 includes at least one software component for providing a graphical 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.

If the movement of display information (eg, a page, an object included in each page, etc.) is determined through a 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.

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 searches for 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 and receive data with other electronic devices through the communication system 136 by performing capability discovery and session establishment procedures with other connected electronic devices.

The input/output control program 116 displays an 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.

The touch recognition program 117 includes at least one software component for determining a corresponding function according to a touch tendency in consideration of the nature or movement direction of the touch. Such a tendency to touch 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 an operation of turning a page as if turning a bookshelf in the touched state. )(1172), drag and drop touch that releases the touch by dragging a certain length while being touched (1173), drag and hold that drags a certain length while being touched and maintains the state for a certain time There are drag and hold touch (1174), panning touch (1175) that performs a swipe operation while maintaining the touched state, and flicking touch (1176), pinch It can be roughly classified into various types of touches, such as a pinch out touch 1177 and a pinch in touch 1178.

For example, the touch recognition program 117 will be able to float and display the object when a specific object is long-pressed in the page editing state according to the present embodiment, and drag and drop touch to the corresponding position of the touched object. Alternatively, a program that performs a corresponding function corresponding to a drag and hold touch may be included.

One or more memories 110 included in the electronic device 100 may be composed of a plurality of pieces. In addition, depending on the application, the program storage unit 111 may function only, the data storage unit 112 may function alone, or both functions. Due to the device characteristics, the physical area inside the memory 110 is divided. It may not be clear.

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, 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.

The memory interface 121 controls access to the memory 110 by components such as the processor 122 or the peripheral device interface 123.

The peripheral device interface 123 controls connection of the input/output peripheral device of the electronic device 100 to the processor 122 and the memory interface 121.

The processor 122 controls the electronic device 100 to provide various multimedia and communication services using at least one software program, and performs a GUI operation of the electronic device to the display unit 131 through the input/output processing unit 130. The display 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.

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.

The communication system 136 performs a communication function. 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. It communicates with the device.

The input/output processing unit 130 provides an interface between an input/output device such as the display unit 131 and the input device 132 and the peripheral device interface 123.

The input device 132 provides input data generated by a 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 a user.

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 a capacitive method and a touch screen device operating in a pressure-sensitive manner may be used.

The display unit 131 receives status information of the electronic device 100, a character input by a user, a moving picture, and a still picture 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.

Like the input device 132, when the display unit 131 is configured as a touch screen, a single touch screen may perform both the function of the display unit 131 and the function of the input device 132.

2 is a block diagram of a processor according to the present embodiment.

Referring to FIG. 2, the processor 122 includes a touch recognition control unit 200, a GUI control unit 210, and an application program driver 220.

The touch recognition control unit 200 may determine a corresponding function according to the touch movement by executing the touch recognition program 117 stored in the storage unit 110 and taking into account the touch tendency. Specifically, the touch recognition control unit 200 checks a touch on a specific thumbnail image among the page indicators including the thumbnail image according to the present embodiment in the page editing mode and displays the thumbnail on the current page or responds according to the movement of the thumbnail image. Perform. For example, if a single touch on a specific thumbnail image is recognized, the current page can be changed to the corresponding page, and if a drag-and-drop touch to a predetermined position is confirmed after a long press touch on the thumbnail image, the corresponding thumbnail image to the corresponding position Can be moved or deleted. In addition, after a long press touch, the corresponding function may be performed according to the drag-and-hold operation and the hold time. Details related to this will be described later.

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 on the object, check the drag-and-drop touch and move the object to the corresponding position, or check the drag-and-hold touch and move the object to the corresponding position before moving the object to a predetermined area in the moved page. Can also be changed.

In addition, the touch recognition controller 200 may control to check a long press touch on an object on the basic page display screen and enter the object editing mode. In this case, the object editing screen may display the same screen as the screen in the page editing mode described above until the touch is released from the object, and control to perform a response function according to the movement of the object by checking various types of touch tendency. May be.

In addition, when a panning operation is detected on the basic page display screen, the touch recognition controller 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.

The GUI control unit 210 controls to display a 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 to display application program information driven by the application program driving unit 220 on the display unit 131. For example, when a long press touch, a drag-and-drop touch, a drag-and-hold touch, etc. for display information (for example, an object, a thumbnail image, etc.) are determined by the touch recognition control unit 20), the GUI control unit 210 The display information displayed on the display unit 313 may be controlled to be displayed by moving to a specific page or a specific area of the page.

The application program driver 220 executes at least one application program 113 stored in the program storage unit 111 to provide a service according to the corresponding application program.

In another embodiment, the electronic device 100 may include a separate control module that determines a touch function according to touch information.

3 is an exemplary diagram of a page displayed on the electronic device 100 according to the present embodiment, and shows a basic screen displayed when the electronic device wakes up (in some cases, when the lock screen is released) Are doing.

In the electronic device, a display unit 131 and a display unit 131 that are touch screen areas are disposed. A speaker device 102, a plurality of sensors (eg, illuminance sensor, proximity sensor, etc.) 103, and a camera module 104 are disposed on the display unit 131, and a physical button is provided on the lower side of the display unit 131. (Also referred to as a'home button') 105 is disposed. When the physical button 105 is pressed, a function of temporarily or completely changing a function currently executed of the electronic device 101 to a basic setting screen may be performed. 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 pressing button that is easy for the user to manipulate. The pressing button may be a key button installed on a substrate included in the electronic device 100 and provided with a metal dome to provide a click feeling to the user. In addition, a touch pad button 106 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 of a program or function may be disposed. 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 drawing, these buttons 105, 106, and 107 are provided outside the display unit 131, but these buttons 105, 106, and 107 are displayed together as some constituent elements on the display unit 131. It could be.

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 disposed on the display unit 131 at a predetermined interval or in a specific area. These objects 151, 152, 156, 157, 158, and 159 can be set by a user to change their location or area. 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 that display programs. . In addition, these objects may further include shortcut icons that can be executed by the user.

In general, the plurality of objects 151, 152, 156, 157, 158, and 159 included in the electronic device 100 are configured with a number that is much larger than the currently visible screen of the display unit 131. Accordingly, the currently displayed screen is only one page among a plurality of pages, and a plurality of pages may be turned over by a specific touch operation. As such a specific touch operation, a screen currently displayed to the next page or the previous page may be changed by a swipe touch or a panning touch on the current page area in a predetermined direction.

Therefore, the user needs to know the total number of pages configured in the electronic device 100, and also needs to know the number of pages currently viewed. Accordingly, the electronic device generally provides an indicator 170 below the currently displayed page to provide the user with information on the location of the currently viewed page and the entire page. The indicator 170 may be arranged in an area other than the page area that is moved according to page turning, and when moving to the previous page or the next page based on the current page by the above-described touch operation, the indicator 170 It is common to implement so that it is not moved.

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 is composed of three pages. In addition, the first indicator 171 is highlighted and displayed in a different size from 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 and displayed by a touch operation, the second indicator 172 of the indicator 170 is displayed with a larger highlight than the other indicators 171 and 173 It is obvious that it can be.

Meanwhile, the lower area in the illustrated display unit 131 is a fixed menu area 160 and may accommodate objects 161, 162, 163, 16, and 165 for basic functions of an 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. This may be arranged, and an Internet access icon 163 that is frequently used may be arranged according to the user's setting.

In addition, a status bar 141 for notifying a user of various status information of an electronic device is displayed in an upper area of the illustrated display unit 131. The status bar 141 may include a time 142, a battery status indicator 143, a signal strength indicator 144 and 145 for wireless communication, an output notification information indicator 146 of an electronic device, and the like. have.

4 is a diagram illustrating a menu screen for entering a page editing screen of the electronic device 100 according to the present embodiment.

Referring to FIG. 4, when the input of the setting key button 106 is confirmed by, for example, a user's finger F or a touch pen while the current page is displayed, the setting screen list 180 may be displayed. . The list of setting screens may include application and widget addition 181, folder addition 182, background screen setting 183, search 185, environment setting 186, etc., and page editing according to the present embodiment Item 184 is also included. Therefore, when the page edit item 184 is touched, the screen of FIG. 5 is entered according to the present embodiment.

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, compared to the prior art, which did not provide an object editing function other than page editing, both functions were used to enable convenient operation for the user. Accordingly, by entering the page editing function, the user can even edit the object, thereby solving the inconvenience 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 in use compared to the conventional technology in which page editing was not possible.

5 is a flowchart illustrating a method for entering a page editing screen of an electronic device according to the present embodiment.

Referring to FIG. 5, if the electronic device determines that the page edit item 184 of FIG. 4 is selected in operation 501, the electronic device enters the edit mode. Accordingly, when the entry into the edit mode is confirmed, operation 503 is entered to display the current page and a page indicator of a thumbnail method for all pages. In this case, the electronic device may perform operation 505 to highlight and display a thumbnail image for the current page. After that, it can be controlled to perform various A operations.

Although a separate setting item is selected to enter the page editing mode in this embodiment, the present invention is not limited thereto. For example, the current page screen may enter the page editing mode by performing a pinch out touch.

6 is a diagram illustrating a page editing screen displayed on a display unit of an electronic device according to an exemplary embodiment.

Referring to FIG. 6, as a page editing screen, the current page 601 is changed to at least a smaller area than the entire screen of the display unit 131 and displayed on the display unit 131. Preferably, the current page 601 displayed when entering the page editing mode may be displayed after being processed as a float. However, before entering the editing mode, the entire screen of the current page is reduced to a certain magnification and displayed, and the arrangement relationship of the objects 6011, 6012, 6013, 6014, 6015, and 6016 is displayed unchanged.

Meanwhile, a page indicator 610 in which thumbnail images 611, 612, and 613 for all pages are sequentially arranged is displayed below the area for the current page 601. When 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. In the thumbnail images 611, 612, and 613 for each corresponding page, an arrangement relationship of objects for the corresponding page may be displayed. In this case, it is very advantageous because the size is relatively large and the structure of different widget icons is used a lot. Accordingly, it may be easy for the electronic device user to see the location of the widget icons of the thumbnail images 611, 612, 613 and infer the content of the corresponding page roughly.

Moreover, the thumbnail image 611 corresponding to the current page 601 may be displayed as highlighted compared to the thumbnail images 612 and 613 corresponding to other pages. That is, the corresponding thumbnail image 611 may be displayed to have a larger size than other thumbnail images 612 and 613 or may be classified as displaying a border area 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 has a larger size than the other thumbnail images 612 and 613. By displaying it so that it is possible to know at which position the currently displayed page is placed among all pages.

7 is a flowchart illustrating a page change method according to the present embodiment.

Referring to FIG. 7, after operation 505 of FIG. 5, in operation 701, the electronic device 100 checks whether a swipe touch is detected in a current page area. When the swipe touch is detected, operation 703 of changing the current page according to the swipe touch direction is performed. That is, when the electronic device detects a swipe touch to the left or right in the area of the current page, the next page or the previous page from the current page is displayed 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 and 8B are diagrams illustrating the method of FIG. 7 by way of example, in which the electronic device performs a swipe touch on the area of the current page 601 displayed in the page editing mode state by the user's finger F. You can see if it works. 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 the page indicator 610 As for the thumbnail image of, the second thumbnail image 612 may be displayed in a larger size than the other thumbnail images 611 and 613. Accordingly, the user can see 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 is a flowchart illustrating a page editing method according to the present embodiment.

Referring to FIG. 9, after operation 505 of FIG. 5, the electronic device 100 performs operation 901 of checking whether a specific thumbnail image is touched on the page indicator. Thereafter, in operation 903, it is checked whether the touch on the specific thumbnail image is a long press touch, and in the case of the long press touch, operation 907 may be performed to display the touched thumbnail image by plotting. 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, the corresponding function may be performed according to a drag and drop touch of the selected thumbnail image in operation 908.

Meanwhile, in operation 903, if the touch on the specific thumbnail image is not the long press touch, the page for the 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 is a diagram illustrating the method of FIG. 9 by way of example.

Referring to FIG. 10, when a page indicator 610 confirms a long press touch on a thumbnail image corresponding to a second page 612, the corresponding thumbnail image 612 is floated and displayed. At the same time, the second page 602 corresponding to the floating thumbnail image 612 is displayed as the current page. Of course, a number of other objects 6021, 6023, 6024, 6025, and 6026 may be included and displayed on the second page 612.

On the other hand, when a drag and drop touch is confirmed while the touch to the corresponding thumbnail image 612 is maintained, a corresponding function corresponding to the area to which the thumbnail image 612 has been moved may be performed.

For example, as in the case of ① in FIG. 10, if a thumbnail image is dragged and dropped from the trash area, it is determined that the page is deleted, and objects included in the page as well as the page are 6025, 6023, 6024, 6025. , 6026) can also be deleted. However, it may be possible to notify the user of the existence of the corresponding objects 6021, 6023, 6024, 6025, and 6026 previously and receive reselection for deletion.

In addition, as in the case of ② in FIG. 10, if the thumbnail image 612 is dragged and dropped between the thumbnail image 613 corresponding to the third page and the thumbnail image added to the page 614, the thumbnail image corresponding to the second page The position 612 may be changed between the third thumbnail image 613 and the page addition thumbnail image 614 and displayed.

11 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 11, after operation 505 of FIG. 5, the electronic device 100 performs operation 1101 of checking a long press touch on an object displayed on a current page. After that, operation 110 of floating and displaying the selected object is performed, and it is checked whether operation 1105 or 1109 is performed. If the electronic device 100 performs operation 1105 to check whether the selected object is moved to another area of the current page, and if the movement is confirmed, operation 1107 is performed to transfer the thumbnail image of the current page to the page to which the object is moved. Change to a thumbnail image.

Meanwhile, it is possible to check whether the object selected in operation 1103 is moved to a specific thumbnail image area of the page indicator, and continue to perform operation B or C.

12A and 12B are diagrams illustrating the method of FIG. 11 by way of example.

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 ( The 6026 is displayed by being floated, and a shadow image 6026-1 corresponding to the shape of the object 6026 is displayed on the lower side thereof. The shadow image 6026-1 may be formed to have the same size as the selected object 6026, but may be formed to have an area that does not match the object 6026. Accordingly, when the object 6026 is moved, the shadow image 6026-1 is also moved together to provide the user with a three-dimensional effect according to the movement, as well as selection of the area to be moved for the object 6026 covered by the finger. It can be easily induced.

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 objects 6021 of the current page 602. , 6023, 6024, 6025, 6026).

Hereinafter, details related to operation 1109 will be described below.

13 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 13, when it is confirmed that the touch operation on the object moved to a specific thumbnail area after operation 1109 of FIG. 11 is a drag and drop touch, the object is moved to a page corresponding to a specific thumbnail image. Perform operation 1303 to let you know. Accordingly, operation 1305 is then performed to change the thumbnail image corresponding to the page where the object has been changed, but in operation 1307, the previously displayed page is continuously maintained on the display unit.

14A and 14B are diagrams illustrating the method of FIG. 13 by way of example.

As shown, a long press touch on a specific object 6026 among a plurality of objects 6021, 6023, 6024, 6025, 6026 included in the page 602 currently displayed on the display unit 131 When is confirmed, the electronic device 100 may float the selected object 6026 and display the shadow image 6026-1 as well. After that, it can be seen that the selected object 6026 is dragged in the direction of the arrow in FIG. 14A and is dropped in the area of the specific thumbnail image 613 of the page indicator 610.

In this example, it is confirmed that a specific object 6026 of the second page 602 is touched by a long press, then dragged to the area of the thumbnail image 613 corresponding to the third page 603 of the page indicator 610 and then dropped. I 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 disappeared 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.

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 the third thumbnail image 613 The moved object 6026 has been changed and displayed as added.

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 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 15, when a touch operation on an object moved to a specific thumbnail area after operation 1109 of FIG. 11 confirms drag and hold, the hold time during which the selected object is held in a specific thumbnail image area is Operation 1503 to check whether it is within the threshold range is performed. If the hold time exceeds a preset threshold range, operation D is performed.

However, when the hold time is within a preset threshold range, operation 1505 is performed to move the object to a page corresponding to a specific thumbnail image. Here, the hold time within the preset threshold range means a state in which the touch retention time is longer than that of drag and drop, and it is confirmed that the touch is released within the threshold range.

Thereafter, by performing operation 1507, the electronic device changes and displays the page currently displayed on the display unit 131 to the page to which the object has been moved, and changes the thumbnail image corresponding to the page where the object has been changed in operation 1509, and then the object is moved. Operation 1511 is performed to highlight the thumbnail image corresponding to the page.

16A and 16B are diagrams illustrating the method of FIG. 15 by way of example.

As shown, a long press touch on a specific object 6026 among a plurality of objects 6021, 6023, 6024, 6025, 6026 included in the page 602 currently displayed on the display unit 131 When is confirmed, the electronic device may process the selected object 6026 to float and display the shadow image 6026-1 as well. Thereafter, it can be seen that the selected object 6026 is dragged in the direction of the arrow of FIG. 16A and held within a threshold time in the area of the specific thumbnail image 613 of the page indicator 610.

In this example, a specific object 6026 of the second page 612 is long-pressed and dragged to the area of the thumbnail image 613 corresponding to the third page 603 of the page indicator 610, and then 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 has been moved. In addition, 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 to be changed.

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 the third thumbnail image 613 The moved object 6026 has been changed and displayed as added.

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 moving the page with the object to the current page. It can be easily changed to.

17 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 17, in operation 1503 of FIG. 15, when an object is continuously touched to such an extent that the hold time is out of a threshold range after a drag and hold touch on the corresponding thumbnail image area is confirmed. In operation 1701, the electronic device 100 changes and displays the page corresponding to the thumbnail image to which the object has been moved to the current page on the display unit. Thereafter, in operation 1703, a ghost image of the object to be moved is displayed in a preset area of the current page. Here, the preset area refers to a blank area in which the object of the 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 the priority and the uppermost is the priority. In addition, the ghost image is a virtual image of an object to be moved, and a known dotted line or blurred image may be applied.

Thereafter, if dragging in a specific direction in the thumbnail image area selected in operation 1705 is confirmed, operation 1707 is performed to move the ghost image on the current page according to the dragging direction. Thereafter, when it is determined in operation 1709 that the touch is released, operation 1711 is performed to fix the selected object to the moved area of the current page instead of the ghost image. Thereafter, in operation 1713, the thumbnail image corresponding to the page to which the object has been changed is changed, and in operation 1715, the thumbnail image corresponding to the page to which the object has been moved is highlighted.

18A and 18B are diagrams illustrating the method of FIG. 17 by way of example.

As shown in FIG. 18A, when the object 6026 makes a drag-and-hold touch in the area of the corresponding thumbnail image 613, the electronic device ( As shown in Fig. 100, the area of the corresponding thumbnail image 613 of the page indicator 610 in which the object 6026 is located is displayed larger as the image for dragging 613-1. For example, the image for dragging 613-1 for the corresponding thumbnail image 613 may be displayed larger than the highlighted and displayed size of the above-described thumbnail image. This is because the user smoothly moves the direction of the object 6026 in the area of the image 613-1 for dragging with respect to the thumbnail image.

At the same time, the current page 603 displayed on the display unit 131 is changed and displayed to a page 603 corresponding to the thumbnail image 613 of the page indicator 610 to which the object 6026 is moved, and the corresponding object 6026 is displayed. The unknown ghost image 6026-2 becomes a blank area of the current page.

In this drawing, 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 for an object 6026 to be moved may be displayed in a blank area of the third page 603. In FIG. 18A, the object 6026 is moving in the direction of the arrow (right), and accordingly, the ghost image 6026-2 for the object 6026 displayed on the current page 603 is also moving to the right.

That is, the user can conveniently move the object to a desired area of the page by simply holding the touch of the object moved by the drag-and-hold operation with the page indicator 610 for a period of time beyond the threshold range.

18B shows a state in which the touch release is confirmed after the drag operation of the object 6026, and the object 6026 is completely fixed to the desired position of the third page 603. In this case, the object 6026 is 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 on the second thumbnail image 612 of the page indicator 610. ) Has been changed to a deleted state, and the third thumbnail image 613 has also been changed to a state in which the object 6026 has been moved to the far 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 to 22 are flowcharts illustrating a method of moving an object in a state in which an object is touched with a long press without a separate editing screen according to the present embodiment.

In the above-described embodiments, a method of entering a separate page editing mode and performing page editing and object movement 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 multiple objects.

In this embodiment, a method for conveniently performing a single movement of an object without entering a separate page letter mode is proposed. In this embodiment, after moving the selected object, the object movement mode is automatically released without an operation for a separate release input, so it may be more convenient in the moving surface of the object.

19 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 19, the electronic device 100 performs operation 1901 of checking a long press touch on a specific object among a plurality of objects displayed on the display. 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 shown in FIGS. 12A and 12B described above, the illustration is omitted. That is, when entering the object movement mode, operation 1905 is performed to display the current page and a page indicator of a thumbnail type for all pages, and at the same time, operation 1907 is performed to display the selected object by floating it.

After the object is also plotted and displayed, it is checked whether operation 1909 or 1913 is performed. If the electronic device 100 performs operation 1909 to determine whether to move the selected object to another area of the current page, and if the movement is confirmed, it performs operation 1911 to change the thumbnail image for the current page. If the touch to the object is released in this state, the electronic device will release the object movement mode and display a basic screen (screen in FIG. 3) on the display unit.

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 F is continued.

20 is a flowchart showing a method of moving an object according to the present embodiment.

Referring to FIG. 20, when a touch operation on an object moved to a specific thumbnail area in operation 2001 after operation 1913 of FIG. 19 is confirmed as a drag and drop touch, the object corresponds to a specific thumbnail image. When the operation 2003 of moving to a page is performed, the electronic device cancels the object movement mode and displays a basic screen (screen in FIG. 3) on the display unit.

21 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 21, when a touch operation on an object moved to a specific thumbnail area after operation 1913 of FIG. 19 confirms drag and hold, the hold time during which the selected object is held in a specific thumbnail image area is Operation 2103 to check whether it is within the threshold range is performed. If the hold time exceeds a preset threshold range, operation G is performed.

However, if the hold time is within a preset threshold range, operation 2105 is performed to move the object to a page corresponding to a specific thumbnail image. Here, the hold time within the preset threshold range means a state in which the touch retention time is longer than drag and drop, and the touch is released within the threshold range.

Thereafter, by performing operation 2107, the electronic device changes the page currently displayed on the display unit to a page to which the object has been moved, and displays it, and cancels the object movement mode in operation 2109. In this case, the base screen displays the page where the current object is moved, not the page where the first object is located.

22 is a flowchart illustrating a method of moving an object according to the present embodiment.

Referring to FIG. 22, in operation 2103 of FIG. 21, after the object is dragged and held in the corresponding thumbnail image area, if continuous touch maintenance occurs such that the hold time exceeds the threshold range, the electronic device moves the object in operation 2201. The page corresponding to the displayed thumbnail image is changed and displayed on the display unit as the current page. Then, in operation 2203, a ghost image of the object to be moved is displayed in a preset area of the current page. Here, the preset area refers to a blank area in which the object of the 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 the priority and the uppermost is the priority. In addition, the ghost image is a virtual image of an object to be moved, and a known dotted line or blurred image may be applied.

Thereafter, when dragging in a specific direction in the selected thumbnail image area in operation 2205 is confirmed, operation 2207 is performed to move the ghost image on the current page according to the dragging direction. Thereafter, when it is confirmed that the touch is released in operation 2209, the object movement mode is also canceled in operation 2211 and the basic screen is displayed on the display. In this case, too, the base screen displays the page to which the current object is moved, not the page where the first object is located.

FIG. 23 is a flowchart illustrating a method of fast page navigation d according to the present embodiment, FIG. 24 is a diagram illustrating the method of FIG. 23 by way of example, and FIGS. 25A and 25B are the methods of FIG. 23 Is a diagram illustrating a panning distance for page navigation according to an example.

In the present embodiment, a fast page navigation method is proposed in the current basic screen (the screen of FIG. 3) rather than entering a separate page editing mode or an object moving mode.

In the case of FIG. 24, in the related art, five swipe touches were performed in one direction to turn five entire pages, and only one page was turned over with one swipe operation. This configuration is not only a cumbersome operation to navigate through a large number of pages, but also takes a long time to navigate.

Accordingly, the present embodiment provides a convenient effect of searching 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 other than a panning touch, the electronic device may perform an operation of sequentially turning one page.

Referring to FIG. 23, the electronic device checks the panning touch in the current page area in operation 2301 and checks the entire page in operation 2303. Thereafter, in operation 2305, the panning length corresponding to the total number of pages is checked, and then page turning is performed according to the panning length determined in operation 2307.

As shown in FIG. 24, the user may 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 panning operation is performed on the display unit 131, a separate panning length indicator 190 may be displayed, and the currently displayed according to the position of the scroll bar 191 displayed on the panning length indicator 190 You can see where the page is on the whole page. Thus, the total length of the panning length indicator 190 will be the panning length.

However, the present invention is not limited thereto, and the user may intuitively perform a quick page turning even if the panning length indicator and the scroll bar are not displayed on the display of the electronic device 100. For example, display of the panning length indicator and the scroll bar during the panning operation is optional and may be defined by the user's setting.

In this drawing, the moment of transitioning from the fourth page P4 to the fifth page P5 is shown. In this case, a corresponding indicator of the indicator 180 corresponding to the displayed page has more areas on the display unit 131 184 may be displayed as highlighted compared to the other indicators 181, 182, 183, and 185.

Meanwhile, as shown in FIG. 25A, when the total page is 3 pages (P1, P2, P3), the panning length d1 can be set to a relatively short length. For example, the panning length d1 may be set to be about 1/4 of the entire length of the electronic device display unit 131 in the width direction. That is, in the area of the display unit 131, it is possible to easily search all three pages only by a panning operation of length d1.

Also, as shown in FIG. 25B, when the total page is 7 pages (P1, P2, P3, P4, P5, P6, P7), the panning length d2 can be set to a relatively long length. However, no matter how long it is, it is not desirable to set it to a length that is unreasonable 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, in the area of the display unit 131, a total of 7 pages can be easily searched only by a panning operation of length d2.

However, the present invention is not limited thereto, and the panning length may always be set to a predetermined length regardless of the number of all confirmed pages. This set length may be set to a length that is easiest for a user to perform a panning touch on the display unit.

Moreover, the panning length can be set by the user's setting regardless of the total number of pages.

*Apparently, there are many different ways that variations of these embodiments can be made 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: electronic device 610: page indicator
611, 612, 613: thumbnail image

Claims (9)

In the electronic device,
A memory for storing instructions;
display; And
And a processor operatively connected to the memory and the display,
The processor executes the instructions to:
Receive a user input to edit at least one object displayed in the display;
In response to receiving the user input, a first page including at least one object and a plurality of thumbnail images are displayed, and the plurality of thumbnail images are a first thumbnail image corresponding to the first page and not displayed. Including a second thumbnail image corresponding to the second page;
Detecting a drag input on the at least one object;
When the drag input is directed to the first area of the first page, the at least one object is displayed in the first area, and the expression of the first thumbnail image corresponds to the display of the at least one object in the first area. Change it to be;
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 expression of the first thumbnail image is changed to the at least one object. And changing the representation of the second thumbnail image to correspond to the movement of the at least one object to the second page. The method according to claim 1,
The processor is further configured to change the color of the first page in response to the user input. The method according to claim 1,
The processor,
Detecting a long press touch input on the at least one object,
The electronic device, further configured to change a state of the at least one object to a floating state in response to detecting the long press touch input. The method according to claim 1,
The at least one object includes one or more of an icon or a widget,
The electronic device, 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. The method according to claim 1,
The electronic device, wherein 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. The method according to claim 1,
The electronic device, wherein the processor is further configured to change the display of the first page to the display of the second page when the drag input is directed toward the second area and is maintained for more than a specified time in the second area. The method according to claim 1,
The electronic device, wherein the processor is further configured to display at least one shadow image that tracks the movement of the at least one object. The method according to claim 1,
The processor,
Detecting a panning touch input on the first page;
Determine the number of pages present on the electronic device;
Determining a panning length corresponding to the number of pages;
The electronic device, further configured to perform a page switching from the first page to another of the existing pages based on the panning length. A computer-readable recording medium storing a computer-readable program, wherein the computer-readable program is executed by a processor by the processor:
Displaying a screen including at least one object through a display;
Receiving a user input to edit the at least one object displayed on the display;
In response to receiving the user input, a first page including at least one object and a plurality of thumbnail images are displayed, and the plurality of thumbnail images are a first thumbnail image corresponding to the first page and not displayed. Including a second thumbnail image corresponding to the second page;
Detecting a drag input on the at least one object;
When the drag input is directed to the first area of the first page, the at least one object is displayed in the first area, and the expression of the first thumbnail image corresponds to the display of the at least one object in the first area. Change it to be;
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 expression of the first thumbnail image is changed to the at least one object. A computer-readable recording medium configured to change the representation of the second thumbnail image to correspond to the movement of the at least one object to the second page.

Images