JP6565791B2 - Display device and display control program - Google Patents

Description

  The present invention relates to a display device and a display control program, and more particularly to a technique for scrolling and displaying an image displayed on a display unit.

  Some display devices scroll the display screen of the display unit in accordance with a touch operation performed by the user on the display screen of the display unit. The scroll display executed according to the touch operation such as swipe is intuitive and easy to operate, and further, since the scroll bar display can be eliminated or reduced, there is an advantage that the image display area in the display unit can be enlarged.

  However, if the scroll bar is not displayed or is small, the user may not be aware that the display screen can be scrolled, that is, there is an image that is not displayed in the display area of the display unit but should be displayed. For example, the image forming apparatus may display a list in which a plurality of pieces of job information are listed in a predetermined order. The job information is displayed by listing multiple job names in order of reception time, but if the scroll bar is not displayed or small, the user may not be aware of the hidden job information without being displayed. .

  For this reason, when a scrollable image is displayed on the display unit, a display device that temporarily scrolls down the image until its final position is displayed has been proposed (for example, see Patent Document 1 below).

JP-A-4-234789

  However, for example, when a web page is opened with an electronic device such as a personal computer (PC) using a browser function, if the scroll bar is not displayed or is small, the user is displayed on the display unit. However, there is a possibility that an image portion that can be displayed by scrolling may not be noticed. Further, in the invention described in Patent Document 1, the user can recognize that there is an image portion that can be displayed by scrolling for an image displayed by scrolling down in one direction. When there is an image portion that can be displayed by scrolling in two directions, the invention described in Patent Document 1 cannot make the user accurately recognize the presence of the image.

  The present invention has been made in view of the above circumstances, and only a part of the image is displayed on the display unit, and the image is displayed entirely on the display unit by scroll display. The purpose is to enable the user to grasp more accurately than in the past.

Display device according to one aspect of the present invention controls a display unit including a rectangular display area where an image is displayed, an operation receiving unit that receives an operation from Yu Za, the operation of the display unit, the operation When the receiving unit receives an instruction to scroll the display content of the display unit from a user, the display unit includes a display control unit that scrolls the display content of the display unit according to the instruction. If the image is a scroll image that is larger than the vertical and horizontal length of the display area displayed in the display area of the display unit by the scroll display, and the scroll image does not fit in the display area , after an image to be central portion of the scroll image was displayed on the display area of the display unit, the central portion of the scroll image displayed in the display region A direction from the upper left corner, which is a predetermined position of the image, to the upper left corner, which is a predetermined initial display position, which is a corner portion in the scroll image, and two directions orthogonal to the calculated direction The horizontal direction X direction and the vertical direction Y direction divided into components are set to scroll in two directions, and scroll display in the Y direction is performed until the top of the scroll image reaches the upper end of the display area. After scrolling, scroll display in the X direction is performed until the left end of the scroll image reaches the left end of the display area, or scroll display in the X direction is performed and then scroll display in the Y direction is performed. the by performing, to display the image portion containing a predetermined initial display position which is a corner portion of the scroll image in the display area, the first It is intended to stop the scrolling display while displaying an image portion to be the display position on the display area.

The display control program according to an aspect of the present invention, scrolling and operation accepting unit that accepts an operation from Yu Za, controls the operation of the table radical 113, the operation accepting section the display contents of the display unit from a user When a display instruction is received, a display control program that causes a computer to function as a display control unit that scrolls display content of the display unit in response to the instruction, the display control unit displays an image to be displayed When it is determined that the scroll image is larger than the vertical and horizontal lengths of the display area displayed in the rectangular display area of the display unit by scroll display and the scroll image does not fit in the display area, the scroll after displaying the image as a center portion of the image in the display area of the display unit, the scan being displayed in the display region Calculates the direction from the upper left corner, which is a predetermined position of the center image of the roll image, to the upper left corner, which is a predetermined initial display position, which is the corner portion of the scroll image, and the calculated The X direction that is the left and right direction and the Y direction that is the up and down direction divided into two direction components that are orthogonal to each other are set to two-way scrolling, and the Y is continued until the uppermost part of the scroll image reaches the upper end of the display area. The scroll display in the X direction is performed until the left end of the scroll image reaches the left end of the display area after the scroll display in the direction is performed, or the scroll display in the X direction is performed after the scroll display is performed in the X direction. by performing the scroll display in the Y direction, the display image portion including a predetermined initial display position which is a corner portion of the scroll image Is displayed on the band, the image portion to be the initial display position to stop the scrolling display in the state of being displayed in the display area, is intended to further function the computer.

  According to the present invention, only a part of an image is displayed on the display unit, and the user understands that the image is displayed on the display unit as a whole by scroll display. Can be made.

