KR102462364B1 - Method of displaying an image by using a scroll bar and apparatus thereof - Google Patents

Abstract

A display unit that displays a main window for displaying an image on a screen, a user interface for selecting a region to be displayed on the main window among images, and a display unit that displays a first partial image selected through the user interface on the main window, a user When a user input unit for receiving a user input for selecting a point on the interface and a user input for selecting a point on the user interface are received, a sub-window displaying a second partial image corresponding to the selected point among the images is displayed as a first partial image Disclosed is a device according to an embodiment, including a control unit for controlling a display unit to be displayed on a main window where is displayed.

Description

Image display method using scroll bar and device therefor {METHOD OF DISPLAYING AN IMAGE BY USING A SCROLL BAR AND APPARATUS THEREOF}

The present disclosure relates to a method of displaying a preview of an image using a scroll bar and an apparatus therefor.

In recent years, services and additional functions that can be provided by devices are increasingly diversified. To improve the user experience, various functions and modules are being combined into devices.

In order to meet the needs of users, screen sizes of current devices tend to become larger, thus displaying more content in the same image. However, even if the screens are large, the contents cannot be completely displayed in one image while maintaining the user's visual experience.

Existing devices use the paging display method because of the contents that cannot be displayed completely in one image. Accordingly, the user may turn pages by performing a scroll bar or an operation of sliding the screen.

Even when sliding the screen to turn pages, the user needs to continuously slide the screen in order to find the desired content by himself/herself. In addition, the user may accidentally click on irrelevant content in the process of sliding the screen to directly enter another menu, and as a result, the efficiency of searching for desired content may be very low.

Some embodiments may provide an apparatus and method capable of previewing an area not displayed on the screen without scrolling an image displayed on the screen.

As a technical means for achieving the above-described technical problem, a first aspect of the present disclosure includes a user interface for displaying a main window for displaying an image on a screen, and selecting a region to be displayed on the main window among the images; As the display unit for displaying the first partial image selected through the user interface on the main window, the user input unit for receiving a user input for selecting a point on the user interface, and the user input for selecting a point on the user interface are received, the image A device may be provided, comprising: a controller configured to control the display unit to display a sub-window displaying a second partial image corresponding to a selected point among the first partial images on a main window displayed therein.

Also, the controller may control the display unit to not display the sub-window as a user input for selecting a point on the user interface is not received while the sub-window is displayed.

In addition, the user input unit receives a user input for fixing the sub-window to the main window, and when the control unit receives the user input for fixing the sub-window to the main window, the user input for fixing the sub-window to the main window is received. The second partial image displayed on the sub-window may be continuously displayed at the time point.

In addition, the user input unit receives a user input for selecting the sub-window, and the controller deletes the sub-window as the sub-window is selected, and displays the second partial image displayed on the sub-window on the main window. The display unit can be controlled.

In addition, the second partial image includes a user interface object, the user input unit receives a user input for selecting the user interface object on the sub-window, and the control unit corresponds to the user interface object based on the selected user interface object function can be executed.

In addition, the user input unit receives a user input for changing the sub-window to the main window, and the control unit receives the user input for changing the sub-window into the main window, so as to convert the main window into the first main window and the sub-window. The display unit may be changed to the second main window, and the display unit may be controlled to display the first main window and the second main window together.

Also, the display unit may display a marker indicating the selected point on the selected point.

Also, the user input for selecting a point on the user interface may include at least one of a proximity touch and a mouse over.

In addition, the user interface includes a slider indicating a position of the first partial image in the image, the user input unit receives a second user input for selecting the slider and moving the selected slider on the user interface, the control unit comprising: As the slider is moved on the user interface, the display unit may be controlled to change an area displayed in the main window of the image.

Also, the image may include at least one of an item list, a web page, and an electronic document.

In addition, a second aspect of the present disclosure provides the steps of: displaying a main window for displaying an image on a screen, a user interface for selecting a region to be displayed on the main window among images, and a first partial image selected through the user interface Displaying on the main window, receiving a user input for selecting a point on the user interface, and receiving a user input for selecting a point on the user interface, a second partial image corresponding to the selected point in the image is displayed It is possible to provide an image display method comprising the step of displaying the indicated sub-window on the main window in which the first partial image is displayed.

Also, the image display method may further include not displaying the sub-window as a user input for selecting a point on the user interface is not received while the sub-window is displayed.

In addition, the image display method includes receiving a user input for fixing the sub-window to the main window, and receiving the user input for fixing the sub-window to the main window, the user input for fixing the sub-window to the main window is received The method may further include continuously displaying the second partial image displayed on the sub-window at the time point.

In addition, the image display method includes receiving a user input for selecting a sub-window, and as the sub-window is selected, deleting the sub-window, and displaying a second partial image displayed on the sub-window on the main window It may include further steps.

In addition, the second partial image includes a user interface object, and the image display method includes, on a sub-window, receiving a user input for selecting a user interface object, and based on the selected user interface object, corresponding to the user interface object It may further include the step of executing a function to

In addition, the image display method includes the steps of receiving a user input for changing a sub-window to a main window, and by receiving a user input for changing a sub-window into a main window, converting the main window into the first main window and the sub-window The method may further include changing to the second main window and displaying the first main window and the second main window together.

Also, the image display method may further include displaying a marker indicating the selected point on the selected point.

Also, the user input for selecting a point on the user interface may include at least one of a proximity touch and a mouse over.

Further, the user interface includes a slider indicating a position of the first partial image within the image, and the image display method includes: receiving a second user input selecting the slider and moving the selected slider on the user interface; The method may further include changing an area displayed in the main window of the image as the slider is moved on the user interface.

Also, the image may include at least one of an item list, a web page, and an electronic document.

In addition, a third aspect of the present disclosure may provide a computer-readable recording medium in which a program for performing the method according to any one of claims 11 to 20 is recorded.

1 is a diagram for describing a method of a device providing a content preview function, according to an embodiment of the present disclosure.
2 is a flowchart illustrating a method for a device to provide a content preview function, according to an embodiment of the present disclosure.
3 is a method for explaining a method for a device to fix or delete a pop-up window to a screen based on a user input, according to an embodiment of the present disclosure.
FIG. 4 is a diagram for describing a method for a device to switch information displayed on a pop-up window to a main window, according to an embodiment of the present disclosure;
FIG. 5 is a diagram for explaining a method for displaying a pop-up window by changing a pop-up window to a main window by a device, according to an embodiment of the present disclosure;
6 is a diagram for explaining a method of a device executing a function on a pop-up window, according to an embodiment of the present disclosure.
7 is a diagram illustrating a method for a device to display an input field that is not input by using a content preview function, according to an embodiment of the present disclosure.
8 is a block diagram of a device providing a content preview function according to an embodiment of the present disclosure.
9 is a flowchart illustrating a processor that provides a content preview function in a device, according to an embodiment of the present disclosure.
10 is a block diagram illustrating a configuration of a device according to an embodiment of the present disclosure.
11 is a block diagram illustrating a configuration of a device according to another embodiment of the present disclosure.

Embodiments of the present disclosure will be described in detail below with reference to the related drawings. When the present disclosure is described, detailed descriptions of commonly known functions or structures that obscure the gist of the present disclosure may be omitted.

The device of the present disclosure may provide a content preview function to display content information of a position corresponding to a suspension input point through a sub-window when a suspension event is heard on the scroll bar. At this time, the scrollbar may be displayed to the right or bottom in the image of the device, or it may be hidden in such positions. That is, the present disclosure may be applied to a case in which a scroll bar is displayed, hidden, or omitted. In the following exemplary embodiments, for convenience of description, a situation in which a scroll bar is always displayed may be assumed as an example.

