KR20200140708A - Electronic apparatus and method for controlling thereof - Google Patents

Abstract

Provided are an electronic device and a control method thereof. The control method of the electronic device of the present invention may display an image window on a partial area of a writing area, sense a user input for writing, display writing information corresponding to the user input based on a predetermined first thickness when the user input is sensed on the writing area, and display the writing information corresponding to the user input based on the first thickness and second thickness determined according to the display magnification of the image window on the image window when the user input is sensed on the image window. Therefore, a user may have an effect that the usability of an electronic board can be increased.

Description

Electronic device and control method thereof {ELECTRONIC APPARATUS AND METHOD FOR CONTROLLING THEREOF}

The present disclosure relates to an electronic device and a control method thereof, and more particularly, to an electronic device that displays writing information according to a user input input on a display, and a control method thereof.

Advances in display technology, such as the enlargement, weight reduction, and thinning of the screen of the display device, have expanded the field of application of the display not only to the conventional TV, monitor, and portable media player fields, but also to the use of a blackboard for classes and presentations. As an example, an electronic blackboard is an electronic device for replacing a conventional blackboard/whiteboard, and is a device that displays the contents written by a user by touching an object on the display surface. Such electronic boards are becoming more and more common because of the advantages of the flexibility of the screen composition and the ability to give visual effects.

An electronic device such as an electronic blackboard may provide not only a writing area but also an image window including a specific image, like a conventional blackboard or whiteboard. At this time, when a user input for writing is detected on the image window, the conventional electronic device displays writing information of a thickness set by the user regardless of the display magnification of the image window.

Specifically, as shown in FIG. 1A, when the display magnification of the image window 20 is 100%, the thickness of the first writing information 11 displayed on the writing area 10 and the image window 20 Although the displayed second writing information 21 has the same thickness, as shown in FIG. 1B, when the display magnification of the image window 30 is less than 100% (eg, 80%), the image window The thickness of the third writing information 31 displayed in (30) is displayed thinner than the thickness of the first writing information 11 displayed on the writing area 10. That is, the conventional electronic device provides writing information of a different thickness according to the display magnification of the image window, resulting in a problem of inferior usability.

The present disclosure was devised to solve the above-described problem, and an object of the present disclosure is to display writing information of different thicknesses on the image window according to the display magnification of the image window, An electronic device capable of providing writing information of the same thickness on an image window and a control method thereof is provided.

According to an embodiment of the present disclosure, a method of controlling an electronic device may include displaying an image window on a partial area of a writing area; Detecting a user input for writing; And when the user input is detected on the writing area, writing information corresponding to the user input is displayed on the writing area based on a predetermined first thickness, and when the user input is detected on the image window, And displaying writing information corresponding to the user input on the image window based on a thickness and a second thickness determined according to a display magnification of the image window.

In addition, the second thickness may be determined according to a display magnification of the image window so that it looks the same as the first thickness displayed in the writing area.

In addition, when the display magnification of the image window exceeds 100%, the second thickness is determined to be thinner than the first thickness, and when the display magnification of the image window is 100%, the first thickness is the second thickness. It is determined to be the same as the thickness, and when the display magnification of the image window is less than 100%, the second thickness may be determined to be thicker than the first thickness.

In addition, the second thickness may be determined by Equation 1 below.

In addition, if a user command for changing the display magnification of the image window is input while the writing information of the second thickness is displayed on the image window, the writing information while changing the display magnification of the image window according to the user command The thickness of can be maintained at the second thickness.

And, when an additional user input for writing is detected on the image window in which the display magnification is changed, the writing information corresponding to the user input is transmitted to the image based on the first thickness and a third thickness determined according to the changed display magnification. Displaying on a window; further comprising, the third thickness may be different from the second thickness.

In addition, when the changed display magnification is higher than the display magnification, the third thickness is determined to be thinner than the second thickness, and when the changed display magnification is lower than the display magnification, the third thickness is less than the second thickness. Can be determined to be thick.

Further, the writing information of the first thickness is displayed on a first image layer corresponding to the writing area, and the writing of the second thickness is displayed on a second image layer different from the first image layer corresponding to the image window. Information can be displayed.

Meanwhile, an electronic device according to an embodiment of the present disclosure. display; Touch panel; A memory including at least one instruction; And a processor connected to the display, the touch panel, and the memory to control the electronic device, wherein the processor controls the display to display an image window on a partial area of the writing area, and the writing area While the image window is displayed on the screen, a user input for writing is sensed through the touch panel, and when the user input is detected on the writing area, writing information corresponding to the user input based on a predetermined first thickness Is displayed on the writing area, and when the user input is detected on the image window, writing information corresponding to the user input is displayed based on the first thickness and a second thickness determined according to the display magnification of the image window. The display can be controlled to display on the image window.

