CN111052065A

Movatterモバイル変換

Info

Publication number: CN111052065A
Application number: CN201880055008.4A
Authority: CN
Inventors: 姜守真; 金东赫; 金秀娥; 金容求; 朴绍正; 裵贤胜; 元东熙; 李省慧; 李在珖; 崔铉昊; 韩荣兰
Original assignee: Samsung Electronics Co Ltd
Current assignee: Samsung Electronics Co Ltd
Priority date: 2017-08-22
Filing date: 2018-08-22
Publication date: 2020-04-21
Anticipated expiration: 2038-08-22
Also published as: KR20190021171A; HUE049574T2; JP7008799B2; ES2785961T3; CN111052065B; KR102535567B1; JP2020530623A

Abstract

Translated fromChinese

提供了一种电子设备及其控制方法。电子设备的控制方法包括：显示多个页面中的至少一个页面；在至少一个页面被显示时检测触摸拖动输入；基于触摸拖动输入的起点位于第一区域中，根据触摸拖动来对多个页面执行滚动功能；以及基于触摸拖动输入的起点位于第二区域中，根据触摸拖动输入来执行绘制功能。

An electronic device and a control method thereof are provided. A control method of an electronic device includes: displaying at least one page among a plurality of pages; detecting a touch drag input when the at least one page is displayed; performing a scrolling function on each page; and performing a drawing function according to the touch-drag input based on a starting point of the touch-drag input being located in the second area.

Description

Electronic device and control method thereof

Technical Field

Apparatuses and methods consistent with the present invention relate to an electronic device and a control method thereof, and more particularly, to an electronic device including a display having a large screen and a control method thereof.

Background

An electronic device having a large screen, such as a related art electronic board, provides various interactive environments according to a user command.

For example, the electronic device may provide an interactive environment displaying content corresponding to a user command or a drawn image according to a touch drag input of a user on a display displaying at least one page.

In such an interactive environment, the electronic device may scroll at least one page displayed on the display to display a previous page or a next page according to a user operation with respect to a scroll bar displayed on one region of the display.

Further, the electronic device may scroll at least one page displayed on the display according to a user operation related to a navigation window managing a plurality of pages displayed on one area of the display, and convert and display the page to a next page.

However, there is a problem in that when a plurality of pages are displayed on a display separately from each other, the pages cannot be continuously displayed on the display when the pages are scrolled according to a user operation.

Therefore, various interactive environments in which a plurality of pages are continuously displayed are required, compared to the interactive environments provided in the related art electronic devices.

Disclosure of Invention

[ problem ] to provide a method for producing a semiconductor device

One or more embodiments provide a variety of interactive environments through an electronic device that provides a display with a large screen.

In particular, one or more embodiments provide an interactive environment in which a plurality of pages are continuously displayed by providing an electronic device having a display with a large screen.

[ technical solution ] A method for producing a semiconductor device

According to an aspect of the present invention, there is provided a method for controlling an electronic device, the method including: displaying at least one page of a plurality of pages; detecting a touch drag input while at least one page is displayed; performing a scroll function on the plurality of pages according to the touch drag input based on determining that a start point of the touch drag input is located in a first region corresponding to a boundary line between at least one of the plurality of pages and a subsequent page; and performing a drawing function according to the touch drag input based on determining that the start point of the touch drag input is located in the second region.

The displaying may include displaying a boundary line for distinguishing at least one page from a subsequent page, and the first region may be a region within a predetermined distance from the boundary line.

The display may include: displaying an icon for displaying a navigation window managing a plurality of pages together with at least one page; and displaying a navigation window in an area of the display with the at least one page while the at least one page is displayed based on user input selecting the icon.

The navigation window may include an indicator for managing at least one page currently displayed, and based on the scroll function being performed, the indicator may be moved according to the performed scroll function.

The indicator may include at least one of an icon for moving a currently displayed page, an icon for inserting a new page, and an icon for deleting a page.

The method may further comprise: detecting rotation of the electronic device while the at least one page and the navigation window are simultaneously displayed; and rotating the navigation window according to the detected rotation of the electronic device while avoiding rotating the at least one page.

The display may include: displaying a scroll pad for scrolling a plurality of pages on a display displaying at least one page, and scrolling the plurality of pages based on a user command input through the scroll pad.

The performing may further include: identifying a size of an area in which the touch drag input is detected, when it is determined that the start point of the touch drag input is located in the second area; and executing a drawing function according to the touch drag input when a size of a touch area of the touch drag input is detected to be less than or equal to a first threshold.

The performing may further include: executing an erasing function according to the touch drag input when it is detected that a size of an area of the touch drag input is greater than a first threshold and less than a second threshold; and performing an insert function to insert the predefined image according to the touch drag input when a size of a touch area of the touch drag input is detected to be greater than or equal to a second threshold.

According to another aspect of the present invention, there is provided an electronic apparatus including: a display; and a processor configured to: controlling a display to display at least one page of a plurality of pages; detecting a touch drag input while at least one page is displayed; performing a scroll function on the plurality of pages according to the touch drag input based on determining that a start point of the touch drag input is located in a first region corresponding to a boundary line between at least one of the plurality of pages and a subsequent page; and performing a drawing function according to the touch drag input based on determining that the start point of the touch drag input is located in the second region.

The processor may be further configured to control the display to display a borderline for distinguishing at least one page from a subsequent page, and the first area may be an area within a predetermined distance from the borderline.

The processor may be further configured to: controlling a display to display an icon for displaying a navigation window that manages a plurality of pages; and controlling the display to display a navigation window in an area of the display with the at least one page while the at least one page is displayed based on a user input selecting the icon.