Furthermore, the device of the present disclosure may be an electronic device such as a mobile phone, a smart phone, a panel computer, a multimedia player, a portable computer, a PDA, and the like.

1 is a diagram for explaining a method of providing a content preview function by a device 100 according to an embodiment of the present disclosure.

Referring to FIG. 1 , the device 100 may provide a content preview function.

For example, the device 100 may display the main window 5 for displaying an image on the screen. The image may include at least one of an item list, a web page, and an electronic document, but is not limited thereto.

The main window 5 may be composed of an image display area 3 and a menu area 2 . A scroll bar 10 and a scroll bar for selecting an area to be displayed on the main window 5 when the size of the image to be displayed on the main window 5 is larger than the size of the image display area 3 on the main window 5 The first partial image selected through ( 10 ) may be displayed on the image display area ( 3 ) in the main window ( 5 ).

The size of the image may mean the number of pixels in the screen required to display the entire image. For example, as a user input for enlarging text or image is received, the size of the image may become larger than the size of the image display area 3 , and upon receiving a user input for reducing text or image, the size of the image may be smaller than the size of the image display area 3 .

In FIG. 1 , the image may be an image in which a plurality of contacts stored in the device 100 are arranged from top to bottom, and the first partial image may be an image representing some contacts among the plurality of contacts. Throughout the specification, a partial image of an image may be referred to as a view.

The scroll bar 10 may include a slider 12 for selecting the first partial image. The length of the scroll bar 10 may correspond to the entire length of the image, and the device 100 performs the second operation so that the position of the slider 12 on the scroll bar 10 corresponds to the position of the first partial image in the entire image. 1 part image can be determined.

For example, in response to a user input of selecting the slider 12 and moving the selected slider 12 on the scroll bar 10 , the area displayed on the main window 5 of the image may be changed. For example, in response to receiving a user input for moving the slider 12 down, the contacts located below the contacts currently displayed on the main window 5 among the contacts in the image may be sequentially displayed.

The device 100 may receive a user input for selecting the first point 13 on the scroll bar 10 . The user input for selecting the first point 13 on the scroll bar 10 may be a proximity touch input or a mouse over input, but is not limited thereto. The proximity touch may refer to an input for selecting a point or region within the screen by positioning a finger or a touch pen within a predetermined distance (eg, 0,5 cm) from the screen without directly touching the screen. In addition, the mouse over may refer to an input for selecting a point or an area within the screen by moving the mouse provided in the device 100 and positioning the cursor at a specific point on the screen.

Throughout the specification, a user input for selecting the first point 13 on the scroll bar 10 may be referred to as a floating input. Also, as a user input for selecting the first point 13 on the scroll bar 10 is received, the device 100 may determine that a suspension event has occurred. Also, throughout the specification, a point selected through proximity touch or mouse over may be referred to as a suspension input point.

As a user input for selecting the first point 13 on the scroll bar 10 is received, the device 100 determines a second partial image corresponding to the selected first point 13 and displays the determined second partial image. The indicated sub-window 14 may be displayed on the main window 5 in which the first partial image is displayed. In this case, the device 100 may determine the second partial image so that the position of the first point 13 on the scroll bar 10 corresponds to the position of the second partial image in the entire image. Accordingly, the second partial image may be a partial image to be displayed on the main window when the slider 12 is positioned at the selected first point 13 .

In addition, the device 100 may display on the slider 12 a ratio of the length from the start point of the scroll bar 10 to the point where the slider 12 is located, to the overall length of the scroll bar 10 , on the scroll bar. A ratio of the length from the start point of the scroll bar 10 to the first point 13 to the total length of (10) may be displayed on the first point 13 .

Throughout the specification, a first partial image may be referred to as a current view, and a second partial image may be referred to as a target view. Also, depending on the embodiment, the sub-window 14 may be referred to as a pop-up window.

Upon receiving the user input for changing the position of the proximity touch on the scroll bar 10 , the device 100 may change the second partial image corresponding to the position of the proximity touch, and display the changed second partial image on the sub-window 14 . ) can be displayed on the Also, upon receiving a user input for changing the location of the proximity touch along the scroll bar 10 , the device 100 may change the location of the sub-window 14 according to the location of the proximity touch.

Accordingly, even if the user moves the slider 12 to find the contact, the user can preview the contact to be found by using the proximity touch.

2 is a flowchart illustrating a method for the device 100 to provide a content preview function, according to an embodiment of the present disclosure.

In step S210 , the device 100 may display a main window for displaying an image on the screen.

The main window may be the same as the size of the screen of the device 100 , and may be smaller than the size of the screen of the device 100 . Also, the device 100 may display only information on the main window, and may display a menu for selecting information to be displayed together with the information.

The image may mean a page in which all areas can be displayed only by scrolling without changing the screen. The image may be generated by rendering the image file, or may be generated by arranging a plurality of pieces of information in one page according to a predetermined order or position. For example, the image may be an item list, a web page, a rendered image of an electronic document, and a rendered image of an image file, but is not limited thereto.

In operation S220 , the device 100 may display a user interface for selecting a region to be displayed among images and a first partial image selected through the user interface on the main window.

The device 100 determines whether all areas of the image cannot be displayed on the screen at once because the size of the image is larger than the size of the main window, and when all areas of the image cannot be displayed on the screen at once, the A user interface for selecting an area to be displayed on the window may be displayed.

The user interface may include, but is not limited to, a scroll bar.

Also, the scroll bar may include a slider for selecting the first partial image to be displayed in the main window. The device 100 may determine a first partial image to be displayed in the main window among the images based on the position of the slider. For example, the device 100 may determine the first partial image so that the position of the slider on the scroll bar becomes the position of the first partial image in the entire image.

For example, in FIG. 1 , the ratio of the distance from the upper end of the scroll bar to the point where the slider is positioned to the length of the scroll bar is determined, and the distance from the upper end of the image to the first partial image with respect to the vertical length of the image. The first partial image may be determined so that the ratio of is equal to the determined ratio.

Upon receiving the user input for moving the slider, the device 100 may change the area of the image displayed on the main window as well as receiving the user input for swiping or flicking the screen. , the device 100 may change the area of the image displayed on the main window. As the area of the image displayed on the main window is changed, the device 100 determines the position of the area of the image displayed on the main window (first partial image) with respect to the length of the image, and the position of the slider with respect to the length of the scroll bar. As much as possible, the position of the slider may be determined.

In step S230 , the device 100 may receive a user input for selecting a point on the user interface.

For example, the device 100 may receive a user input for selecting a point on the scroll bar. The user input for selecting a point on the scroll bar may include, but is not limited to, a proximity touch or a mouse over.

In step S240 , when a user input for selecting a point on the scroll bar is received, the device 100 displays a sub-window displaying a second partial image corresponding to the selected point among images on the main window in which the first partial image is displayed. can be displayed.

As a user input for selecting a point on the scroll bar 10 is received, the device 100 may determine a second partial image corresponding to the selected point among the images. For example, the device 100 sets the second part so that the ratio of the length from the start point of the scroll bar to the selected point to the length of the scroll bar is the ratio of the length from the start point of the image to the second partial image to the length of the image. A partial image can be determined.

The second partial image may be the same as the area to be displayed on the main window when the slider is at the selected point, and may be smaller or larger.

As the second partial image is determined, the device 100 may display a sub-window indicating the second partial image on the main window.