In addition, the second thickness may be determined according to a display magnification of the image window so that it looks the same as the first thickness displayed in the writing area.

In addition, when the display magnification of the image window is greater than 100%, the processor determines the second thickness to be thinner than the first thickness, and when the display magnification of the image window is 100%, the first thickness Is determined to be the same as the first thickness, and when the display magnification of the image window is less than 100%, the second thickness may be determined to be thicker than the first thickness.

In addition, the second thickness may be determined by Equation 2 below.

In addition, when a user command for changing the display magnification of the image window is input while the writing information of the second thickness is displayed on the image window, the processor changes the display magnification of the image window according to the user command. During the period, the thickness of the writing information may be maintained at the second thickness.

In addition, when an additional user input for writing is detected on the image window of which the display magnification is changed through the touch panel, the processor is configured to the user based on the first thickness and a third thickness determined according to the changed display magnification. The display is controlled to display writing information corresponding to the input on the image window, and the third thickness may be different from the second thickness.

In addition, when the changed display magnification is higher than the display magnification, the processor determines the third thickness to be thinner than the second thickness, and when the changed display magnification is lower than the display magnification, the third thickness is set to the It can be determined to be thicker than the second thickness.

In addition, the processor displays the writing information of the first thickness on the first image layer corresponding to the writing area, and the second image layer different from the first image layer corresponding to the image window. 2 You can display the writing information of the thickness.

As described above, by displaying writing information of a different thickness according to the display magnification of the image window, an effect of increasing the usability of the electronic blackboard to the user may occur.

1A is a view for explaining an embodiment in which writing information is conventionally displayed when the display magnification of an image window is 100%;
1B is a view for explaining an embodiment in which writing information is displayed in a case where the display magnification of the image window is less than 100%;
2 is a block diagram schematically illustrating a configuration of an electronic device according to an embodiment of the present disclosure;
3 is a block diagram showing in detail the configuration of an electronic device according to an embodiment of the present disclosure;
4A to 4C are diagrams for explaining a method of setting a thickness of writing information according to a user input according to an embodiment of the present disclosure;
5A to 5D are diagrams for explaining a method of displaying an image window on a partial area of a writing area according to various embodiments of the present disclosure;
6A is a view for explaining an embodiment in which writing information is displayed when the display magnification of an image window is 100% according to an embodiment of the present disclosure;
6B is a view for explaining an embodiment in which writing information is displayed when a display magnification of an image window is less than 100% according to an embodiment of the present disclosure;
6C is a table for explaining a thickness displayed by a user according to a display magnification of an image window according to an embodiment of the present disclosure;
7A is a view for explaining an embodiment in which writing information is displayed when the display magnification of an image window is 100% according to an embodiment of the present disclosure;
7B is a view for explaining an embodiment in which writing information is displayed when a display magnification of an image window decreases while writing information is displayed, according to an embodiment of the present disclosure;
7C is a view for explaining an embodiment in which writing information is displayed when a display magnification of an image window increases while writing information is displayed, according to an embodiment of the present disclosure;
8A is a view for explaining an embodiment in which writing information is displayed when the display magnification of an image window is 100% according to an embodiment of the present disclosure;
FIG. 8B is a view for explaining an embodiment in which additional writing information is displayed when a user input for additional writing information is detected after a display magnification of an image window is reduced, according to an embodiment of the present disclosure;
8C is a view for explaining an embodiment in which additional writing information is displayed when a user input for additional writing information is detected after a display magnification of an image window is increased, according to an embodiment of the present disclosure;
9 is a flowchart illustrating a method of controlling an electronic device according to an embodiment of the present disclosure.

Hereinafter, various embodiments of the present disclosure will be described. However, this is not intended to limit the technology of the present disclosure to a specific embodiment, and it should be understood to include various modifications, equivalents, and/or alternatives of the embodiments of the present disclosure. .

In this document, expressions such as "have," "may have," "include," or "may contain" are the presence of corresponding features (eg, elements such as numbers, functions, actions, or parts). And does not exclude the presence of additional features.

In this document, expressions such as "A or B," "at least one of A or/and B," or "one or more of A or/and B" may include all possible combinations of the items listed together. . For example, "A or B," "at least one of A and B," or "at least one of A or B" includes (1) at least one A, (2) at least one B, Or (3) it may refer to all cases including both at least one A and at least one B.

Expressions such as "first," "second," "first," or "second," used in this document may modify various elements regardless of their order and/or importance, and It is used to distinguish it from other components and does not limit the components. For example, a first user device and a second user device may represent different user devices regardless of order or importance. For example, without departing from the scope of the rights described in this document, a first component may be referred to as a second component, and similarly, a second component may be renamed to a first component.