The navigation window may include an indicator for managing at least one page currently displayed, and the processor may move the indicator according to the performed scroll function based on the scroll function being performed.

The processor may be further configured to: detecting rotation of the electronic device while the at least one page and the navigation window are simultaneously displayed; and rotating the navigation window according to the detected rotation of the electronic device while avoiding rotating the at least one page.

The processor may be further configured to: the display is controlled to display a scroll pad for scrolling through the plurality of pages when at least one page is displayed, and the plurality of pages are scrolled based on a user command input through the scroll pad.

The processor may be further configured to: identifying a size of an area in which the touch drag input is detected, when it is determined that the start point of the touch drag input is located in the second area; and executing a drawing function according to the touch drag input when a size of a touch area of the touch drag input is detected to be less than or equal to a first threshold.

The processor may be further configured to: executing an erasing function according to the touch drag input when it is detected that a size of an area of the touch drag input is greater than a first threshold and less than a second threshold; and performing an insert function to insert the predefined image according to the touch drag input when a size of a touch area of the touch drag input is detected to be greater than or equal to a second threshold.

According to another aspect of the present invention, there is provided an electronic board comprising: a display; and a processor configured to: controlling a display to display at least one page of a plurality of pages; detecting a touch drag input while at least one page is displayed; determining whether a start point of the touch drag input is located in a first area near a boundary line between at least one of the plurality of pages and a subsequent page or whether the start point of the touch drag input is located in a second area different from the first area; performing a scroll function on the plurality of pages according to the touch drag input based on determining that the start point of the touch drag input is located in the first region near the boundary line; and based on determining that the start point of the touch drag input is located in the second area, performing a management function for managing content within the at least one page according to the touch drag input, wherein the management function is at least one of: a drawing function of drawing within at least one page, an erasing function of erasing within at least one page, and an inserting function of inserting a predefined image within at least one page.

The first area may be within a predetermined distance from the boundary line, or the first area may be on the boundary line.

According to another aspect of the present invention, there is provided a method for controlling an electronic board, the method including: displaying at least one page of a plurality of pages on a display of an electronic board; detecting a touch drag input while at least one page is displayed; determining whether a start point of the touch drag input is located in a first area near a boundary line between at least one of the plurality of pages and a subsequent page or whether the start point of the touch drag input is located in a second area different from the first area; performing a scroll function on the plurality of pages according to the touch drag input based on determining that the start point of the touch drag input is located in the first region near the boundary line; and based on determining that the start point of the touch drag input is located in the second area, performing a management function for managing content within the at least one page according to the touch drag input, wherein the management function is at least one of: a drawing function of drawing within at least one page, an erasing function of erasing within at least one page, and an inserting function of inserting a predefined image within at least one page.

[ advantageous effects ]

According to the various embodiments described above, the electronic device may provide various interactive environments.

Drawings

The above and/or other aspects will become more apparent by referring to the embodiments shown in the drawings. Understanding that these drawings depict only certain embodiments and are not therefore to be considered to be limiting of its scope, the principles herein are described and explained with additional specificity and detail through the use of the accompanying drawings in which:

FIG. 1 is a block diagram of an electronic device according to an embodiment;

fig. 2 is a diagram showing a display structure according to the embodiment;

FIG. 3 is a detailed block diagram of an electronic device according to an embodiment;

fig. 4 to 6 are diagrams illustrating a scroll operation performed in an electronic device according to an embodiment;

fig. 7 is a diagram showing a scroll operation performed in an electronic device according to another embodiment;

fig. 8 is a diagram illustrating a navigation User Interface (UI) provided in an electronic device according to an embodiment;

fig. 9 is a diagram illustrating controlling a display according to rotation of an electronic device in the electronic device according to an embodiment;

fig. 10 to 12 are diagrams illustrating an electronic device capable of performing an operation according to a touch drag input according to an embodiment.

Fig. 13 is a flowchart illustrating a method for controlling an electronic device according to an embodiment; and

fig. 14 is a flowchart of a method of performing a function corresponding to a touch of a user in an electronic device according to an embodiment.

Detailed Description

Certain embodiments will now be described in more detail with reference to the accompanying drawings.

Terms used in the embodiments of the present invention are general terms which are now widely used and selected in consideration of the functions of the present invention. However, the terminology may be changed according to the intention of those skilled in the art, precedent cases, or the emergence of new technology. In addition, in special cases, terms selected by the applicant may be used. In this case, the meaning of the terms will be explained in detail in the corresponding detailed description. Accordingly, the definitions of the terms used herein will be based on the meanings of the terms and the overall contents of the exemplary embodiments, and not on the simple names of the terms.

Since embodiments can have various modifications and several examples, certain embodiments will be illustrated in the accompanying drawings and described in the detailed description thereof. However, this does not necessarily limit the scope of the embodiments to a particular form of embodiments. On the contrary, the intention is to cover all modifications, equivalents, and alternatives falling within the spirit and scope of the disclosed concepts and technologies of the specification. In describing the embodiments, if it is determined that a detailed description about a known technique makes the gist of the present invention unclear, the detailed description is omitted.

In the present invention, relational terms such as first and second, and the like may be used for distinguishing one entity from another entity without necessarily implying any actual such relationship or order between such entities. In embodiments of the invention, relational terms such as first and second, and the like may be used to distinguish one entity from another entity without necessarily implying any actual such relationship or order between such entities.