Furthermore, the device 100 may display a marker indicating the selected point on the selected point.

Furthermore, in a state in which the sub-window is displayed by the proximity touch, as the proximity touch is not received, the device 100 may delete the sub-window. Also, as a preset time elapses after the proximity touch is not received, the device 100 may delete the sub-window.

Furthermore, the device 100 may fix the second partial image on the main window. For example, as the device 100 receives a user input for fixing the sub-window to the main window, the device 100 may display the second partial image displayed on the sub-window at the time when the user input for fixing the sub-window to the main window is received. , even if the proximity touch is not received or even if the location touched by the proximity touch is changed, the display may be continued.

Furthermore, the device 100 may display the second partial image displayed on the sub-window on the main window. For example, as a user input for selecting a sub-window is received, the device 100 may delete the sub-window and display the second partial image displayed on the sub-window on the main window.

Furthermore, when the second partial image includes the user interface object, the device 100 may receive a user input for selecting the user interface object on the sub-window and execute a function corresponding to the user interface object. For example, when the second partial image includes a video player, in response to receiving a user input for selecting a button for starting the video player on the sub-window, the device 100 may play the video on the sub-window.

Furthermore, the device 100 may change the sub-window into a main window different from the main window displayed on the screen. For example, upon receiving a user input for changing the sub-window into the main window, the main window is changed to the first main window and the sub-window to the second main window, and the first main window and the second main window are displayed together. can be displayed.

FIG. 3 is a method for explaining a method for the device 100 to fix or delete the sub-window 14 to a screen based on a user input, according to an embodiment of the present disclosure.

Referring to FIG. 3A , the device 100 may delete the sub-window 14 .

For example, when a predetermined time elapses after a proximity touch on the scroll bar 10 or the position of the cursor leaves the area of the scroll bar 10 , the device 100 may delete the sub-window 14 .

Also, for example, when receiving a predetermined user input, the device 100 may delete the sub-window 14 . For example, in response to receiving a user input for moving a proximity touch in a direction opposite to the sub-window 14 at the selected point 13 on the scroll bar 10 , the device 100 may delete the sub-window 14 . .

Also, referring to FIG. 3B , the device 100 may fix the sub-window 14 to the screen based on a user input.

The user input for fixing the sub-window 14 to the screen is, for example, a user input for moving a proximity touch in the direction of the sub-window 14 at the selected point 13 on the scroll bar 10 or the sub-window 14 It may be a user input of touching or clicking, but is not limited thereto. In addition, the device 100 displays a user interface object (eg, a button) for fixing the sub-window 14 on the scroll bar 10 or the sub-window 14, and selects the displayed user interface object. It may also receive user input.

As the sub-window 14 is fixed to the screen, the device 100 determines that the sub-window 14 is fixed to the screen even if the proximity touch or mouse-over is not received, or the proximity-touched point or the mouse-over point is changed. The second partial image of the viewpoint may be continuously displayed.

As the sub-window 14 is fixed to the screen, the device 100 may select an object displayed on the sub-window 14 . As the object displayed on the sub-window 14 is selected, the device 100 may execute a function corresponding to the selected object. In this case, the device 100 may execute a function corresponding to the selected object on the sub-window 14 , delete the sub-window 14 , and execute it on the main window 5 .

For example, in a state in which the sub-window 14 is fixed to the main window 5 , upon receiving a user input for selecting one of the contacts displayed on the sub-window 14 , the device 100 enters the selected contact. Detailed information about the information can be displayed on the sub-window 14 .

In addition, in a state in which the sub-window 14 is fixed to the main window 5 , upon receiving a user input for selecting one of the contacts displayed on the sub-window 14 , the device 100 displays the sub-window 14 . may be deleted, and detailed information about the selected contact may be displayed on the main window 5 .

The device 100 may receive a user input for deleting the sub-window 14 while the sub-window 14 is fixed to the main window 5 . For example, in a state in which the sub-window 14 is fixed to the main window 5 , the sub-window 14 among the regions of the main window 5 receives a user input of touching or clicking an area not displayed. , the device 100 may delete the sub-window 14 .

FIG. 4 is a diagram for describing a method in which the device 100 switches information displayed on the sub-window 14 to the main window 5 according to an embodiment of the present disclosure.

Referring to FIG. 4A , the device 100 may receive a user input for selecting the sub-window 14 . The user input for selecting the sub-window 14 may be an input of directly touching the selected point 13 or clicking the selected point 13 . Also, the user input for selecting the sub-window 14 may be an input of directly touching the sub-window 14 or clicking the sub-window 14 .

In addition, the device 100 displays a user interface object (eg, a button) for selecting the sub-window 14 on the scroll bar 10 or the sub-window 14, and selects the displayed user interface object. It may also receive user input.

Referring to FIG. 4B , upon receiving a user input for selecting the sub-window 14 , the device 100 deletes the sub-window 14 and displays information displayed on the sub-window 14 as the main Can be displayed on the window (5). Also, the device 100 may move the slider 12 on the scroll bar 10 to the selected point 13 .

Also, according to an embodiment, as the device 100 receives a user input for selecting the sub-window 14 , the second partial image displayed on the sub-window 14 is displayed on the main window 5 , and , the first partial image displayed on the main window 5 may be displayed on the sub-window 14 .

FIG. 5 is a diagram for describing a method in which the device 100 changes the sub-window 14 into a separate main window, according to an embodiment of the present disclosure.

Referring to FIG. 5A , the device 100 may display a web page. At this time, when all information in the web page cannot be displayed on the main window 5 at once, the device 100 displays the first partial image and the scroll bar 10, which are a partial region of the web page, on the main window 5 . can be displayed on Also, the device 100 may display the slider 12 indicating the position of the first partial image in the web page on the main window 5 .

Upon receiving a user input of proximity touching the point 13 on the scroll bar 10 , the device 100 determines the position of the selected point 13 on the scroll bar 10 and the position of the second partial image on the entire page. As much as possible, the second partial image may be determined. The device 100 may display the determined second partial image on the sub-window 14 .

Referring to FIG. 5B , upon receiving a user input for changing the sub-window 14 into the main window, the device 100 may change the sub-window 14 into the main window and display it.

The user input for changing the sub-window 14 into the main window may be, for example, an input in which the proximity touch stays at the selected point 13 for a predetermined time. In addition, the user input for changing the sub-window 14 into the main window may be an input of directly touching the selected point 13 or clicking the selected point 13 . Also, the user input for changing the sub-window 14 into the main window may be an input of directly touching the sub-window 14 or clicking the sub-window 14 .

In addition, the device 100 displays a user interface object (eg, a button) for changing the sub-window 14 to the main window on the scroll bar 10 or the sub-window 14, and the displayed user interface object It may receive a user input for selecting .

Upon receiving a user input for changing the sub-window 14 into the main window, the device 100 converts the previously displayed main window 5 to the first main window 5 and the sub-window 14 to the second main window. It can be changed to window (5_2).

The device 100 may reduce the size of the previously displayed main window 5 and change the sub-window 14 into the second main window 5_2 including the second scroll bar 10_2 . In this case, when the selected point in the scroll bar 10 in the previously displayed main window 5 is a position that is 83% of the total length of the scroll bar 10 , the device 100 displays the second in the second main window 5_2 . The second slider 12_2 may be displayed at a position 83% of the second scroll bar 10_2. Also, the device 100 may display the first main window 5 and the second main window 5_2 together.

In this case, as shown in FIG. 5 , the device 100 may display the first partial image on the first main window 5 and display the second partial image on the second main window 5_2 .