Terms such as "module", "unit", and "part" used in this document are terms used to refer to components that perform at least one function or operation, and these components are implemented in hardware or software. Or it can be implemented as a combination of hardware and software. In addition, a plurality of "modules", "units", "parts", etc., are integrated into at least one module or chip, and at least one processor, except when each needs to be implemented as individual specific hardware. Can be implemented as For example, the module may be configured as an application-specific integrated circuit (ASIC).

Some component (eg, a first component) is "(functionally or communicatively) coupled with/to)" to another component (eg, a second component) or " When referred to as "connected to", it should be understood that the certain component may be directly connected to the other component, or may be connected through another component (eg, a third component). On the other hand, when a component (eg, a first component) is referred to as being “directly connected” or “directly connected” to another component (eg, a second component), the component and the It may be understood that no other component (eg, a third component) exists between the different components.

The expression "configured to" as used in this document is, for example, "suitable for," "having the capacity to" depending on the situation. ," "designed to," "adapted to," "made to," or "capable of." The term "configured to (or set)" may not necessarily mean only "specifically designed to" in hardware. Instead, in some situations, the expression "a device configured to" may mean that the device "can" along with other devices or parts. For example, the phrase “a processor configured (or configured) to perform A, B, and C” means a dedicated processor (eg, an embedded processor) for performing the operation, or by executing one or more software programs stored in a memory device. , May mean a generic-purpose processor (eg, a CPU or an application processor) capable of performing corresponding operations.

Terms used in this document are only used to describe a specific embodiment, and may not be intended to limit the scope of other embodiments. Singular expressions may include plural expressions unless the context clearly indicates otherwise. Terms used herein, including technical or scientific terms, may have the same meaning as commonly understood by one of ordinary skill in the technical field described in this document. Among the terms used in this document, terms defined in a general dictionary may be interpreted as having the same or similar meanings as those in the context of the related technology, and unless explicitly defined in this document, an ideal or excessively formal meaning Is not interpreted as. In some cases, even terms defined in this document cannot be interpreted to exclude embodiments of the present document.

Hereinafter, the present disclosure will be described in more detail with reference to the drawings. However, in describing the present disclosure, if it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the subject matter of the present disclosure, a detailed description thereof will be omitted. In connection with the description of the drawings, similar reference numerals may be used for similar elements.

2 is a block diagram schematically illustrating a configuration of an electronic device according to an embodiment of the present disclosure. As illustrated in FIG. 2, the electronic device 100 may include a display 110, a touch sensor 120, a memory 130, and a processor 140. Meanwhile, the electronic device 100 according to an embodiment of the present disclosure may be implemented as an electronic board, but this is only an example, and a TV or home appliance (eg, refrigerator, air conditioner, vacuum cleaner, oven, It can be implemented as a microwave oven, washing machine, air cleaner, robot cleaner, set-top box, home automation control panel, electronic frame, or the like. Alternatively, of course, the electronic device 100 may be implemented as a user terminal such as a smart phone or a tablet PC.

The display 110 may display a writing area capable of displaying writing information. In this case, the writing area is a single color (eg, white, etc.) area for displaying writing information. It may be displayed on the first image layer. Further, the display 110 may display an image window capable of displaying an image on a partial area of the writing area. In this case, the image window is a window for displaying an image selected by a user, and may be displayed on the second image layer. In addition, the display 110 may display an image received from an external device (eg, broadcasting station, set-top box, USB, etc.).

In particular, the display 110 may be implemented as various types of displays such as a liquid crystal display (LCD), an organic light emitting diodes (OLED) display, a plasma display panel (PDP), and the like. In the display 150, a driving circuit, a backlight unit, and the like, which may be implemented in the form of an a-si TFT, a low temperature poly silicon (LTPS) TFT, an organic TFT (OTFT), or the like may be included. Meanwhile, the display 110 may be implemented as a touch screen combined with the touch sensor 120.

The touch sensor 120 may input handwriting information or detect a user touch input for controlling the electronic device 100. In particular, the touch sensor 120 may obtain information on touch coordinates, touch time, touch pressure, and the like, and output it to the processor 140. In addition, the touch sensor 120 may detect various touch inputs such as drag, tap, long press, double tap, and the like. In addition, it goes without saying that the touch sensor 120 can sense not only a user's touch using a user's finger but also a user's touch using a stylus pen.

The memory 130 may store instructions or data related to at least one other component of the electronic device 100. In particular, the memory 130 may be implemented in a form of a memory embedded in the electronic device 100 or may be implemented in a form of a memory that is detachable to the electronic device 100 according to a data storage purpose. For example, in the case of data for driving the electronic device 100, it is stored in a memory embedded in the electronic device 100, and in the case of data for an extended function of the electronic device 100, the electronic device 100 is detachable. Can be stored in memory whenever possible. Meanwhile, in the case of a memory embedded in the electronic device 100, a volatile memory (eg, dynamic RAM (DRAM), static RAM (SRAM), synchronous dynamic RAM (SDRAM), etc.)), a non-volatile memory ( Examples: OTPROM (one time programmable ROM), PROM (programmable ROM), EPROM (erasable and programmable ROM), EEPROM (electrically erasable and programmable ROM), mask ROM, flash ROM, flash memory (e.g. NAND flash or NOR flash, etc.) ), a hard drive, or a solid state drive (SSD), and in the case of a memory that is detachable to the electronic device 100, a memory card (for example, compact flash (CF), SD ( secure digital), Micro-SD (micro secure digital), Mini-SD (mini secure digital), xD (extreme digital), MMC (multi-media card), etc.), external memory that can be connected to a USB port (e.g., USB memory) or the like.