1 is a functional block diagram schematically showing a main internal configuration of a display device according to a first embodiment of the present invention. It is the figure which showed an example of the browser screen displayed on a display part. (A) is the figure which showed the positional relationship of a web page and a display area, (B) is the figure which showed an example of the browser screen displayed on a display part. It is a flowchart which shows the process at the time of the display control by the display apparatus which concerns on 1st Embodiment. (A) is a figure which showed an example of the browser screen displayed on a display part, (B) is the figure which showed the positional relationship of a web page and a display area. It is the figure which showed the positional relationship of a web page and a display area. It is the figure which showed an example of the browser screen displayed on a display part, (A) shows the state at the time of scroll display start, (B) has shown the state at the end of scroll display. It is a flowchart which shows the process at the time of the display control by the display apparatus which concerns on 2nd Embodiment. (A)-(C) are the figures which showed the positional relationship of a web page and a display area. (A)-(C) are the figures which showed an example of the browser screen displayed on a display part. It is a flowchart which shows the process at the time of the display control by the display apparatus which concerns on 3rd Embodiment. It is the figure which showed the positional relationship of a web page and a display area, and is a figure which shows a mode that a scroll direction is divided | segmented into two directions.

  Hereinafter, a display device and a display control program according to an embodiment of the present invention will be described with reference to the drawings. FIG. 1 is a functional block diagram schematically showing the main internal configuration of the display device according to the first embodiment of the present invention. The display device 1 is an electronic device such as a PC, for example, and includes a display unit 10, an operation unit 20, a communication unit 30, a storage unit 40, and a control unit 100. Each of these components can mutually transmit and receive data or signals through a CPU (Central Processing Unit) bus.

  The operation unit 20 is a mouse, a keyboard, or the like, and receives various instructions from the user regarding various operations and processes that can be executed by the display device 1.

  The display unit 10 includes a liquid crystal display (LCD), an organic EL (OLED: Organic Light-Emitting Diode), and the like. The display unit 10 has a touch panel function, and detects an operation in which the operator touches a button or key displayed on the screen using the touch panel, and outputs a detection signal indicating the detected operation to the operation reception unit 102 described later. .

  The communication unit 30 is a communication interface including a communication module such as a LAN (Local Area Network) chip (not shown).

  The storage unit 40 is a storage device such as a nonvolatile memory or an HDD (Hard Disk Drive).

  The control unit 100 includes a processor, a RAM (Random Access Memory), a ROM (Read Only Memory), and a dedicated hardware circuit. The processor is, for example, a CPU (Central Processing Unit), an MPU, or an ASIC. The control unit 100 includes a control unit 101, an operation reception unit 102, and a display control unit 103.

  The control unit 100 functions as the control unit 101, the operation reception unit 102, and the display control unit 103 by operations according to the display control program stored in the storage unit 40. However, the control unit 101, the operation receiving unit 102, and the display control unit 103 can be configured by hardware circuits, respectively, regardless of the operation according to the display control program by the control unit 100. The same applies to each embodiment unless otherwise specified.

  The control unit 101 governs overall operation control of the display device 1. The control unit 101 is connected to the display unit 10, the operation unit 20, the communication unit 30, the storage unit 40, and the like, and controls the operation of each of the connected components and signals or data between the components. Send and receive.

  The operation reception unit 102 specifies a user operation input by the user based on a detection signal output from the operation unit 20 (touch panel or the like). The operation receiving unit 102 receives an instruction indicated by the specified user operation, and outputs a control signal corresponding to the instruction to the control unit 101 or the like.

  The display control unit 103 performs display control of the display unit 10. For example, when the operation receiving unit 102 receives an instruction from the user to scroll the display content of the display unit 10 based on a flick or swipe operation or the like via the touch panel function, the display control unit 103 responds to the request. The display on the display unit 10 is scrolled.

  In addition, when the operation receiving unit 102 receives a request for access to a site on the Internet from the user by the browser function, the display control unit 103 receives image data constituting the web page from the site via the communication unit 30. The browser screen is displayed on the display unit 10.

  FIG. 2 is a diagram illustrating an example of a browser screen displayed on the display unit 10. The browser screen D1 includes a display area E1 that displays a web page and a frame F1 that surrounds the display area E1.

  Further, as shown in FIG. 3A, when the web page W1 is composed of a large image that does not fit in the display area E1, the display control unit 103 displays the web in the display area E1, as shown in FIG. A part of the page W1 is displayed. In this case, the display control unit 103 causes the display area E1 to display the image of each part in the entire web page W1 by scrolling the image (a part of the web page W1) displayed in the display area E1.