FIG. 6 is a diagram for describing a method in which the device 100 executes a function on the sub-window 14 according to an embodiment of the present disclosure.

Referring to FIG. 6 , the device 100 may execute a function on the sub-window 14 .

For example, a first partial image of the web page may be displayed on the main window 5 , and a second partial image of the web page may be displayed on the sub-window 14 . In this case, the second partial image may include a video player. Accordingly, the video player may be displayed on the sub-window 14 . The video player may include a user interface object such as a play button, a pause button, a stop button, a volume control button, and an image size control button.

Upon receiving a user input for selecting a user interface object on the video player in the sub-window 14 , the device 100 may execute a function corresponding to the user interface object based on the selected user interface object. For example, upon receiving a user input for selecting a play button on the video player, the device 100 may render a video and display the rendered image on the sub-window 14 .

7 is a diagram illustrating a method in which the device 100 displays an input field that is not input by using a content preview function, according to an embodiment of the present disclosure.

Referring to FIG. 7 , in a state where a page including an input field is displayed on the main window 5 , the device 100 may display a sub-window 14 indicating an input field that is not input based on a user input. can

For example, on a membership registration page including a plurality of input fields, the user may touch the scroll bar 10 in proximity to find an input field that has not been entered or an input field that has been incorrectly entered. As a user input of a proximity touch on the scroll bar 10 is received, the device 100 may display an input field corresponding to a point touched in proximity among a plurality of input fields on the sub-window 14 .

The device 100 may receive a user input for inputting a field value into an input field displayed on the sub-window 14 .

For example, the device 100 receives a user input for fixing the sub-window 14 to the main window 5 , and a user input for inputting or modifying a field value in an input field within the fixed sub-window 14 . can receive Also, the device 100 may receive a user input for inputting or correcting a field value into an input field with the other hand while the user maintains a proximity touch on the scroll bar 10 with one hand.

8 is a block diagram of a device 100 that provides a content preview function according to an embodiment of the present disclosure.

As shown in FIG. 8 , the device 100 may include a display unit 110 , a user input unit 145 , a storage unit 300 , a communication unit 130 , and a control unit 170 .

The display unit 110 may include a display module 102 and a plurality of touch modules (such as the first touch module 104 and the second touch module 106 ). The plurality of touch modules 104 and 106 may detect an input generated by a contact or non-contact method, and thus, the plurality of touch modules may output different values, respectively. In this embodiment, the portable device 100 having two touch modules is described as an example, but the present disclosure is not limited thereto, and the present disclosure can also be applied to a situation where two or more modules exist.

The display module 102 may be used to display contents such as status information, user input information, and communication data on the screen of the device 100 . In this case, the contents may include a static image, a motion image, web page information, a communication data list, a contact list, and the like. For example, the display module 102 may display the preview content through a sub-window (or a floating window). In addition, the display module 102 may also display the interactive process between the user and the device 100 through the sub-window.

The first touch module 104 is used to detect a touch operation of the input device 100 on the screen. For example, the first touch module 104 receives an analog signal generated by a touch operation of the input device 100 and converts the received analog signal into a digital signal (eg, X, Y, Z coordinates). converted, and the converted digital signal may be transmitted to the controller 170 . In addition, the first touch module 104 also receives analog information generated by successive touches (eg, sliding) of the input device 100 , converts the received analog information into digital information, and converts the converted Digital information may be transmitted to the control unit.

The second touch module 106 may be used to detect a suspension motion of the input device 100 . For example, the second touch module 106 detects a suspension event of the input device 100 , and a suspension event (eg, when a height from the touch member of the input device 100 to the screen is within a predetermined range) event) is generated, the second touch module may receive an analog signal generated by the suspension event, convert the received analog signal into a digital signal, and transmit the converted digital signal to the controller 170 . . Accordingly, the position of the suspension input point, the distance from the input device 100 to the screen, and the like may be determined. For example, the second touch module 106 may use electronic magnetic resonance (EMR), and the input device 100 may preferably include a touch stylus having a resonant circuit therein.

The control unit 170 is configured to display, according to a digital signal from the second touch module 106, an image (eg, a pointer, a luminous point, etc.) of a predetermined suspension input effect related to a suspension event. can be controlled to guide the user's operation.

The user input unit 145 may provide the control unit 170 with input data generated by the input device 100 in a contact or non-contact (suspension) method. For example, the user input unit 145 may provide the control unit 170 with input data for the main window and the sub window generated by the input device 100 , and accordingly, the control unit 170 may control the display module 102 . ) can be controlled to perform a corresponding display within this image. The input device 100 may be a user's body (eg, a finger) or a hand writing stylus may be a touch stylus realizing a touch.

The storage unit 300 may include a program storage unit 310 for storing a program for controlling the device 100 , and a data storage unit 320 for storing various data generated in the process of operation of the device 100 . have. For example, the data storage unit 320 may store various content data of the device 100 and various data generated when a content preview function is executed.

The program storage unit 310 may include a location determination module 312 , a preview content determination module 314 , a scroll bar module 316 , and a preview content editing module 318 .

Referring also to FIG. 1 , the positioning module 312 may be used to determine the position of the suspension input point 13 of the generated suspension event. For example, as the input device 100 approaches the screen so that a suspension event occurs, the positioning module 312 may determine the suspension input point 13 on the screen according to the output from the second touch module 106 . ) (touch tip, pointer, luminous point, etc. of the input device 100 corresponding to the suspension displayed on the display module 102) can be detected, and accordingly, the position of the suspension input point on the screen is It may be determined whether it is on the scrollbar.

For example, when the suspension input point 13 is on the scrollbar, a response can be made using “On Hover Listener” on the scrollbar 10 . Furthermore, by calling “On Hover function” of “On Hover Listener”, the suspension state on the scroll bar, the suspension motion state, and the end of the suspension state can be handled respectively.

When the suspension input point is on the scroll bar 10 , the preview content determining module 314 may determine the preview content corresponding to the suspension input point 13 according to the output from the positioning module 312 . That is, the preview content determination module 314 determines the preview content according to the coordinate value of the suspension input point 13 on the scroll bar 10, or the preview content according to the position percentage of the position of the suspension input point 13 with respect to the scroll bar. can be decided

Specifically, when the complete content information cannot be displayed through the signal page in the main window area at the current resolution of the device 100 or according to the size (length, width) of the current content information, the scrollbar module 316 is the main By arranging the scroll bar 10 on a predetermined area (eg, right or bottom) of the window, paged browsing of the view may be implemented. The scroll bar 10 is arranged together with the slider 12 that can slide along the scroll bar 10, so that it is possible to realize a cross-page display of the content information of the main window. The size (length) of the slider 12 is related to the size (length and/or width) of the content page displayed in the main window, and the length of the slider increases as the content information displayed in the main window increases (or the content information page). As the size of ) increases, it may become smaller. When the resolution is the same or when the sizes of the content information pages are the same, as the length of the slider 12 becomes smaller, the pages of content information displayed on the main window may gradually increase.

The positioning module 312 may determine the position of the slider 12 . In this case, the positioning module 312 may determine the position of the slider 12 by detecting the coordinate values X and Y of the upper and lower ends of the slider 12 . In this case, the position of the slider 12 may be the position of the upper end or the position of the lower end of the slider 12 . According to the position of the slider 12 detected by the positioning module 312 , the display module 102 may display a page corresponding to the position of the slider 12 in the main window.