The processor 140 is electrically connected to the memory 130 to control overall operations and functions of the electronic device 100. In particular, the processor 140 controls the display 110 to display an image window on a partial area of the writing area by executing at least one instruction stored in the memory 130, and an image window on a partial area of the writing area. While is displayed, a user input for writing may be detected through the touch panel 120. In this case, when a user input is sensed on the writing area, the processor 140 may control the display 110 to display writing information corresponding to the user input on the writing area based on a predetermined first thickness. And, when a user input is detected on the image window, the processor 140 displays the writing information corresponding to the user input on the image window based on the first thickness and the second thickness determined according to the display magnification of the image window. (110) can be controlled.

Specifically, the processor 140 may control the display 110 to display the writing area. When a user input for displaying an image window is detected while the writing area is displayed, the processor 140 may display the image window on a partial area of the writing area. In this case, the processor 140 may process to display the writing area on the first image layer, and may process to display an image window on the second image layer.

When a user input for writing is detected while an image window is displayed on a partial area of the writing area, the processor 140 may determine the area in which the user input is sensed based on the touch coordinates. Further, the processor 140 may display writing information in a different thickness based on the sensed area.

Specifically, when a user input for writing is detected on the writing area, the processor 140 controls the display 110 to display writing information corresponding to the user input on the printable area based on a predetermined first thickness. I can. In this case, the predetermined first thickness may be an initially set thickness or a thickness set by a user.

When a user input for writing is detected on the image window, the processor 140 displays writing information corresponding to the user input on the image window based on the first thickness and the second thickness determined according to the display magnification of the image window. The display 110 can be controlled. In this case, the second thickness may be determined according to the display magnification of the image window so that it looks the same as the first thickness displayed in the writing area.

Specifically, when the display magnification of the image window exceeds 100%, the processor 140 determines the second thickness to be thinner than the first thickness, and when the display magnification of the image window is 100%, the processor 140 2 The thickness is determined to be the same as the first thickness, and when the display magnification of the image window is less than 100%, the processor 140 may determine the second thickness to be thicker than the first thickness. For example, the second thickness may be determined by Equation 3 below.

In addition, if a user command for changing the display magnification of the image window is input while the writing information of the second thickness is displayed on the image window, the processor 140 performs writing information while changing the display magnification of the image window according to the user command. The thickness of can be maintained at the second thickness. That is, when the display magnification of the image window increases, the user may look as if the thickness of the writing information displayed on the image window increases. When the display magnification of the image window decreases, the user It may seem like the thickness decreases.

In addition, when an additional user input for writing is detected on the image window whose display magnification has been changed through the touch panel 120, the processor 140 inputs the user based on the first thickness and the third thickness determined according to the changed display magnification. The display 110 may be controlled to display the writing information corresponding to the image window on the image window. In this case, the third thickness may be different from the second thickness. That is, if the changed display magnification is higher than the existing display magnification, the processor 140 may determine the third thickness to be thinner than the second thickness, and if the changed display magnification is lower than the existing display magnification, the processor 140 ) May determine the third thickness to be thicker than the second thickness. Accordingly, when the display magnification of the image window is changed, the electronic device 100 can display the writing information of the changed thickness according to the display magnification of the image window without a user's separate setting.

3 is a diagram illustrating a detailed configuration of an electronic device according to an embodiment of the present disclosure. As shown in FIG. 3, the electronic device 100 includes a display 110, a memory 130, a communication interface 150, an input/output interface 160, a user interface 170, a speaker 180, and a processor 140. ) Can be included. In this case, since the display 110, the memory 130, and the processor 140 have been described in FIG. 2, duplicate descriptions will be omitted.