In the present embodiment, an image that the display control unit 103 displays on the display unit 10 as a scroll display target is referred to as a scroll image. That is, the scroll image is an image that cannot be displayed in the display area of the display unit 10 when the entire display is performed once, and is not displayed in the display area unless scroll display is performed.
Web page W1 is an example of a scroll image.

  Next, the operation of the display device 1 having the above configuration will be described. FIG. 4 is a flowchart illustrating processing during display control by the display device according to the first embodiment. FIG. 5A is a diagram showing an example of the browser screen D1 displayed on the display unit 10, and FIG. 5B is a diagram showing the positional relationship between the web page W1 and the display area E1. . FIG. 6 is a diagram showing a positional relationship between the web page W1 and the display area E1. 7A and 7B are diagrams showing an example of the browser screen D1 displayed on the display unit 10. FIG. 7A shows a state at the start of scroll display, and FIG. 7B shows a state at the end of scroll display.

  For example, when the operation reception unit 102 receives a request for access to a site on the Internet from the user, the display control unit 103 acquires image data constituting the web page from the site via the communication unit 30 (S1). ). Further, the display control unit 103 determines whether or not the web page configured from the acquired image data can be accommodated in the display area E1 (FIG. 2) (S2). That is, the display control unit 103 determines whether the web page image is a scroll image.

  If the display control unit 103 determines that the web page fits in the display area E1 (not a scroll image) (YES in S2), the entire web page is displayed in the display area E1 based on the acquired image data. The arranged browser screen is displayed on the display unit 10 (S3).

  On the other hand, when the display control unit 103 determines that the web page does not fit in the display area E1 (is a scroll image) (NO in S2), as shown in FIG. 5B, the web page (scroll image). A browser screen D1 in which the image W11 indicating the central portion of the image is arranged in the display area E1 is displayed on the display unit 10 (S4, FIG. 5A).

  Subsequently, the display control unit 103 determines a predetermined initial display that becomes a corner portion in the image indicating the web page W1 from a predetermined position of the image W11 displayed in the display area E1 in FIG. The direction to the position is calculated, and the calculated direction A1 is set as the scroll direction (S5). For example, as shown in FIG. 6, the display control unit 103 changes the upper left corner Cw of the web page W1 from the upper left corner Ce in the image W11 displayed in the display area E1 as the predetermined position to the initial display position. The direction A1 to this is calculated, and the direction A1 is set as the scroll direction.

  Subsequently, the display control unit 103 starts scrolling display of the web page W1 that appears to be scrolled in the direction A1 (in the example illustrated in FIG. 6, the direction toward the upper left) (S6). When the display control unit 103 performs scroll display until the upper left corner Cw of the web page W1 reaches the upper left corner Ce of the display area E1 (YES in S7), the scroll display ends (S8). In this example, the display control unit 103 performs scroll display from the state where the image W11 is displayed in the display area E1 (FIG. 7A) to the state where the image W12 including the upper left corner Cw is displayed, The scroll display is stopped in a state where the image W12 is displayed in the display area E1.

  According to the first embodiment, when the entire web page W1 cannot be displayed in the display area E1, the image of the central portion of the web page W1 is first shown, and from here, the initial display position of the web page W1 is included. Since the scroll display is performed up to the image portion, the image indicating the web page W1 does not fit in the display region E1, and there is an image portion of the web page W1 that is not displayed in the display region E1, more accurately than before. You can let the user know.

  At the start of scrolling display, the web page W1 has an image at the center thereof displayed in the display area E1, and from this display state, an image including an initial display position that is a corner of the web page W1 is displayed. Since the scroll display is performed, the user can grasp the size and information amount of the entire web page W1 based on the scroll amount at the time of the scroll display.

  Next, the display device 1 according to the second embodiment will be described. In the first embodiment, the display control unit 103 is determined in advance from a predetermined position of the image W11 displayed in the display area E1 in FIG. 5B to be a corner portion of the image indicating the web page W1. Although the scroll display is performed in the direction toward the initial display position, the scroll display is divided into scrolls in two predetermined directions. In the second embodiment, the scroll direction set in the first embodiment is, for example, scrolling in the Y direction (for example, scrolling down in the vertical direction) and scrolling in the X direction (for example, right in the horizontal direction). The first embodiment is different from the first embodiment in that the web page W1 is scrolled.

  Processing during display control by the display device 1 according to the second embodiment will be described. FIG. 8 is a flowchart illustrating processing during display control by the display device according to the second embodiment. However, the description of the same processing as in the first embodiment is omitted. 9A to 9C and FIGS. 10A to 10C are explanatory diagrams for explaining scroll display. FIG. 9 shows the positional relationship between the web page W1 and the display area E1, and FIG. 10 shows an example of the browser screen D1 displayed on the display unit 10.

  As shown in FIG. 9A, the display control unit 103 displays a browser screen D1 (FIG. 10A) in which the web page W1 has an image W11 that is the central portion of the web page W1 in the display area E1. 10 is displayed (S4). Subsequently, the display control unit 103 divides the scroll direction calculated in the same manner as in the first embodiment into two directions, and first scrolls in the Y direction (in this example, the image moves upward). Scroll-down that looks like this is performed (S11).

  Then, for example, as shown in FIG. 9B, the display control unit 103 displays the image W13 including the upper end in the display area E1 when the uppermost part of the web page W1 reaches the upper end of the display area E1. (FIG. 10 (B)), scroll down is performed (YES in S12). Thereafter, the display control unit 103 switches the scroll direction to, for example, the right direction, and performs right scroll for displaying the image W12 including the upper left corner Cw (initial display position) of the web page W1 (S13).

  The display control unit 103 performs right scrolling until the left end of the web page W1 reaches the left end of the display area E1 (YES in S14), and the display area E1 includes the upper left corner Cw (initial display position) of the web page W1. With W12 displayed (FIG. 10C), the scroll display is stopped (S8).

  According to the second embodiment, unlike the first embodiment, scroll display is performed in two predetermined directions, for example, a vertical direction and a horizontal direction, so that the user can scroll in the two directions. By visually recognizing the display, it becomes easier to grasp the entire image of the web page W1.

  Next, the display device 1 according to the third embodiment will be described. The third embodiment is different from the second embodiment in that the respective scroll amounts divided in the two directions are compared, and based on the comparison result, it is set which direction to start scrolling first. To do.

  The operation of the display device according to the third embodiment will be described based on the flowchart shown in FIG. However, the description of the same processing parts as those in the first or second embodiment will be omitted. FIG. 12 is a diagram showing the positional relationship between the web page and the display area, and shows how the scroll direction is divided into two directions.

  As shown in FIG. 9A, the display control unit 103 displays a browser screen D1 (FIG. 10A) in which the web page W1 has an image W11 that is the central portion of the web page W1 in the display area E1. 10 is displayed (S4). Subsequently, the display control unit 103 calculates the scroll direction A1 calculated in the same manner as in the first embodiment in two directions, the A11 direction (y component) and the A12 direction (x component), as shown in FIG. Divide and calculate distances d1 and d2 as scroll amounts in the respective directions (S21). In the third embodiment, the scroll amount in the scroll down (A11 direction) is the distance d1, and the scroll amount in the right scroll (A12 direction) is the distance d2.

  Then, the display control unit 103 determines whether or not the distance d1 is greater than the distance d2 (S22), and starts scroll display with the larger scroll amount first. That is, when the display control unit 103 determines that the distance d1 is greater than the distance d2 (YES in S22), the display control unit 103 scrolls down first (S23, S24), and then performs right scrolling (S25, S26). Then, the scroll display is stopped in a state where the image W12 including the upper left corner Cw (initial display position) of the web page W1 is displayed in the display area E1 (S8).

  On the other hand, if the display control unit 103 determines that the distance d1 is not greater than the distance d2 (NO in S22), the display controller 103 first scrolls right (S27, S28), and then scrolls down (S29, S30). ) The scroll display is stopped in a state where the image W12 is displayed in the display area E1 (S8).

  According to the third embodiment, when the entire web page W1 cannot be displayed at once in the display area E1, scroll display is started first from the direction in which there are many image portions not displayed in the display area E1. If the user is aware of the rule, is the user hiding a lot of information about the web page W1 in the above two directions, for example, the vertical direction or the horizontal direction? Can be grasped. In the third embodiment, the scroll display with the larger scroll amount is started first, but this is an example, and the scroll display with the smaller scroll amount may be started first. Good.

  As another embodiment, the display control unit 103 increases the scroll speed as the scroll amount in each of the two directions increases (the distances d1 and d2 become longer), and displays the scroll display in each of the two directions. You may make it perform. For example, the standard scroll display time T is set, and the scroll speeds V1 and V2 are calculated based on the formulas of the scroll speed V1 = d1 / T and the scroll speed V2 = d2 / T. Thereby, the time required for the scroll display in each of the two directions can be made constant regardless of the distances d1 and d2.

  The present invention is not limited to the configuration of the above embodiment, and various modifications can be made. Moreover, in the said embodiment, although demonstrated using PC as one Embodiment of the display apparatus which concerns on this invention, this is only an example, for example, another electronic device, for example, a tablet terminal, a smart phone, an image forming apparatus. Etc.

  Moreover, in the said embodiment, the structure and process which were shown by the said embodiment using FIG. 1 thru | or FIG. 11 are only one Embodiment of this invention, and are not the meaning which limits this invention to the said structure and process.