When the position of the suspension input pointer 13 detected by the position determining module 312 is on the scroll bar 10, the preview content determining module 314 sets the coordinate values of the upper and lower ends of the scroll bar (or the slider 12) length), the coordinate values of the upper and lower ends of the slider 12 (or the length of the slider 12), or the coordinate values of the suspension input point 13, the page of content information corresponding to the suspension input point can decide That is, the preview content determination module 314 determines the length (or coordinate value) of the scroll bar 10, the length (or coordinate value) of the slider 12, and the relationship between the pages of the content information, on the scroll bar 10. Content information can be determined at the point. In other words, after the scroll bar module 316 places the scroll bar, the coordinate values or the position percentages of each point on the scroll bar 10 are in turn on the pages of content information in the main window of the device 100 as a reference. can respond.

After disposing the scroll bar 10, the scroll bar module 316 includes a coordinate value (or length value) of the scroll bar 10, a length value (or coordinate values of the upper and lower ends) of the slider 12, and a content information page. The relationship between the values and the coordinate values, or the position percentages of each point on the scroll bar 10 may be stored in the data storage unit in real time. Accordingly, the display module 102 may read the corresponding data from the data storage unit 320 and perform display.

Preferably, the preview page may be a preview page that can be edited. Here, the editing operation includes inputting various information such as text, clicking a view, turning pages of preview contents based on a sliding method (sliding from top to bottom or from left to right), preview contents in a sub-window It may include at least one of switching to the main window and adjusting the size of the sub-window. When editing of the sub-window and the main window is performed, the user may first fix the sub-window as the main window through a predetermined operation. Accordingly, by fixing the sub-window and adjusting the size of the sub-window, the user can conveniently determine various content information using the two windows (the sub-window and the main window).

Preferably, in the present disclosure, the position percentages are displayed on the slider 12 of the scroll bar 10 or on the suspension input point 13 , such that the distance between the start position of the scroll bar 10 and the current position of the slider 12 is It may indicate a percentage, or it may indicate a percentage of the suspension input point 13 relative to the total size of the content information page. That is, the position percentage may represent the ratio of the distance between the upper end of the scroll bar and the slider 12 or the ratio of the suspension input point 13 to the length of the entire scroll bar. For example, as shown in Fig. 1, a percentage of 45% may be displayed on the slider 12, and the distance between the upper end of the scroll bar 10 and the position of the slider 12 is the size of the entire content information page. (height), while the position percentage of 80% displayed on the suspension input point 13 indicates that the distance between the upper end of the scrollbar and the suspension input point 13 is the size (height) of the entire content information. ) can be expressed as 80% of

Moreover, in the present disclosure, when the suspension input point 13 on the scroll bar 10 is clicked, the slider 12 on the scroll bar 10 can be directly moved to the position of the suspension input point 13 , and thus, Content information displayed in the main window may be paged as preview content in the sub window. Specifically, when the slider 12 on the scroll bar 10 moves to the position of the suspension input point 13, the positioning module 312 detects the coordinate values (X, Y) or the position percentage of the slider 12, , thus, the display module 102 may read related data from the data storage unit 320 and perform display.

After the content preview function of the device 100 is turned on, when the preview content determination module 314 determines the content information corresponding to the suspension input point 13, the display module 102 displays the sub-window 14 (or floating window) to display the content in the vicinity of the suspension input point 13 . In addition, the suspension input point 13 moves on the scroll bar 10 (eg, suspension movement), and a change in the coordinates of the suspension input point 13 is sensed by the positioning module 312 , so that the sub-window 14 ) is changed correspondingly, so that the user can conveniently find the desired content.

Further, when the second touch module 106 detects the disappearance of a suspension event on the scroll bar 10, or a predetermined input operation (eg, in a suspension state, the input device ( When 100 detects a moving motion), the display of the sub-window 14 may be canceled.

Preferably, the sub-window 14 may display the preview content through scrolling, and the amount of content information included in the preview content may be the same as the amount of content information currently displayed in the main window. However, the present disclosure is not limited thereto. The sub-window 14 may include less or more content information than the content information of the main window at different resolutions. In addition, the size of the sub-window 14 can be adjusted manually or automatically.

After the sub-window 14 is displayed on the main window, the preview content editing module 318 is configured to perform a user's predetermined operation (eg, For example, in the suspension state, the input device 100 may be fixed on the sub-window screen according to the movement of the input device 100 in the opposite direction to the side of the sub-window).

For example, in FIG. 1 , if the second touch module 104 determines that the input device 100 is to be slid to the left in the state where the sub-window 14 is displayed on the main window, in the suspension state, the preview The content editing module 318 may determine on the sub-window 14 that the user needs to edit the preview content, and fix the sub-window 14 on the main window. Accordingly, the user may perform various editing operations on the preview content displayed on the sub-window 14 by the preview content editing module 318 . For example, the user may simultaneously input various data (eg, various authentication information on the Internet) using the main window and the sub-window in order to improve the effectiveness of the device 100 using the two windows. have.

Furthermore, in FIG. 1 , for example, when the second touch module 104 determines that the input device 100 slides to the right in the suspension state, the control unit 170 allows the user to open the sub-window 14 . It is determined that it is necessary to cancel, and accordingly, the control display unit 110 may cancel the display of the sub-window 14 of 102 .

The communication unit 130 may perform a communication function for voice communication and data communication of the device 100 . In this case, the communication unit 130 may be divided into a plurality of communication modules of different communication networks. For example, a GSM module, a CDMA module, a WCDMA module, an LTE module, an OFDMA module, a LAN module, a blue tooth module, and an NFC module, and similar modules may be included.

In order to update the content information currently displayed in the main window, when the communication unit 130 receives new data, the relationships between the pages and points of the corresponding respective content information are updated, and the updated relationships are stored in the data storage unit. While stored in 320 , the scrollbar module 316 may adjust the position and length of the slider 12 . Accordingly, the display module 102 may display the current content information.

Meanwhile, the sub-window and the main window may use the same application modules to implement real-time updating and sharing of data by setting link functions. That is, the sub-window 14 may be used as a shortcut for quick access to the preview content.

In order for the device 100 to control the actions, each program stored in the program storage unit 310 may be executed. In addition, the controller 170 may enable the device 100 to provide a content preview function by using at least one function unit (program) stored in the storage unit 300 . In addition, the controller 170 may further include a content preview processor (not shown) to perform a content preview function. That is, the content preview function of the present disclosure may be implemented by hardware such as a content preview processor as well as software such as a program stored in the storage unit 300 .

9 is a flowchart illustrating a processor providing a content preview function in the device 100 according to an embodiment of the present disclosure.

In the present disclosure, after the content preview function of the device 100 is executed, when it is determined that the content information cannot be completely displayed on one page of the main window, in order to realize browsing for the content information, the scroll bar is It may be exposed at a predetermined location on the page (typically to the right and/or left).

In step S110 , the device 100 may detect whether a suspension event has been generated. In this case, in the suspension event, the distance between the touch end of the input device 100 (human body, touch stylus, writing stylus, etc.) of the device 100 and the device 100 is a predetermined range (eg, 5 mm, the range). may change according to the hardware configuration of the device) may mean within. In addition, the suspension input point corresponding to the touch end may be displayed on the screen.

Next, the result of step 110 is executed. When a suspension event is detected, step S120 is initiated, and it may be determined whether the position of the suspension input point in the suspension event is on the scrollbar. That is, in step S110 , the device 100 may determine whether the suspension input point is on the scroll bar, and then determine whether there is a request for a content preview from the user. In this case, by detecting the coordinate values (X, Y) of the suspension input point, it may be determined whether the coordinate values (X, Y) of the suspension input point are within the coordinate range of the scroll bar. When the coordinates of the suspension input point are within the coordinate range of the scroll bar, the device 100 may determine that the user has sent a content preview request. However, if the execution result of step S120 determines that the suspension input point is not on the scroll bar, in step S125 , other corresponding options may be executed.