The communication interface 150 is a component that communicates with various types of external devices according to various types of communication methods. The communication interface 150 may include various communication modules, and may perform communication connection with an external user terminal according to the type of communication module. For example, the communication interface 140 may include a WiFi module, an infrared communication module, a Bluetooth module, and a wireless communication module. In particular, the communication interface 150 may receive an image to be displayed on an image window from an external device or a server.

The input/output interface 160 may input/output at least one of audio and video signals. In particular, the input/output interface 160 may receive an image including at least one of a content and a UI from an external device, and may output a control command to the external device. On the other hand, the input/output interface 110 may be a High Definition Multimedia Interface (HDMI), but this is only an exemplary embodiment, and MHL (Mobile High-Definition Link), USB (Universal Serial Bus), DP (Display Port), Thunder It may be one of a bolt (Thunderbolt), a video graphics array (VGA) port, an RGB port, a D-subminiature (D-SUB), and a digital visual interface (DVI). According to an implementation example, the input/output interface 160 may include a port for inputting/outputting only an audio signal and a port for inputting/outputting only an image signal as separate ports, or may be implemented as one port for inputting/outputting both audio and video signals. In particular, the processor 140 may receive an image to be displayed on the image window from an external device through the input/output interface 160.

The user interface 170 is a component for receiving a user command for controlling the electronic device 100. In particular, the user interface 170 may include a touch sensor 120 capable of detecting a user input for controlling the electronic device 100 or acquiring writing information. In this case, the touch sensor 120 may be implemented as a touch screen together with the display 110. In this case, the touch sensor 120 may sense not only a contact type touch on the display, but also a proximity touch, a pressure touch, and the like. In addition, the user interface 170 may include devices such as a remote control signal receiver, buttons, a mouse, and a keyboard. Meanwhile, in an embodiment of the present disclosure, it has been described that the user interface 170 for inputting writing information is the touch sensor 120, but this is only an embodiment, and a user input for displaying writing information is performed through a mouse. It may be obtained, and a user input for displaying writing information may be received from an external device including a touch screen.

The speaker 180 may be a component that outputs not only various audio data received from the outside through the input/output interface 160 but also various notification sounds or voice messages. In this case, the electronic device 100 may include an audio output device such as the speaker 180, but may include an output device such as an audio output terminal. In particular, the speaker 180 may output a guide message or the like related to currently displayed information.

Hereinafter, the present disclosure will be described in more detail with reference to FIGS. 4A to 8C.

First, the electronic device 100 may set the thickness of the writing information displayed on the display 110 based on a user input. Specifically, a method of setting the thickness of writing information according to a user input will be described with reference to FIGS. 4A to 4C.

As shown in FIG. 4A, when a preset user input for an arbitrary area of the writing area is detected while the writing area is displayed, the electronic device 100 displays the thickness and color of the writing information, as shown in FIG. 4B. The display 110 may be controlled to display the palette UI 420 in which at least one of them can be set. In this case, the preset user input may be a long press touch input that touches an arbitrary area for a preset time, but this is only an example, and may be a tap input that is touched multiple times or a depth touch input having a pressure greater than or equal to a threshold value. . In addition, the palette UI 420 may be displayed around a point at which a preset user input is detected, but this is only an example, and may be displayed in a preset area (eg, upper right).

When the thickness of the writing information is selected through the palette UI 420, the electronic device 100 may display the writing information in the selected thickness. For example, when a user input for writing information is received after being set to 2 pixels, the electronic device 100 displays the handwriting information 430-1 having the first thickness as shown in FIG. 4C ( 110), and when a user input for writing information is received after being set to 4 pixels, the electronic device 100 receives handwriting information 430-2 having a second thickness, as shown in FIG. 4C. The display 110 can be controlled to display, and when a user input for writing information is received after being set to 8 pixels, the electronic device 100 displays the writing information 430 having a third thickness, as shown in FIG. 4C. The display 110 can be controlled to display -3).

Meanwhile, in FIGS. 4A to 4C, it has been described that the thickness of the writing information is set by a user input, but this is only an example, and the first thickness may be preset in a program that provides a writing function without a user input.