It is to be understood that the singular forms "a," "an," and "the" include plural referents unless the context clearly dictates otherwise. The terms "comprises," "comprising," "includes," "including," "configured to" and the like in this specification are used to specify the presence of stated features, quantities, steps, operations, elements, components, or combinations thereof, and they do not preclude the possibility of combinations or additions of one or more other features, quantities, steps, operations, elements, components, or combinations thereof.

According to an embodiment, a "module" or "unit" performs at least one function or operation, and may be implemented as hardware or software, or a combination of hardware and software. In addition, a plurality of "modules" or a plurality of "units" may be integrated into at least one module and may be implemented as at least one processor, except for the "modules" or "units" that should be implemented in specific hardware.

Throughout the embodiments, when a certain portion is stated as being "connected" to another portion, it means that the portion is not only "directly connected", but also "electrically connected" while being interposed by another element in between. In addition, this means that a part is "physically connected" as well as "wirelessly connected". Furthermore, when a part is described as "comprising" an element, unless otherwise stated, it means that the part may comprise another element, rather than excluding it.

In the following, certain embodiments will now be described in more detail with reference to the accompanying drawings, so that those skilled in the art can easily perform the same. However, embodiments may be implemented in a variety of different configurations and are not limited to the description provided herein. In addition, those irrelevant to the description are omitted in order to more clearly describe the embodiments, and like reference numerals are used for like elements throughout the description.

Hereinafter, certain embodiments will be described in detail with reference to the accompanying drawings.

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

Theelectronic device 100 may be a large screen display device such as an electronic board used in a lecture room, a conference room, etc., in which various communication environments are provided among a plurality of users, or an electronic billboard mounted on an outer wall of a building.

Theelectronic device 100 may include aninput 110, adisplay 120, and aprocessor 130.

Theinputter 110 detects a touch-and-drag input of a user or a touch-and-drag input of theinput device 200 to be described later, or both. In addition, theinputter 110 may receive various forms of user command input.

Thedisplay 120 displays at least one page of the plurality of pages. Further, thedisplay 120 may display a boundary line (hereinafter, referred to as a "boundary UI") for dividing between a plurality of pages, a navigation window (hereinafter, referred to as a "navigation UI") for managing a plurality of pages, and the like.

This configuration of theinputter 110 and thedisplay 120 will be described in more detail below.

Theprocessor 130 controls thedisplay 120 to display at least one of the plurality of pages. Accordingly, thedisplay 120 may display at least one of the pages of theprocessor 130. According to an embodiment, when a touch drag input is detected through theinputter 110 while at least one of a plurality of pages is displayed, theprocessor 130 may identify whether a start point of the touch drag input is detected to be located within a first region of the display.

Since it is determined that the start point of the touch drag input is detected to be located within the first region, theprocessor 130 performs a scroll function on the plurality of pages according to the touch drag input. Accordingly, thedisplay 120 may display a scrolled page. The first region may refer to a region corresponding to a predetermined distance range from a boundary of each of the plurality of pages. That is, the first region may be a region within a predetermined distance range based on a point where the boundary UI is displayed.

In case that the start point of the detected touch drag input is located within the second area, theprocessor 130 performs a drawing function according to the detected touch drag input. Accordingly, thedisplay 120 may display a drawn image corresponding to the touch drag input. The second region may be a region other than the first region. That is, the second region may refer to a region corresponding to a region outside a predetermined distance range from the boundary of each of the plurality of pages.

According to another embodiment, theprocessor 130 may control thedisplay 120 to display the drawing image together with an icon for displaying a navigation UI that manages a plurality of pages. According to the present embodiment, in the case where icons for displaying a navigation UI are displayed on thedisplay 120, when a user command for selecting a corresponding icon is input, theprocessor 130 may control thedisplay 120 to display at least one page on thedisplay 120, and display the navigation UI together with the at least one page on one region of thedisplay 120.

Accordingly, thedisplay 120 may display the navigation UI together with at least one page on one area.

Meanwhile, the navigation UI displayed on one area of thedisplay 120 may include an indicator for managing at least one page currently displayed on thedisplay 120. Thus, the processor may move the indicator included in the navigation UI according to the performed scrolling when performing the scrolling function.

Meanwhile, the indicator may include at least one of an icon for moving a page currently displayed on thedisplay 120, an icon for inserting a page, and an icon for deleting a page.

Accordingly, when at least one icon included in the indicator is selected, theprocessor 130 may move the page, insert the page, or delete the page corresponding to the at least one selected icon.

According to another embodiment, when at least one page and the navigation UI are simultaneously displayed on thedisplay 120, theprocessor 120 may not rotate the at least one page but rotate the navigation UI according to the rotation of theelectronic device 100 when the rotation of theelectronic device 100 is detected.

In more detail, thedisplay 120 may be implemented as a plurality of layers. Accordingly, theprocessor 130 may maintain a display state of a layer displaying at least one page among the plurality of layers. Meanwhile, theprocessor 130 may perform image processing on the navigation UI such that a display state of another layer of the plurality of layers displaying the navigation UI is displayed in a changed form according to the rotation direction of theelectronic device 100.

Accordingly, thedisplay 120 may change and display the display state of the navigation UI while maintaining the display state of the at least one page.

According to another embodiment,processor 130 may controldisplay 120 to display a scroll pad for scrolling a plurality of pages on at least one page. According to this embodiment, thedisplay 120 may display a scroll pad for scrolling a plurality of pages. When a user command is input through a scroll pad displayed on thedisplay 120, theprocessor 130 may scroll through a plurality of pages according to the user command. Accordingly, thedisplay 120 may display a scrolled page.