When it is determined that the suspension input point is on the scroll bar, step S130 is started, and when the suspension input point is on the scroll bar, the preview content corresponding to the suspension input point is determined. In this case, the preview content is determined according to the coordinate values (X, Y) of the suspension input point on the scroll bar or according to the position percentage of the position of the suspension input point with respect to the scroll bar. Here, the position percentage of the position of the suspension input point with respect to the scroll bar may mean a ratio of the length from the beginning of the content information on the scroll bar to the position of the suspension input point and the length of the entire scroll bar.

After determining the preview content for the suspension input point, as steps S130 and S140 are started, the preview content may be displayed through the sub-window. In this case, the information amount of the preview content displayed on the sub-window may be the same as the information amount of the content displayed on the main window. That is, the sub-window can completely display the preview content. For example, when the main window can display a list of 10 calls at the current resolution, the scaling method of the sub-window can also display the list of 10 calls. However, the present disclosure is not limited thereto, and the amount of information in the sub-window may be different from the amount of information in the main window.

On the other hand, in step S140, when the position of the suspension input point on the scroll bar is changed (suspension movement), the preview content on the sub-window is changed correspondingly. Moreover, the present disclosure may further include a preview content editing step ( S150 ). In step S150, specifically, based on the recognized predetermined input action (such as sliding toward the sub-window in the suspension state), it may be determined that the user has sent an editing request, and thus, the sub-window is the current of the main window. can be fixed in position. Thereafter, various editing operations may be performed on the sub-window and the preview content based on the recognized input operations. In this case, the editing is based on the sliding method (top to bottom, left to right), entering various information such as texting, clicking the view, changing the page of the preview content, in the sub window into the main window. It may include at least one of switching the preview content and adjusting the size of the sub-window. Accordingly, the user can quickly search for information through cooperation between the main window and the sub-window, while the efficiency of inputting and editing information is improved, which can improve the user experience. For example, in the prior art, when a user opens a contact list to find a contact, the user can often quickly search for a contact through an index character. However, when there are too many contacts that can be accessed by the index character, the user still has to slide the screen, which may cause a problem of click mistakes and low efficiency. However, according to the present disclosure, after searching through the index character, the user suspends the input device 100 on a displayed or hidden scrollbar, and the input device on the scrollbar, without sliding the screen up or down. By moving ( 100 ), it is possible to quickly preview the list of candidate contacts of different pages. In addition, when a desired contact list is found, the user can directly enter a specific page of the contact item through the sub-window, after fixing the sub-window to the main window. Accordingly, the contact list search speed can be obviously improved.

In addition, for example, in the prior art, when performing registration or authentication through the device 100, if some necessary information is not input, the user slides the screen to find the information that has not been entered, After entering the wrong information, you can proceed to the next step. However, according to the present disclosure, when some necessary information is left uninputted, the user suspends the input device 100 on a displayed or hidden scrollbar, and moves the input device 100 on the scrollbar, so that the screen It is possible to determine the position of the information that is not input through the sub-window without sliding the .

In addition, when uninput information is found, the user can directly input information by fixing the sub-window to the main window, and after inputting the information, the user can enter the next step through operations in the sub-window For this purpose, you can quickly find the OK button through the sub-window.

In addition, after step S140, when it is determined that the suspension input point moves away from the scroll bar (the position of the suspension input point is not within the range of the scroll bar), the suspension event on the scroll bar disappears, and the input device 100 A determined input action (eg, sliding in the opposite direction toward the sub-window in a suspension state) is detected, and it is determined that a request to cancel the sub-window is sent, so that the display of the sub-window may be canceled.

10 is a block diagram illustrating the configuration of the device 100 according to an embodiment of the present disclosure.

Referring to FIG. 10 , the device 100 may include a control unit 170 , a display unit 110 , and a user input unit 145 .

The display 110 may display a main window for displaying an image on the screen. Also, when the size of the image is larger than the size of the main window, the display 110 may display a scroll bar for selecting the first partial image of the image and an area to be displayed on the main window on the main window.

The image may include at least one of an item list, a web page, and an electronic document.

Also, the display 110 may display a marker indicating a location selected by a user input for selecting the first point 13 on the scroll bar 10 on the first point on the scroll bar.

The user input unit 145 may receive a user input for selecting the first point 13 on the scroll bar 10 for selecting the first point on the scroll bar. The user input for selecting the first point 13 on the scroll bar 10 may include at least one of a proximity touch and a mouse over.

When a user input for selecting the first point 13 on the scroll bar 10 is received, the controller 170 displays a sub-window displaying a second partial image corresponding to the first point on the scroll bar among the images, the first partial image The display unit may be controlled to display on the main window on which is displayed.

The scroll bar includes a slider indicating the position of the first partial image in the image, the user input unit 145 selects the slider, receives a second user input for moving the selected slider on the scroll bar, and the control unit 170 may control the display unit 110 to change an area displayed in the main window among images as the slider is moved on the scroll bar.

Also, the display 110 may display a marker indicating a location selected by a user input for selecting the first point 13 on the scroll bar 10 on the first point on the scroll bar.

Also, the controller 170 may control the display 110 to delete the sub-window as a preset time elapses after the sub-window is displayed.

The second partial image in the image may include a user interface object, and the user input unit 145 may receive a user input for selecting a user interface object on the sub-window.

Also, the controller 170 may execute a function corresponding to the user interface object based on the selected user interface object.

In addition, the user input unit 145 receives a user input for selecting a sub-window, and the controller 170 deletes the sub-window as the sub-window is selected, and displays the second partial image displayed on the sub-window. The display unit 110 may be controlled to display on the main window.

In addition, the user input unit 145 receives a user input for selecting an item in the sub-window, and the control unit 170 deletes the sub-window as an item in the sub-window is selected, and stores information about the item in the main window. The display unit 110 may be controlled to display on a window.

Also, the user input unit 145 receives a user input for changing the sub-window to the main window, and the controller 170 receives the user input for changing the sub-window to the main window, so that the main window is changed to the first main window. As a window, the display unit 110 may be controlled to change the sub-window to the second main window and display the first main window and the second main window together.

11 is a block diagram illustrating a configuration of a device 100 according to another embodiment of the present disclosure.

11 , the device 100 includes, for example, a mobile phone, a tablet PC, a PDA, an MP3 player, a kiosk, an electronic picture frame, a navigation device, a digital TV, a smart watch, and a wrist watch. It may be applied to various types of devices, such as a wearable device 100 such as a wrist watch, smart glass, or head-mounted display (HMD).

According to FIG. 11 , the device 100 includes a memory 120 , a GPS chip 125 , a communication unit 130 , and a video processor ( 135 ), the audio processor 140 , the microphone unit 150 , the imaging unit 155 , the speaker unit 160 , and at least one of the motion sensing unit 165 may be further included.

Also, the display unit 110 may include a display panel 111 and a controller (not shown) for controlling the display panel 111 . The display panel 111 includes various types of displays such as a liquid crystal display (LCD), an organic light emitting diode (OLED) display, an active-matrix organic light-emitting diode (AM-OLED), and a plasma display panel (PDP). can be The display panel 111 may be implemented to be flexible, transparent, or wearable. The display unit 110 may be provided as a touch screen (not shown) by being coupled to the touch panel 147 of the user input unit 145 . For example, the touch screen (not shown) may include an integrated module in which the display panel 111 and the touch panel 147 are coupled in a stacked structure.