DESCRIPTION OF SYMBOLS 1 Display apparatus 10 Display part 20 Operation part 30 Communication part 40 Storage part 100 Control unit 101 Control part 102 Operation reception part 103 Display control part

Claims (4)

A display unit including a rectangular display area in which an image is displayed ;
An operation receiving unit that receives an operation from the Yu Za,
A display control unit that controls the operation of the display unit, and when the operation receiving unit receives an instruction to scroll display content of the display unit from a user, the display control unit causes the display content of the display unit to scroll display according to the instruction; With
The display control unit is a scroll image in which an image to be displayed is larger than a vertical and horizontal length of the display region displayed in the display region of the display unit by the scroll display, and the scroll image fits in the display region. If it is determined that there is no image, the image that becomes the central portion of the scroll image is displayed in the display area of the display unit, and then the image that becomes the central portion of the scroll image displayed in the display area is determined in advance. Calculate the direction from the upper left corner, which is the determined position, to the upper left corner, which is a predetermined initial display position, which is the corner portion in the scroll image, and divide the calculated direction into two orthogonal components The X direction which is the direction and the Y direction which is the vertical direction are set to two-way scrolling, and the uppermost part of the scroll image is the upper end of the display area. The scroll display in the Y direction is performed until it reaches, and then the scroll display in the X direction is performed until the left end of the scroll image reaches the left end of the display area, or the scroll display in the X direction is performed. By performing scroll display in the Y direction after performing the above , an image portion including a predetermined initial display position that becomes a corner portion of the scroll image is displayed in the display area, and an image that becomes the initial display position A display device that stops scroll display in a state where a portion is displayed in the display area. The display control unit calculates a distance d1 that is the scroll amount in the X direction and a distance d2 that is the scroll amount in the Y direction as the scroll amounts in the two directions, and the distance d1 and the distance d2 The scroll display of the longer distance between the scroll display in the X direction and the scroll display in the Y direction is started first, and after the scroll display of the longer distance ends, the distance The display device according to claim 1 , wherein a shorter scroll display is performed . The display control unit calculates a distance d1 that is the scroll amount in the X direction and a distance d2 that is the scroll amount in the Y direction as scroll amounts in the two directions, and the scroll speed V1 in the X direction and The Y-direction scroll speed V2 is calculated based on the following formulas (1) and (2) , the scroll speed is increased as the scroll amount increases , and the calculated scroll speeds V1 and V2 are used. The display device according to claim 1, wherein scroll display is performed in each of two directions .
V1 = d1 / T Equation (1)
V2 = d2 / T (2)
Here, T is a preset standard scroll display time. An operation receiving unit that receives an operation from the Yu Za,
It controls the operation of the table radical 113, when the operation receiving unit receives an instruction to scroll the display contents of the display unit from a user, a display control unit that scrolls the display contents of the display unit in response to the instruction A display control program that makes a computer function,
The display control unit is a scroll image whose display target image is displayed in the rectangular display area of the display unit by the scroll display and is larger than the vertical and horizontal lengths of the display area, and the scroll image is the display area. If it is determined that the image does not fit in the image, the image that becomes the central part of the scroll image displayed in the display area is displayed after the image that becomes the central part of the scroll image is displayed in the display area of the display unit Calculates the direction from the upper left corner, which is a predetermined position, to the upper left corner, which is a predetermined initial display position, which is a corner portion in the scroll image, and converts the calculated direction into two orthogonal components. The divided X direction, which is the left and right direction, and Y direction, which is the up and down direction, are set to scroll in two directions, and the uppermost part of the scroll image is the display area. Scroll display in the Y direction until reaching the upper end of the screen, and then scroll display in the X direction until the left end of the scroll image reaches the left end of the display area, or in the X direction. By performing the scroll display in the Y direction after performing the scroll display, an image portion including a predetermined initial display position that becomes a corner portion of the scroll image is displayed in the display area, and the initial display position A display control program for further causing the computer to function so as to stop scrolling in a state where the image portion to be displayed is displayed in the display area.

Images