Also, the electronic device 100 may display an image window on a partial area of the writing area according to a user input. For example, the electronic device 100 may capture a partial area of the writing area and display the captured image on the image window. Specifically, as shown in FIG. 5A, when the first area 510 is selected from among the writing areas according to a user drag input, the electronic device 100 displays a menu 520 for the selected first area 510 can do. In this case, the menu 520 may include an icon 521 for displaying the captured area as an image window, and when the icon 521 is selected, the electronic device 100 displays the selected first area 510. Images can be displayed on the image window. As another example, the electronic device 100 may display an image stored in an external device on an image window. Specifically, as shown in FIG. 5B, the electronic device 100 may display a menu 530 for selecting an external device that stores an image on the top of the screen. In this case, the menu 530 includes a first item 531 corresponding to a smart phone, a second item 532 corresponding to a TV, a third item 533 corresponding to USB, and a fourth item corresponding to the cloud server ( 534). When the third item 533 is selected while the menu 530 is displayed, the electronic device 100 may provide a list including images stored in the USB. When at least one image is selected through the list, at least An image window including one image can be displayed. As another example, the electronic device 100 may capture content currently displayed on a separate screen (eg, a PIP screen, etc.) and display an image window including the captured image. Specifically, as shown in FIG. 5C, when the capture icon 541 is selected while a PIP screen including a plurality of icons or content screens is displayed, the electronic device 100 displays an image window including the captured image. Can be displayed. In this case, the image window 550 described in FIGS. 5A to 5C may be displayed on one area of the writing area, as shown in FIG. 5D. In this case, the image window 550 may display a captured image or an image received from the outside, and may be displayed on a second image layer different from the writing area displayed on the first image layer. Also, when a user input for displaying writing information on the image window 550 is detected, the electronic device 100 may display the writing information on the image window 550. In this case, the writing information may be displayed on the second image layer on which the image window 550 is displayed.

When a user input for displaying writing information is detected while an image window is displayed on a partial area of the writing area, the electronic device 100 determines the area in which writing information is displayed based on coordinate information on the starting point of the user input. I can. For example, when a user input starts on the writing area, the electronic device 100 determines the writing area as an area to display writing information, and when the user input starts on the image window, the electronic device 100 opens an image window. It can be determined as an area to display writing information. Further, the electronic device 100 may display writing information in the determined area according to a user input.

At this time, when a user input is detected on the writing area, the electronic device 100 may display writing information on the writing area with a preset first thickness. When a user input is detected on the image window, the electronic device 100 ) May display writing information on the image window based on a preset first thickness and a second thickness determined according to a display magnification of the image window.

In this case, the second thickness may be determined according to the display magnification of the image window so that it looks the same as the first thickness displayed in the writing area. In particular, when the display magnification of the image window exceeds 100%, the electronic device 100 determines the second thickness to be thinner than the first thickness, and when the display magnification of the image window is 100%, the electronic device 100 The second thickness is determined to be the same as the first thickness, and when the display magnification of the image window is less than 100%, the electronic device 100 may determine the second thickness to be thicker than the first thickness.

Specifically, as shown in FIG. 6A, when a user input for the first writing information 611 is received on the writing area 610, the electronic device 100 may have a first thickness on the writing area 610. The first writing information 611 may be displayed. In addition, as shown in FIG. 6A, when a user input for the second writing information 621 is received on the image window 620 having a display magnification of 100%, the electronic device 100 The second writing information 612 of the first thickness may be displayed on. However, as shown in FIG. 6B, when a user input for third writing information 631 is received on an image window 630 having a display magnification of less than 100%, the electronic device 100 Third writing information 631 of a second thickness thicker than the first thickness may be displayed on. That is, as the display magnification of the image window 630 decreases, the thickness of the writing information may be increased so that the thicknesses of the first writing information 611 and the third writing information 613 look the same.

That is, as shown in FIG. 6C, even if all the writings specified by the user have the same thickness, the electronic device 100 is Accordingly, writing information of different thickness can be displayed. For example, if the original image and the image window are the same size (i.e., the display magnification is 100%), the thickness of the writing specified by the user, the thickness of the actual writing drawn in the image window, and the writing of the image window shown to the user All can be of the same thickness. However, when the size of the image window is smaller than the original image (ie, the display magnification is less than 100%), the thickness of the actual writing drawn in the image window may be thicker than the thickness of the writing specified by the user. Accordingly, even if the size of the image window is reduced, the writing thickness of the image window displayed to the user may be the same as the writing thickness designated by the user. Conversely, when the size of the image window is larger than the original image (that is, when the display magnification exceeds 100%), the thickness of the actual writing drawn in the image window may be thinner than the thickness of the writing specified by the user. Accordingly, even if the size of the image window is increased, the writing thickness of the image window displayed to the user may be the same as the writing thickness designated by the user.

Meanwhile, the second thickness displayed on the image window may be determined by Equation 4 below, but is not limited thereto.