Meanwhile, in the case where the start point of the touch drag input is located within the second area, theprocessor 130 performs different functions according to the size of the area in which the touch drag input is detected.

In more detail, when the size of the area in which the touch drag input is detected is less than or equal to the first threshold, theprocessor 130 may perform a drawing function according to the touch drag input. Accordingly, thedisplay 120 may display a drawing image drawn according to the touch drag input.

When the size of the area in which the touch drag input is detected is greater than the first threshold and less than the second threshold, theprocessor 130 performs an erase function to delete the image displayed on thedisplay 120 according to the touch drag input.

When it is detected that the size of the area of the touch drag input exceeds the second threshold, theprocessor 130 performs a function for inserting the predefined image according to the touch drag input. In more detail, when the size of the area where the touch drag input is detected exceeds the second threshold, theprocessor 130 may control thedisplay 120 to display at least one predefined image. Accordingly, thedisplay 120 may display at least one predefined image on the periphery of the area where the touch drag input is detected. Thereafter, when a user command for selecting at least one image is input, thedisplay 120 may display an image corresponding to the user command according to a control command of theprocessor 130.

Hereinafter, thedisplay 120 according to the embodiment will be described in more detail.

Fig. 2 is a diagram illustrating an example display structure according to an embodiment.

As shown in fig. 2, thedisplay 120 may include a structure of a plurality of

layers

210, 220, and 230.

Thefirst layer 210 of the plurality of

layers

210, 220, and 230 may display at least one page of the plurality of pages, a boundary UI for distinguishing between the plurality of pages, and a drawn image corresponding to a touch of a user.

Thesecond layer 220 may be disposed at an upper end of thefirst layer 210 and display content received from an external terminal (not shown) or content previously stored in theelectronic apparatus 100.

Thethird layer 230 may be disposed at an upper end of thesecond layer 220 and display a navigation UI, a scroll pad for scrolling a plurality of pages, icons for displaying the navigation UI, and the like.

According to an embodiment, when rotation of theelectronic device 100 is detected, in a case where thedisplay 120 is implemented as thefirst layer 210 to the third layer 230 (including displaying at least one page on thefirst layer 210 and displaying a navigation UI on thethird layer 230 as described above), theprocessor 130 may maintain a display state of thefirst layer 210, rotate the navigation UI displayed on thethird layer 230 according to the rotation of the electronic device, and display the rotated navigation UI on thethird layer 230.

Meanwhile, examples are not limited thereto, and the plurality oflayers 210 to 230 may be provided in a different structural form from the above-described arrangement structure.

Fig. 3 is a block diagram of a detailed electronic device according to an embodiment.

As described above, in the case where theelectronic apparatus 100 is a large screen display apparatus such as an electronic board or an electronic billboard mounted on an outer wall of a building, the electronic apparatus includes thecommunicator 140, the image processor, theaudio outputter 160, and thestorage 170 as shown in fig. 3, in addition to the above-describedinputter 110, thedisplay 120, and theprocessor 130.

According to an embodiment, theinputter 110 may be hardware or software, or a combination of hardware and software, capable of receiving various user commands and transmitting the received user commands to theprocessor 130. The input device may include amanipulator 111 or atouch input device 112, or both.

Themanipulator 111 may be implemented as a keypad including various function keys, number keys, special keys, letter keys, and the like. In addition, thetouch input 112 may be implemented as a touch panel forming an inter-layer structure with thedisplay 120 described above. According to an embodiment, thetouch inputter 112 may receive a selection command for various UI-related icons displayed on thedisplay 120 or display a drawn image according to a touch drag input on at least one page displayed on thedisplay 120.

Thedisplay 120 may be implemented using a Liquid Crystal Display (LCD), an Organic Light Emitting Display (OLED), or other types of displays.

Thecommunicator 140 may include a nearfield communication module 141, awireless communication module 142, and aconnector 143.

The nearfield communication module 141 is a module for performing near field wireless communication with at least one external terminal (not shown) located at a close distance, and may include at least one of a bluetooth module, a Near Field Communication (NFC) module, a WiFi module, and a ZigBee module, for example.

Thewireless communication module 142 is a module that communicates by connecting to an external network according to a wireless communication protocol such as IEEE or the like, i.e., a wireless LAN module. However, examples are not limited thereto, and thewireless communication module 142 may be a mobile communication module that is connected to a mobile communication network to perform communication according to various mobile communication standards such as third generation (3G), third generation partnership project (3GPP), and Long Term Evolution (LTE).

Theconnector 143 is a configuration for providing interface connection with various source devices such as USB 2.0, USB 3.0, HDMI, IEEE1394, and the like. Theconnector 143 may receive image-related data received from an external terminal (not shown) or an external server (not shown) via a cable connected to theconnector 143 according to a control command of theprocessor 130, or may transmit pre-stored image-related data to an external recording medium. Further, theconnector 143 may receive power from a power source through a wired cable physically connected to theconnector 143.

The image processor 150 performs signal processing on the received content into a format that can be output through at least one of thedisplay 120 and theaudio outputter 160 of theelectronic device 100, which will be described later.

Theaudio outputter 160 outputs audio data included in the content received from the external terminal (not shown) through a speaker (not shown) in the form of audible sound.

Further, thestorage 170 may store contents received from an external terminal (not shown), or may store an operation program for controlling the operation of theelectronic apparatus 100. In this regard, the operation program may be the following program: when theelectronic device 100 is turned on, thestorage 170 is read in and compiled to operate each configuration of theelectronic device 100.