The memory 120 may include at least one of an internal memory (not shown) and an external memory (not shown).

The built-in memory includes, for example, a volatile memory (eg, dynamic RAM (DRAM), static RAM (SRAM), synchronous dynamic RAM (SDRAM), etc.), a non-volatile memory (eg, One Time Programmable ROM (OTPROM)). ), Programmable ROM (PROM), Erasable and Programmable ROM (EPROM), Electrically Erasable and Programmable ROM (EEPROM), Mask ROM, Flash ROM, etc.), hard disk drive (HDD), or solid state drive (SSD). may include According to an embodiment, the controller 170 may load a command or data received from at least one of the non-volatile memory or other components into the volatile memory and process it. Also, the controller 170 may store data received or generated from other components in a non-volatile memory.

The external memory includes, for example, at least one of CF (Compact Flash), SD (Secure Digital), Micro-SD (Micro Secure Digital), Mini-SD (Mini Secure Digital), xD (extreme Digital), and Memory Stick. may include

The memory 120 may store various programs and data used for the operation of the device 100 . For example, the memory 120 may temporarily or semi-permanently store at least a portion of content to be displayed on the lock screen.

The controller 170 may control the display 110 so that a part of the content stored in the memory 120 is displayed on the display 110 . In other words, the controller 170 may display a part of the content stored in the memory 120 on the display 110 . Alternatively, when a user gesture is made in one area of the display unit 110 , the controller 170 may perform a control operation corresponding to the user's gesture.

The controller 170 may include at least one of a RAM 171 , a ROM 172 , a CPU 173 , a graphic processing unit (GPU) 174 , and a bus 175 . The RAM 171 , the ROM 172 , the CPU 173 , and the GPU 174 may be connected to each other through the bus 175 .

The CPU 173 accesses the memory 120 and performs booting using the O/S stored in the memory 120 . In addition, various operations are performed using various programs, contents, data, etc. stored in the memory 120 .

The ROM 172 stores an instruction set for system booting and the like. For example, in the device 100, when a turn-on command is input and power is supplied, the CPU 173 copies the O/S stored in the memory 120 to the RAM 171 according to the command stored in the ROM 172, and O You can boot the system by running /S. When booting is completed, the CPU 173 copies various programs stored in the memory 120 to the RAM 171 , and executes the programs copied to the RAM 171 to perform various operations. When the booting of the device 100 is completed, the GPU 174 displays the UI screen on the area of the display 110 . Specifically, the GPU 174 may generate a screen on which an electronic document including various objects such as content, icons, and menus is displayed. The GPU 174 calculates property values such as coordinate values, shape, size, color, etc., at which each object is to be displayed according to the layout of the screen. In addition, the GPU 174 may generate screens of various layouts including objects based on the calculated attribute values. The screen generated by the GPU 174 may be provided to the display unit 110 and displayed on each area of the display unit 110 .

The GPS chip 125 may receive a GPS signal from a Global Positioning System (GPS) satellite and calculate the current location of the device 100 . The controller 170 may calculate the user's location by using the GPS chip 125 when using a navigation program or when the user's current location is required.

The communication unit 130 may communicate with various types of external devices 100 according to various types of communication methods. The communication unit 130 may include at least one of a Wi-Fi chip 131 , a Bluetooth chip 132 , a wireless communication chip 133 , and an NFC chip 134 . The control unit 170 may communicate with various external devices 100 using the communication unit 130 .

The Wi-Fi chip 131 and the Bluetooth chip 132 may perform communication using a WiFi method and a Bluetooth method, respectively. In the case of using the Wi-Fi chip 131 or the Bluetooth chip 132, various connection information such as an SSID and a session key are first transmitted and received, and then various types of information can be transmitted and received after communication connection using the same. The wireless communication chip 133 refers to a chip that performs communication according to various communication standards such as IEEE, ZigBee, 3rd Generation (3G), 3rd Generation Partnership Project (3GPP), and Long Term Evoloution (LTE). The NFC chip 134 refers to a chip operating in a Near Field Communication (NFC) method using a 13.56 MHz band among various RF-ID frequency bands such as 135 kHz, 13.56 MHz, 433 MHz, 860 to 960 MHz, and 2.45 GHz.

The video processor 135 may process video data included in content received through the communication unit 130 or content stored in the memory 120 . The video processor 135 may perform various image processing, such as decoding, scaling, noise filtering, frame rate conversion, and resolution conversion, on video data.

The audio processor 140 may process audio data included in the content received through the communication unit 130 or the content stored in the memory 120 . In the audio processor 140 , various processes such as decoding, amplification, and noise filtering on audio data may be performed.

When a playback program for multimedia content is executed, the controller 170 drives the video processor 135 and the audio processor 140 to play the corresponding content. The speaker unit 160 may output audio data generated by the audio processor 140 .

The user input unit 145 may receive various commands from the user. The user input unit 145 may include at least one of a key 146 , a touch panel 147 , and a pen recognition panel 148 .

The key 146 may include various types of keys, such as mechanical buttons and wheels, which are formed in various areas, such as the front, side, or rear of the main body of the device 100 .

The touch panel 147 may detect a user's touch input and output a touch event value corresponding to the sensed touch signal. When the touch panel 147 is combined with the display panel 111 to form a touch screen (not shown), the touch screen may be implemented with various types of touch sensors such as capacitive type, pressure sensitive type, and piezoelectric type. The capacitive type is a method of calculating touch coordinates by sensing micro-electricity generated by the user's body when a part of the user's body is touched on the touch screen surface using a dielectric coated on the touch screen surface. The decompression type includes two electrode plates built into the touch screen, and when the user touches the screen, the touch coordinates are calculated by detecting that the upper and lower plates of the touched point come into contact and current flows. A touch event occurring on a touch screen may be mainly generated by a human finger, but may also be generated by an object made of a conductive material capable of applying a change in capacitance.

The pen recognition panel 148 detects a pen proximity input or a touch input according to the operation of the user's touch pen (eg, a stylus pen, a digitizer pen), and detects a pen proximity event or pen A touch event can be output. The pen recognition panel 148 may be implemented, for example, in an EMR method, and may sense a touch or proximity input according to the proximity of the pen or a change in the intensity of an electromagnetic field due to the touch. In detail, the pen recognition panel 148 includes an electromagnetic induction coil sensor (not shown) having a grid structure and an electronic signal processing unit (not shown) that sequentially provides an AC signal having a predetermined frequency to each loop coil of the electromagnetic induction coil sensor. ) may be included. When a pen having a built-in resonance circuit is present in the vicinity of the loop coil of the pen recognition panel 148, a magnetic field transmitted from the loop coil generates a current based on mutual electromagnetic induction in the resonance circuit in the pen. Based on this current, an induced magnetic field is generated from the coil constituting the resonance circuit in the pen, and the pen recognition panel 148 detects the induced magnetic field from the loop coil in the signal receiving state, so that the pen approaching position or A touch position may be sensed. The pen recognition panel 148 may be provided with a predetermined area under the display panel 111 , for example, an area capable of covering the display area of the display panel 111 .

The microphone unit 150 may receive a user's voice or other sound and convert it into audio data. The control unit 170 may use the user's voice input through the microphone unit 150 in a call operation or convert it into audio data and store it in the memory 120 .