When a user command for changing the display magnification of the image window is input while the writing information of the second thickness is displayed on the image window, the electronic device 100 displays the writing information while changing the display magnification of the image window according to the user command. The thickness can be maintained at the second thickness. Specifically, as shown in FIG. 7A, while the first writing information 711 is displayed on the writing area 710 and the second writing information 721 is displayed on the image window 720, the image window 720 ) Is input, the electronic device 100 may reduce the size of the image window 720 as shown in FIG. 7B, but the second writing displayed in the image window 720 The thickness of the information 721 can be maintained. Accordingly, the user may appear to decrease the thickness of the second writing information 721 displayed on the image window 720 as well. Conversely, as shown in FIG. 7A, while the first writing information 711 is displayed on the writing area 710 and the second writing information 721 is displayed on the image window 720, the image window 720 When a user command to increase the display magnification of is input, the electronic device 100 may reduce the size of the image window 720 as shown in FIG. 7C, but the second writing information displayed in the image window 720 The thickness of 721 can be maintained. Accordingly, the user may appear to increase the thickness of the second writing information 721 displayed on the image window 720 as well.

In addition, when an additional user input for writing is detected on the image window in which the display magnification is changed, the electronic device 100 provides writing information corresponding to the user input based on the first thickness and the third thickness determined according to the changed display magnification. It can be displayed on the image window. In this case, the third thickness may be different from the second thickness.

Specifically, as shown in FIG. 8A, while the first writing information 811 is displayed on the writing area 810 and the second writing information 821 is displayed on the image window 820, the image window 720 When a user command for reducing the display magnification of) is input, the electronic device 100 may reduce the size of the image window 820 as shown in FIG. 8B, but the second writing displayed in the image window 820 The thickness of the information 821 can be maintained. In this case, the electronic device 100 may detect an additional user input for additionally displaying writing information. When an additional user input is detected in the writing area 810, the electronic device 100 may display the third writing information 812 of a preset first thickness, and the additional user input is detected on the image window 820. Then, the electronic device 100 may display fourth writing information 822 of a predetermined first thickness and a third thickness determined according to a display magnification of the currently reduced image window 820. In this case, the third thickness of the fourth writing information 822 may be thicker than the second thickness of the existing second writing information 821.

Conversely, as shown in FIG. 8A, while the first writing information 811 is displayed on the writing area 810 and the second writing information 821 is displayed on the image window 820, the image window 720 When a user command to increase the display magnification of is input, the electronic device 100 may increase the size of the image window 820 as shown in FIG. 8C, but the second writing information displayed in the image window 820 The thickness of (821) can be maintained. In this case, the electronic device 100 may detect an additional user input for additionally displaying writing information. When an additional user input is detected in the writing area 810, the electronic device 100 may display the fifth writing information 813 of a preset first thickness, and the additional user input is detected on the image window 820. Then, the electronic device 100 may display the sixth writing information 823 having a predetermined first thickness and a fourth thickness determined according to a display magnification of the image window 820 that is currently increased. In this case, the fourth thickness of the sixth writing information 823 may be thinner than the second thickness of the existing second writing information 821.

9 is a flowchart illustrating a method of controlling an electronic device according to an embodiment of the present disclosure.

First, the electronic device 100 may display an image window on the writing area (S910). Specifically, as described with reference to FIGS. 5A to 5C, the electronic device 100 may display an image window including a captured image or an image stored in an external device on the writing area.

Further, the electronic device 100 may sense a user input for displaying writing information.

When a user input is detected on the writing area, the electronic device 100 may display writing information corresponding to the user input on the writing area based on a preset first thickness (S730).

When a user input is detected on the image window, the electronic device 100 may display writing information corresponding to the user input on the image window based on the first thickness and the second thickness determined according to the display magnification of the image window. (S740). In this case, the second thickness may be determined according to the display magnification of the image window so that it looks the same as the first thickness displayed in the writing area. Specifically, when the display magnification of the image window exceeds 100%, the second thickness is the first thickness. It is determined to be thinner than the thickness, and when the display magnification of the image window is 100%, the second thickness is determined to be the same as the first thickness, and when the display magnification of the image window is less than 100%, the second thickness is less than the first thickness. Can be determined to be thick.

Meanwhile, various embodiments of the present disclosure may be implemented as software including instructions stored in a machine-readable storage medium (eg, a computer). The device is stored from a storage medium. A device that calls a command and can operate according to the called command, and may include an electronic device (eg, the electronic device 100) according to the disclosed embodiments. When the command is executed by a processor, the processor is The function corresponding to the instruction may be performed directly or by using other components under the control of the processor, and the instruction may include code generated or executed by a compiler or interpreter. The medium may be provided in the form of a non-transitory storage medium, where'non-transitory' means that the storage medium does not contain a signal and is tangible, and data is stored. It does not distinguish between being stored semi-permanently or temporarily in media.

According to an example, the method according to various embodiments disclosed in the present document may be provided by being included in a computer program product. Computer program products can be traded between sellers and buyers as commodities. The computer program product may be distributed online in the form of a device-readable storage medium (eg, compact disc read only memory (CD-ROM)) or through an application store (eg, Play StoreTM). In the case of online distribution, at least a portion of the computer program product may be temporarily stored or temporarily generated in a storage medium such as a server of a manufacturer, a server of an application store, or a memory of a relay server.