Meanwhile, theprocessor 130 may include aROM 131, aRAM 132, aCPU 133, and aGPU 134. TheROM 131, theRAM 132, theCPU 133, and the GPU134 may be interconnected with each other via a bus.

TheCPU 133 accesses thestorage device 170 and performs booting using the O/S stored in thestorage device 170. Further, theCPU 133 executes various operations using various programs, contents, and data stored in thestorage device 170.

The GPU134 generates a display screen that includes various objects (such as icons, images, text, etc.). In more detail, the GPU134 calculates attribute values, such as coordinate values, shapes, sizes, and colors, of each object to be displayed according to the layout of the screen based on the received control command, and generates screens of various layouts including the objects based on the calculated attribute values.

TheROM 131 may store a command set for system startup and the like. If a power-on command is input and power is supplied, theCPU 133 copies the O/S stored in thememory 170 into theRAM 132 according to the command stored in theROM 131, and starts the system by executing the O/S. When the startup is completed, theCPU 133 can copy various programs stored in thestorage device 170 to theRAM 132 and perform various operations by implementing the programs copied to theRAM 132.

Theprocessor 130 may be implemented by a System On Chip (SOC) or a System On Chip (SOC) by being combined with each configuration described above.

In addition, the operations of theprocessor 130 described above may be performed by a program stored in thestorage device 170. In this regard, thestorage 170 may be implemented by using a memory card (e.g., an SD card and a memory card) that can be installed in or removed from the Read Only Memory (ROM)131, a Random Access Memory (RAM)132, or at least one of theelectronic apparatus 100, a nonvolatile memory, a volatile memory, a Hard Disk Drive (HDD), and a Solid State Drive (SSD).

The respective configurations of theelectronic apparatus 100 according to the embodiment have been described above. Hereinafter, operations performed in theelectronic apparatus 100 according to the embodiments will be described by various embodiments.

Fig. 4 to 6 are diagrams illustrating a scroll operation performed in an electronic device according to an embodiment.

As shown in part (a) of fig. 4, theelectronic apparatus 100 may display the entire start page (hereinafter, referred to as "page a") of a plurality of pages on thedisplay 120. Further, theelectronic device 100 may display a boundary UI410 for distinguishing page a from a next page on thedisplay 120. Thefirst region 412 may refer to a region corresponding to a predetermined distance range from a boundary of each of the plurality of pages. That is, thefirst region 412 may be a region within a predetermined distance range from a point where the boundary UI410 is displayed.

While the page a and the boundary UI410 are displayed, when a touch drag input by the user with respect to thepoint 411 within thefirst area 412 is detected, theelectronic apparatus 100 performs a scroll operation in a direction in which the touch drag input is detected.

In other words, theelectronic apparatus 100 may move the page a displayed on thedisplay 120 in an upward direction by performing a scroll operation in a direction in which the touch drag input is detected. Accordingly, theelectronic device 100 may display a portion of page a and a portion of the next page (page B) on thedisplay 120, as shown in portion (B) of fig. 4. In addition, theelectronic apparatus 100 may move the boundary UI 410-1 for distinguishing the page A from the page B in an upward direction and display the boundary UI410-2 moving in the upward direction on thedisplay 120.

Theelectronic device 100 may display a rendered image 420-1 referred to as "123 abc" in a second area of thedisplay 120 that displays the entire page a. The second region may be a region other than thefirst region 412. That is, the second region may refer to a region corresponding to a region outside a predetermined distance range from the boundary of each of the plurality of pages.

Accordingly, theelectronic apparatus 100 may move the drawing image 420-1 displayed in the first area by a distance by which the page a is moved in the upward direction and display the drawing image 420-2 when the page a is moved in the upward direction according to the touch drag input by the user at thepoint 411.

Thereafter, as shown in part (a) of fig. 5, when a touch drag input of the user with respect to thepoint 511 is detected in thefirst region 512 within a predetermined distance range from the boundary UI 410-1 for distinguishing the pages a and B, theelectronic apparatus 100 performs a scroll operation in a direction in which the touch drag input is detected.

In other words, theelectronic apparatus 100 may move the page a and the page B displayed on thedisplay 120 in an upward direction by performing a scroll operation in a direction in which the touch drag input is detected.

Accordingly, theelectronic apparatus 100 may display the display area of the page B displayed on thedisplay 120 to be larger than the display area of the page a, as shown in part (B) of fig. 5. In addition, theelectronic apparatus 100 may move the boundary UI410-2 for distinguishing the page A from the page B in an upward direction and display the boundary UI 410-3 moving in the upward direction on thedisplay 120.

In addition, theelectronic apparatus 100 may move the drawing image 420-2 displayed in the second area by a distance by which the page a has been moved in the upward direction and display the drawing image.

That is, after page A is moved in an upward direction,electronic device 100 may display only a portion of rendered image 420-3 of the entire rendered image 420-2.

According to the above scroll operation, when the entire page B is displayed, theelectronic apparatus 100 may display a boundary UI 410-4 for distinguishing the page a from the page B, and a boundary UI 410-5 for distinguishing the page B from a next page (hereinafter, referred to as "page C") on thedisplay 120, as shown in part (a) of fig. 6.

Theelectronic device 100 may display a rendered image 430-1, referred to as "456 def," in a second region of thedisplay 120 that displays the entire page B. The second region may refer to a region other than thefirst region 612. That is, the second region may refer to a region corresponding to a region outside a predetermined distance range from the boundary of each of the plurality of pages. In a case where the drawn image 430-1 of "456 def" is displayed in the second area of thedisplay 120, when the touch drag input of the user with respect to thepoint 611 is detected within thearea 612 of a predetermined distance range from the boundary UI 410-4 for distinguishing the page a from the page B, theelectronic apparatus 100 performs a scroll operation to move the page B in a downward direction.