The imaging unit 155 may capture a still image or a moving image according to a user's control. The imaging unit 155 may be implemented in plurality, such as a front camera or a rear camera.

When the imaging unit 155 and the microphone unit 150 are provided, the control unit 170 performs a control operation according to a user voice input through the microphone unit 150 or a user motion recognized by the imaging unit 155 . may be For example, the device 100 may operate in a motion control mode or a voice control mode. When operating in the motion control mode, the controller 170 may activate the imaging unit 155 to capture an image of the user, track a change in the user's motion, and perform a control operation corresponding thereto. When operating in the voice control mode, the controller 170 may operate in the voice recognition mode in which the user's voice input through the microphone unit 150 is analyzed and a control operation is performed according to the analyzed user's voice.

The motion detection unit 165 may detect a movement of the body of the device 100 . The device 100 may be rotated or tilted in various directions. In this case, the motion detection unit 165 may detect motion characteristics such as a rotation direction, an angle, and a tilt using at least one of various sensors such as a geomagnetic sensor, a gyro sensor, and an acceleration sensor.

In addition, although not shown in FIG. 11, in the embodiment, a USB port to which a USB connector can be connected in the device 100, various external input ports for connecting with various external terminals such as a headset, a mouse, and a LAN, DMB ( A DMB chip for receiving and processing (Digital Multimedia Broadcasting) signals, various sensors, and the like may be further included.

Names of components of the above-described device 100 may vary. In addition, the device 100 according to the present disclosure may be configured to include at least one of the above-described components, and some components may be omitted or may further include additional other components.

Some embodiments may also be implemented in the form of a recording medium containing instructions executable by a computer, such as program modules executed by a computer. Computer-readable media can be any available media that can be accessed by a computer and includes both volatile and nonvolatile media, removable and non-removable media. In addition, computer-readable media may include both computer storage media and communication media. Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data. Communication media typically includes computer readable instructions, data structures, program modules, or other data in a modulated data signal such as a carrier wave, or other transport mechanism, and includes any information delivery media.

In addition, the command in the recording medium may be read by the device 100 , and the command read by the device 100 is loaded into the memory of the device 100 and then executed by the control unit of the device 100 , thereby Examples may be performed by device 100 .

Also, in this specification, “unit” may be a hardware component such as a processor or circuit, and/or a software component executed by a hardware component such as a processor.

The description of the present disclosure described above is for illustration, and those of ordinary skill in the art to which the present disclosure pertains can understand that it can be easily modified into other specific forms without changing the technical spirit or essential features of the present disclosure. will be. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive. For example, each component described as a single type may be implemented in a distributed manner, and likewise components described as distributed may also be implemented in a combined form.

The scope of the present disclosure is indicated by the following claims rather than the above detailed description, and all changes or modifications derived from the meaning and scope of the claims and their equivalent concepts should be interpreted as being included in the scope of the present disclosure. do.

Claims (21)

display unit; and
Displaying a main window for displaying an image on a screen, a user interface for selecting a region to be displayed on the main window among the images, and displaying a first image selected through the user interface on the main window control the display unit;
obtain a first user input for selecting a point on the user interface;
at least one processor configured to control the display unit to display a second image corresponding to the selected point on the user interface among the images on the main window in which the first image is displayed, based on the first user input Including, the at least one processor,
Upon receiving a second user input for displaying the second image on the main window, the display unit is controlled to display the main window in which the first image and the second image are displayed on the first main window and the second window. change to a main window, display the first image on the first main window, and display the second image on the second main window;
Upon identifying that the size of the first image is greater than the size of the first main window, a first user interface indicating the position of the first image relative to the image is placed next to the first image on the first main window. display,
Upon identifying that the size of the second image is greater than the size of the second main window, a second user interface indicating the position of the second image relative to the image is placed next to the second image on the second main window. display,
The second image includes a user interface object,
the at least one processor,
obtain a third user input selecting the user interface object on the second image;
A device that executes a function corresponding to the selected user interface object.

◈Claim 2 was abandoned when paying the registration fee.◈ The method of claim 1,
the at least one processor,
In a state in which the second image is displayed, when the first user input for selecting a point on the user interface is not obtained, controlling the display unit so that the second image is not displayed.
The method of claim 1,
the at least one processor,
obtaining a fourth user input fixing the second image to the main window;
As the fourth user input is obtained, the device controls the display unit to continuously display the second image at a time point at which the fourth user input is obtained.

The method of claim 1,
the at least one processor,
obtaining a fourth user input selecting the second image;
When the second image is selected, the device is configured to delete the second image and control the display unit to display the second image on the main window.


delete delete The method of claim 1,
the at least one processor,
and controlling the display unit to display a marker indicating the selected point on the selected point.
◈Claim 8 was abandoned when paying the registration fee.◈ The method of claim 1,
The first user input for selecting a point on the user interface includes at least one of a proximity touch and a mouse over.
The method of claim 1,
the user interface comprises a slider indicating a position of the first image within the image;
the at least one processor,
selecting the slider and obtaining a fourth user input for moving the selected slider on the user interface;
and controlling the display unit to change an area displayed in the main window of the image as the slider is moved on the user interface.
◈Claim 10 was abandoned when paying the registration fee.◈ The method of claim 1,
The image is
A device comprising at least one of an item list, a web page, and an electronic document.
displaying a main window for displaying an image on a screen;
displaying a user interface for selecting an area to be displayed on the main window among the images and a first image selected through the user interface on the main window;
obtaining a first user input for selecting a point on the user interface;
displaying a second image corresponding to the selected point on the user interface among the images on the main window in which the first image is displayed, based on the first user input;
Upon receiving a second user input for displaying the second image on the main window, the main window in which the first image and the second image are displayed is changed to a first main window and a second main window, displaying the first image on the first main window and displaying the second image on the second main window;
Upon identifying that the size of the first image is greater than the size of the first main window, a first user interface indicating the position of the first image relative to the image is placed next to the first image on the first main window. and, upon identifying that the size of the second image is greater than the size of the second main window, a second user interface indicating the position of the second image relative to the image, the second user interface on the second main window. displaying next to the image;
The second image includes a user interface object,
obtaining a third user input for selecting the user interface object on the second image; and
Further comprising the step of executing a function corresponding to the selected user interface object, the image display method.
◈Claim 12 was abandoned when paying the registration fee.◈ 12. The method of claim 11,
The image display method,
and not displaying the second image as the first user input for selecting a point on the user interface is not received while the second image is displayed.
12. The method of claim 11,
The image display method,
obtaining a fourth user input for fixing the second image to the main window; and
and as the fourth user input is obtained, continuously displaying the second image at a time point at which the fourth user input is obtained.

12. The method of claim 11,
The image display method,
obtaining a fourth user input for selecting the second image; and
as the second image is selected, further comprising deleting the second image and displaying the second image on the main window.

delete delete 12. The method of claim 11,
The image display method,
and displaying a marker representing the selected point on the selected point.
◈Claim 18 was abandoned when paying the registration fee.◈ 12. The method of claim 11,
wherein the first user input for selecting a point on the user interface comprises at least one of a proximity touch and a mouse over.
12. The method of claim 11,
the user interface comprises a slider indicating a position of the first image within the image;
The image display method,
selecting the slider and receiving a fourth user input for moving the selected slider on the user interface; and
changing an area of the image displayed in the main window as the slider is moved on the user interface.
◈Claim 20 was abandoned when paying the registration fee.◈ 12. The method of claim 11,
The image is
A method comprising at least one of an item list, a web page, and an electronic document.
delete

Images