Each of the constituent elements (eg, a module or a program) according to various embodiments may be composed of a singular or a plurality of entities, and some sub-elements among the aforementioned sub-elements are omitted, or other sub-elements are It may be further included in various embodiments. Alternatively or additionally, some constituent elements (eg, a module or a program) may be integrated into one entity, and functions performed by each corresponding constituent element prior to the consolidation may be performed identically or similarly. Operations performed by modules, programs, or other components according to various embodiments are sequentially, parallel, repetitively or heuristically executed, or at least some operations are executed in a different order, omitted, or other operations are added. Can be.

110: display 120: touch sensor
130: memory 140: processor
150: communication interface 160: input/output interface
170: user interface 180: speed

Claims (16)

In the control method of an electronic device,
Displaying an image window on a partial area of the writing area;
Detecting a user input for writing; And
When the user input is detected on the writing area, writing information corresponding to the user input is displayed on the writing area based on a predetermined first thickness, and when the user input is detected on the image window, the first And displaying writing information corresponding to the user input on the image window based on a thickness and a second thickness determined according to a display magnification of the image window. The method of claim 1,
The second thickness is,
A control method that is determined according to a display magnification of the image window so that it looks the same as the first thickness displayed in the writing area. The method of claim 2,
When the display magnification of the image window exceeds 100%, the second thickness is determined to be thinner than the first thickness,
When the display magnification of the image window is 100%, the second thickness is determined to be the same as the first thickness,
When the display magnification of the image window is less than 100%, the second thickness is determined to be thicker than the first thickness. The method of claim 3,
The second thickness is determined by Equation 5 below.
[Equation 5]

The method of claim 1,
If a user command for changing the display magnification of the image window is input while the writing information of the second thickness is displayed on the image window, the thickness of the writing information while changing the display magnification of the image window according to the user command Is a control method of maintaining the second thickness. The method of claim 5,
When an additional user input for writing is detected on the image window in which the display magnification is changed, writing information corresponding to the user input is displayed on the image window based on the first thickness and a third thickness determined according to the changed display magnification. The step of displaying; further includes,
The third thickness is different from the second thickness control method. The method of claim 6,
When the changed display magnification is higher than the display magnification, the third thickness is determined to be thinner than the second thickness,
When the changed display magnification is lower than the display magnification, the third thickness is determined to be thicker than the second thickness. The method of claim 1,
Display writing information of the first thickness on a first image layer corresponding to the writing area,
A control method of displaying writing information of the second thickness on a second image layer different from the first image layer corresponding to the image window. In the electronic device,
display;
Touch panel;
A memory including at least one instruction; And
A processor connected to the display, the touch panel, and the memory to control the electronic device; and
The processor,
Controlling the display to display an image window on a partial area of the writing area,
While the image window is displayed on the writing area, a user input for writing is detected through the touch panel,
When the user input is detected on the writing area, writing information corresponding to the user input is displayed on the writing area based on a predetermined first thickness, and when the user input is detected on the image window, the first An electronic device that controls the display to display writing information corresponding to the user input on the image window based on a thickness and a second thickness determined according to a display magnification of the image window. The method of claim 9,
The second thickness is,
An electronic device that is determined according to a display magnification of the image window so that it looks the same as the first thickness displayed in the writing area. The method of claim 10,
The processor,
When the display magnification of the image window is more than 100%, the second thickness is determined to be thinner than the first thickness, and
When the display magnification of the image window is 100%, the second thickness is determined to be the same as the first thickness,
When the display magnification of the image window is less than 100%, the electronic device is configured to determine the second thickness to be thicker than the first thickness. The method of claim 11,
The second thickness is determined by Equation 6 below.
[Equation 6]

The method of claim 9,
The processor,
If a user command for changing the display magnification of the image window is input while the writing information of the second thickness is displayed on the image window, the thickness of the writing information while changing the display magnification of the image window according to the user command An electronic device maintaining the second thickness. The method of claim 13,
The processor,
When an additional user input for writing is detected on the image window whose display magnification is changed through the touch panel, writing information corresponding to the user input is based on the first thickness and a third thickness determined according to the changed display magnification Controlling the display to display on the image window,
The third thickness is different from the second thickness. The method of claim 14,
The processor,
If the changed display magnification is higher than the display magnification, the third thickness is determined to be thinner than the second thickness,
When the changed display magnification is lower than the display magnification, the electronic device is configured to determine the third thickness to be thicker than the second thickness. The method of claim 9,
The processor,
Display writing information of the first thickness on a first image layer corresponding to the writing area,
An electronic device that displays writing information of the second thickness on a second image layer different from the first image layer corresponding to the image window.

Images