Accordingly, theelectronic device 100 may display the page a and the page B on thedisplay 120, as shown in part (B) of fig. 6. In addition, following the user's touch input for thepoint 611, theelectronic apparatus 100 may move the boundary UI for distinguishing the page a from the page B in a downward direction and display the boundary UI 410-6, which has moved in the downward direction, on thedisplay 120.

In the case where the pages a and B are displayed on thedisplay 120 according to the touch input of the user for thepoint 611, theelectronic apparatus 100 displays the drawn image 420-4 of "123 abc" on the display on which the page a is displayed. In addition, following a touch input of the user for thepoint 611, theelectronic apparatus 100 may move the drawn image 430-1 of "456 def" displayed in the first region of thedisplay 120 to a region where the page B is displayed. Accordingly, theelectronic apparatus 100 may display the drawn image 430-2 of "456 def" that has been moved to the region where the page B is displayed on thedisplay 120.

Fig. 7 is a diagram illustrating a scroll operation performed in an electronic device according to another embodiment.

As shown in fig. 7, theelectronic apparatus 100 may display a control UI710 for controlling at least one page in one region of thedisplay 120 according to a user command.

In this regard, the control UI710 may include ascroll pad 711 for scrolling a plurality of pages. In addition, the control UI710 may display a navigation UI for managing a plurality of pages, or may further include a plurality of icons for editing at least one page displayed on thedisplay 120.

Accordingly, when a user command for controlling thescroll plate 711 included in the UI710 is input, theelectronic apparatus 100 may move the page displayed on thedisplay 120 in an upward direction or a downward direction toward a direction corresponding to the user command and display the moved page.

As shown in fig. 7, theelectronic device 100 may display page a as a start page on thedisplay 120. In the case of displaying the page a, when a user command for scrolling in an upward direction is input through thescroll pad 711 included in the control UI710, theelectronic apparatus 100 may move the page a in the upward direction and display the moved page a on thedisplay 120. In the case where the page a is moved in the upward direction, when a user command for scrolling in the downward direction is input through thescroll pad 711 included in the control UI710, theelectronic device 100 may move the page a in the downward direction and display the moved page a on thedisplay 120.

Fig. 8 is a diagram illustrating an example navigation UI provided in an electronic device according to an embodiment.

As shown in fig. 7, when a user command is directed to an icon for displaying a navigation UI among a plurality of icons included in the control UI710, theelectronic device 100 may display the navigation UI810 in one area of thedisplay 120 where at least one page is displayed.

In more detail, when a user command for displaying an icon of the navigation UI is input, theelectronic apparatus 100 may display the navigation UI810 in a right region of thedisplay 120 and display the control UI710' in an upper region of thedisplay 120.

Meanwhile, the navigation UI810 may be a UI for managing a plurality of pages as described above, and may include elements corresponding to each of the plurality of pages. In addition, on a current element corresponding to at least one page currently displayed on thedisplay 120 among the plurality of elements, anindicator 811 for managing the corresponding page may be displayed.

As shown in part (a) of fig. 8, theelectronic device 100 may display page C on thedisplay 120. In this regard, theelectronic device 100 may display anindicator 811 for managing the page C on a current element corresponding to the page C displayed on thedisplay 120 among the plurality of elements included in thenavigation UI 810.

Theindicator 811 displayed on the current element corresponding to the page C displayed on thedisplay 120 may include a plurality of icons.

In more detail, as shown in part (b) of fig. 8, theindicator 811 may include anicon 812 for moving a page displayed on thedisplay 120, anicon 813 for inserting a page, and anicon 814 for deleting a page.

For example, when a user command to move theicon 812 of the page is input, theelectronic apparatus 100 may scroll a plurality of pages such that a page of a direction corresponding to the direction in which theicon 812 is moved is displayed on thedisplay 120.

Anicon 813 for inserting a page may be provided at the upper or lower end of theindicator 811. If theicon 813 provided at the upper end of theindicator 811 is selected, theelectronic apparatus 100 may display a new element between the current element and the previous element of thedisplay indicator 811. Thereafter, theelectronic device 100 may display theindicator 811 on the new element and display a new page corresponding to the new element on thedisplay 120.

When theicon 814 for deleting a page is selected, theelectronic device 100 deletes the current element of thedisplay indicator 811 and the page C corresponding to the current element from thedisplay 120.

When the current element is deleted, theelectronic device 100 may display an indicator on an element previous or next to the current element and display a page corresponding to the element on which the indicator is displayed on thedisplay 120.

Fig. 9 is a diagram illustrating controlling a display according to rotation of an electronic device in the electronic device according to an embodiment.

As shown in fig. 8, theelectronic apparatus 100 may display a navigation UI810 in an area on the right side of the display displaying the page C and a control UI710' in an area on the upper end of thedisplay 120. That is, theelectronic apparatus 100 may display the navigation UI810 in an area adjacent to a first surface of the four surfaces and display the control UI710' in an area adjacent to a second surface. In addition, theelectronic apparatus 100 may display the drawn image of "123 abc" on thedisplay 120 displaying the page C.

In this state, when the rotation of theelectronic apparatus 100 is detected, theelectronic apparatus 100 changes the positions of the navigation UI810 'and the control UI710' according to the rotation direction.

In more detail, as shown in fig. 9, when an event that theelectronic apparatus 100 rotates in the left direction is detected, theelectronic apparatus 100 may set and display a navigation UI810 'disposed in an area adjacent to the first surface of thedisplay 120 into an area adjacent to the third surface of thedisplay 120, and set and display a control UI710' disposed in the area adjacent to the first surface of thedisplay 120 into an area adjacent to the second surface of thedisplay 120.

In this regard, theelectronic apparatus 100 may display the page C displayed on thedisplay 120 and the drawing image of "123 abc" displayed on thedisplay 120 in an unrotated state.

Thereafter, when a touch drag input for scrolling by the user is detected, theelectronic apparatus 100 performs a scrolling operation on a plurality of pages according to the detected touch drag input. Accordingly, thedisplay 120 may display at least one of the page C that has been moved in the left or right direction and a page adjacent to the page C according to the touch drag input.

Fig. 10 to 12 are diagrams illustrating an electronic apparatus according to an embodiment performing an operation according to a touch drag input.

According to one embodiment, as shown in fig. 10, theelectronic apparatus 100 may perform a drawing function according to a touch drag input of theinput apparatus 200 such as a touch pen, and display a drawing image corresponding to the touch drag input of theinput apparatus 200 on thedisplay 120.

Theelectronic apparatus 100 performs different drawing functions according to the size of the area in which the touch drag input of theinput apparatus 200 is detected. According to an embodiment, theelectronic apparatus 100 performs a marker-type drawing function when a size of an area where a touch drag input of the input apparatus is initially detected is less than or equal to a median of a predetermined first threshold. According to another embodiment, theelectronic device 100 performs a drawing function of a highlighter when a size of an area where a touch drag input of the input device is initially detected exceeds a median of predetermined first thresholds or is equal to the first threshold.

In more detail, both ends of theinput device 200 may be implemented in different types. That is, one end of theinput device 200 may be implemented as afirst type 210 having a fine nib, and the other end of theinput device 200 may be implemented as asecond type 220 having a coarse nib.

Accordingly, when a touch drag input is detected at one end of theinput device 200 implemented in thefirst type 210, theelectronic device 100 may display adrawing image 1010 of a marker type on thedisplay 120 according to the touch drag input of theinput device 200.

When the touch drag input is detected at the other end of theinput device 200 implemented in thesecond type 220, theelectronic device 100 may display a drawnimage 1020 of a fluorescent pen type on thedisplay 120 according to the touch drag input of theinput device 200.

According to an embodiment, as shown in fig. 11, when the long-press touch input 1110 is detected through theinput apparatus 200 at theregion 1110, theelectronic apparatus 100 may display the first color UI1120 or the second color UI1130 for changing the color of the drawn image on thedisplay 120 according to the size of the region where the long-press touch input 1110 is detected.

In more detail, when it is determined that the long-press touch input 1110 made through the one end of theinput apparatus 200 implemented in thefirst type 210 is detected, theelectronic apparatus 100 may display the first color UI1120 on thedisplay 120. Thereafter, when one of the icons corresponding to the plurality of colors included in the first color UI1120 is selected, theelectronic apparatus 100 may set the color of the drawn image of the marker type to the color corresponding to the selected icon.

When it is determined that the long-press touch input 1110 made through the other end of theinput apparatus 200 implemented in thesecond type 220 is detected, theelectronic apparatus 100 may display the second color UI1130 on thedisplay 120. Thereafter, when one of the icons corresponding to the plurality of colors included in the second color UI1130 is selected, theelectronic apparatus 100 may set the color of the drawn image of the fluorescent pen type to the color corresponding to the selected icon.

Theelectronic apparatus 100 may display the first color UI1120 or the second color UI1130 for changing the color of the drawn image in an area adjacent to the area where the longpress touch input 1110 is detected. In addition, theelectronic apparatus 100 may differently set a setting order of icons corresponding to each of the plurality of colors included in the first color UI1120 or the second color UI1130 according to a pen type. In addition, theelectronic apparatus 100 may reset the setting order of the plurality of icons included in the first color UI1120 or the second color UI according to the selection frequency of the plurality of icons included in the first color UI1120 or thesecond color UI 1130.

According to an embodiment, as shown in fig. 12, theelectronic apparatus 100 may delete a drawn image displayed on thedisplay 120 or perform a function of inserting a predefined image into thedisplay 120 according to a touch drag input of a user.

In more detail, when the touch drag input by the user is detected, theelectronic apparatus 100 may determine whether a size of a touch area where the touch drag input is detected exceeds a predetermined first threshold and is less than a second threshold. As a result of the determination, when the area of the touch region where the touch drag input is detected exceeds a predetermined first threshold and is less than a second threshold, theelectronic apparatus 100 may delete the drawn image displayed on thedisplay 120 according to the drag input of the user.

When the size of the touch area (i.e., the area 1230) where the touch drag input is detected exceeds a predetermined second threshold, theelectronic device 100 may display a plurality ofpredefined images 1240 in an area adjacent to thearea 1230 where the touch input by the user is detected. Thereafter, when one of the displayedimages 1240 is selected, theelectronic device 100 may display the selectedimage 1240 on thedisplay 120.

When the size of the touch area (i.e., the area 1220) where the touch drag input by the user is detected to be less than or equal to the predetermined first threshold, theelectronic apparatus 100 may display the drawnimage 1210 according to the drag input by the user on the display, as shown in fig. 11.

Various operations of theelectronic device 100 according to various embodiments have been described above. Hereinafter, a method for controlling theelectronic apparatus 100 according to an embodiment will be described.

Fig. 13 is a flowchart illustrating a method for controlling an electronic device according to an embodiment.

As shown in fig. 13, theelectronic apparatus 100 displays at least one page of a plurality of pages on a display at operation S1310. In this regard, theelectronic apparatus 100 displays a boundary line (hereinafter, referred to as a "boundary UI") for distinguishing between a plurality of pages together with at least one page.

While the at least one page and the boundary UI are displayed, a touch drag input is detected at operation S1320. Thereafter, theelectronic apparatus 100 determines whether the start point of the detected touch drag input is located within the first region of the display at operation S1330. In this regard, the first region may be a region within a predetermined range based on the boundary UI. According to an embodiment, the first area may be on the border UI. According to another embodiment, the first area may be within a predetermined distance from the boundary UI.

When it is determined that the start point of the touch drag input is located within the first region, theelectronic apparatus 100 performs a scroll function on a plurality of pages according to the touch drag input at operation S1340.

When at least one page is displayed, theelectronic apparatus 100 may display a control UI including icons for displaying a navigation window (hereinafter, referred to as a "navigation UI") managing a plurality of pages together with the at least one page.

Accordingly, when a user command for selecting an icon selected in the control UI is input, theelectronic apparatus 100 may display the navigation UI in one region of the display while displaying at least one page.

Meanwhile, the navigation UI may include an indicator for managing at least one page currently displayed on the display. Accordingly, in the case where the scroll function is performed on a plurality of pages, theelectronic apparatus 100 may move the indicator according to the scroll.

Meanwhile, the indicator may include at least one of an icon for moving a page currently displayed on the display, an icon for inserting a page, and an icon for deleting a page.

According to another embodiment, theelectronic apparatus 100 may display not only an icon for displaying a navigation UI on a display on which at least one page is displayed but also a control UI including a scroll pad for scrolling a plurality of pages while displaying the at least one page on the display.

However, the example is not limited thereto, and theelectronic apparatus 100 may display a control UI on a display displaying at least one display screen, the control UI further including an icon for editing at least one page displayed on the display.

When a user command is input through a scroll pad included in the control UI, theelectronic apparatus 100 may scroll a plurality of pages according to the input user command.

When it is determined that the start point of the touch drag input is not located within the first region in operation S1330, theelectronic apparatus 100 performs a function different from the scroll function corresponding to the touch drag input by the user. According to an embodiment, the electronic device performs a drawing function according to the touch-and-drag input at operation S1350.

Thereafter, when the rotation of theelectronic apparatus 100 is detected at operation S1360 after operation S1340 or operation S1350, theelectronic apparatus 100 rotates the UI except for the at least one page displayed on the display according to the rotation of theelectronic apparatus 100 at operation S1370, and displays the rotated UI.

In this regard, the UI may include at least one of a navigation window (hereinafter, referred to as a "navigation UI"), a scroll pad for scrolling a plurality of pages, and a control UI including icons for displaying the navigation UI managing the plurality of pages and including icons for editing at least one page displayed on the display.

As shown in fig. 14, when it is determined that the start point of the touch drag input is not located within the first area in operation S1330, theelectronic apparatus 100 determines whether the start point of the touch point is located within the second area in operation S1410.

When the start point of the touch drag input is located within the second region, theelectronic device 100 determines whether the size of the region in which the touch drag input is detected is less than or equal to a predetermined first threshold at operation S1420.

When the size of the touch area where the touch drag input is detected to be less than or equal to the predetermined first threshold, theelectronic apparatus 100 performs a drawing function according to the touch drag input and displays a drawn image on the display according to the touch drag input at operation S1430.

When the area in which the touch drag input is detected is greater than or equal to the predetermined first threshold at operation S1420, theelectronic device 100 determines whether the size of the area in which the touch drag input is detected exceeds the predetermined first threshold and is less than the second threshold at operation S1440.

As a result of the determination, when the size of the touch area where the touch drag input is detected exceeds the predetermined first threshold and is less than the second threshold, theelectronic device 100 performs an erase function according to the touch drag input at operation S1450.

When the size of the touch area where the touch drag input is detected is greater than or equal to the predetermined second threshold at operation S1440, theelectronic apparatus 100 performs a function of inserting a predefined image in the display according to the touch drag input at operation S1460.

When it is determined in operation S1410 that the start point of the touch drag input is not located in the second region but is located in the scroll pad region at operation S1470, theelectronic apparatus 100 performs a function of scrolling a plurality of pages through the scroll pad according to the touch drag input in operation S1480.

The aforementioned control method of theelectronic device 100 according to various embodiments may be encoded as software and stored in a non-transitory readable medium. The non-transitory readable medium may be installed in various apparatuses.

A non-transitory computer-readable medium refers to a medium, such as a register, cache, memory, etc., that stores data semi-permanently, rather than storing data for a very short time, and is readable by a device. In detail, the various applications or programs described above may be stored in a non-transitory computer readable medium (e.g., a Compact Disc (CD), a Digital Versatile Disc (DVD), a hard disk, a blu-ray disc, a Universal Serial Bus (USB), a memory card, a Read Only Memory (ROM), etc.) and may be provided.

The foregoing embodiments and advantages are merely exemplary and are not to be construed as limiting the present disclosure. The present disclosure may be readily applied to other types of apparatuses. In addition, the description of the embodiments of the present disclosure is intended to be illustrative, and not to limit the scope of the claims, and many alternatives, modifications, and variations will be apparent to those skilled in the art.