JP2014149590A - Image display control device, image display control method and image display control program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To enhance operability of users when display contents are scrolled by an operation such as dragging or flicking.SOLUTION: A display area 30 displays a menu list image 31 comprising a plurality of list item images 41, 42, 43, etc. A user can scroll the menu list image 31 in the vertical direction by a drag operation or flick operation. A scroll possible area which can accept a drag operation and flick operation by a user in the display area 30 is divided in a plurality of small areas 36, 37, and 38. Each of the small areas 36, 37, and 38 has a different amount of scrolling of the menu list image 31 set with respect to the same drag operation (or flick operation).

Description

  The present invention relates to an image display control apparatus that displays a plurality of object images arranged in a predetermined direction, and an image display control method and program used in the image display control apparatus.

  Display unit provided with a touch panel as a user interface (hereinafter referred to as “UI”) for allowing a user to visually recognize or select a plurality of functions, setting items, and the like in various information processing apparatuses such as a multifunction peripheral and a portable information terminal It is widely used.

  In such a UI, there is a case where an image list including a plurality of object images indicating various setting items is displayed on the display unit. When the number of object images constituting the image list is large, a part (predetermined number) of object images are displayed on the display unit. In this case, when the user wants to display an object image that is not displayed on the display unit, the user can display the object image by scrolling the display content of the display unit by, for example, dragging or flicking (for example, Patent Documents). 1).

JP 2012-73771 A

  The amount of scrolling when the image list is scrolled by operations such as dragging and flicking depends on the moving distance of the indicator such as the user's finger in the case of dragging. Generally, it depends on the speed when moving away from.

  Therefore, for example, when the number of object images constituting the image list is large and the desired object image that the user wants to display is far away from the currently displayed object image, the desired object image is searched for and displayed. Needs to be dragged and flicked many times, which is troublesome for the user.

  It is also possible to set the scroll amount so as to scroll more for a certain drag operation or the like. However, in this case, if the desired object image is close to the currently displayed object image, the drag operation advances to a position beyond the display position of the desired object image, which impairs user operability. .

  The present invention has been made in view of the above problems, and an object of the present invention is to improve user operability when scrolling display contents by an operation such as dragging or flicking.

  In order to solve the above problems, an image display control device of the present invention includes a storage unit capable of storing an image list composed of a plurality of object images arranged in a predetermined arrangement direction, and a display area capable of displaying the image list A display unit, a touch panel that can accept a contact operation of an indicator to the display area, and a control unit that controls display of an image list in the display area.

  The control unit accepts a display process for displaying a part of the image list in the display area, and a scroll instruction operation for scrolling the image list displayed in the display area in the display area in the arrangement direction. A scrollable area setting process that divides and sets a possible scrollable area into a plurality of small areas, a scroll instruction operation detection process that detects a scroll instruction operation for the scrollable area, and a plurality of small areas, One of at least two types of parameters for determining the scroll amount of the image list and having different scroll amounts for the same scroll instruction operation is set so that each parameter is set in at least one small area. Scroll instruction in parameter setting process and scroll instruction operation detection process If the work is detected, the display contents of the image list, scroll instruction operation is performed and a scroll process for scrolling scrolls amount corresponding to the parameters set in the small area detected.

  According to the image display control apparatus of the present invention configured as described above, the scroll amount can be changed to at least two types depending on the area where the scroll instruction operation is performed even if the scroll instruction operation is the same. Therefore, the user can display a desired object image with an appropriate number of operations by selecting an area for performing a scroll instruction operation according to the situation, and can improve the operability of the user.

  In the scroll process, the control unit may set the scroll amount based on the operation amount of the scroll instruction operation and the parameters set in the small area where the scroll instruction operation is detected. As described above, by realizing the scroll amount reflecting the user's operation amount, the scroll amount can be variably set according to the operation region even with the same operation amount, thereby improving the user's operability. it can.

  When at least a drag operation is included as the scroll instruction operation, the control unit may execute the scroll process as follows. That is, when a drag operation is detected in the scroll instruction operation detection process, the control unit determines the movement distance of the indicator in the drag operation based on the parameters set in the small area in which the drag operation is detected in the scroll process. The scroll amount is set so that the larger the value, the larger the scroll amount.

  That is, when the drag operation is performed, the scroll amount reflecting the moving distance of the indicator is realized, and the scroll amount is variably set according to the operation region even at the same moving distance. Therefore, the user operability during the drag operation can be further improved.

  When at least a flick operation is included as the scroll instruction operation, the control unit may execute the scroll process as follows. That is, when a flick operation is detected in the scroll instruction operation detection process, the control unit moves the indicator at the time of the flick operation based on the parameters set in the small area in which the flick operation is detected in the scroll process. The scroll amount is set so that the scroll amount increases as the value of increases.

  That is, when a flick operation is performed, the scroll amount reflecting the moving speed of the indicator is realized, and the scroll amount is variably set according to the operation region even at the same moving speed. Therefore, the user operability during the flick operation can be further improved.

  For the flick operation, the control unit may further process as follows. That is, in the parameter setting process, the control unit sets each parameter so that the scroll speed when scrolling the image list for the same flick operation is different. When a flick operation is detected in the scroll instruction operation detection process, the control unit has a high moving speed of the indicator during the flick operation based on a parameter set in the small area in which the flick operation is detected in the scroll process. The image list is scrolled so as to increase the scroll speed.

  That is, when a flick operation is performed, the scroll amount and the scroll speed reflecting the moving speed of the indicator are realized, and the scroll amount and the scroll speed are variably set according to the operation region even at the same moving speed. Therefore, the user operability during the flick operation can be further improved.

  When the control unit displays an image list by display processing, if the number of object images constituting the image list is less than a predetermined object image number threshold, a parameter common to the entire scrollable region is set as parameter setting processing. You may make it set.

  When the number of object images constituting the image list is small, there is little need to be able to variably set the scroll amount (or scroll speed) according to the area. For this reason, when the number of object images is small (when the number is smaller than the object image number threshold), a common parameter is uniformly set regardless of the region, thereby reducing the processing load on the control unit while maintaining good user operability. Can be reduced.

  When a scroll instruction operation is detected in the scroll instruction operation detection process, the control unit executes a parameter information display process for displaying information indicating a parameter set in the small area in which the scroll instruction operation is detected. May be. By doing in this way, the user can visually recognize the information indicating the parameters when performing the scroll instruction operation, and thereby recognize how the scroll is performed in response to the user's own operation. Therefore, user operability and usability can be further improved.

  Each process executed by the control unit in the image display control apparatus according to the present invention can be realized by causing a computer to execute a program for executing each process.

1 is a configuration diagram illustrating a schematic configuration of a multifunction peripheral according to an embodiment. It is explanatory drawing showing the example of a screen of a liquid crystal display. It is a flowchart of a scroll setting process. It is a flowchart of a touch state detection process. It is a flowchart of a main process. It is a flowchart of the touch start process of S335 of FIG. It is a flowchart of the drag process of S345 of FIG. It is a flowchart of the scroll amount setting process of S540 of FIG. It is a flowchart of the release process of S365 of FIG. It is a flowchart of the scroll initial speed setting process of S725 of FIG.

  Preferred embodiments of the present invention will be described below with reference to the drawings. In addition, this invention is not limited to the specific means, structure, etc. which are shown by the following embodiment, In the range which does not deviate from the summary of this invention, various forms can be taken. An aspect in which a part of the configuration of the following embodiment is omitted as long as the problem can be solved is also an embodiment of the present invention.

  As shown in FIG. 1A, the multifunction device 1 of the present embodiment includes a CPU 11, a ROM 12, a RAM 13, an image reading unit 14, an image forming unit 15, an operation panel unit 16, a network communication unit 17, and a telephone communication unit 18. Etc.

  The CPU 11 as a control unit executes control of each unit in the multifunction machine 1 according to various programs stored in the ROM 12. The RAM 13 is used as a main memory or the like that is directly accessed from the CPU 11. The RAM 13 is a temporary storage area for various coordinates, distances, speeds, directions, various processing states, various setting information such as scroll area division patterns and scroll parameters, and various events that are issued when various processes described later are executed. Also used as

  The image reading unit 14 can read an image of a document with an image sensor and generate image data representing the image. The image forming unit 15 can record an image on a sheet-like recording medium (for example, recording paper). The network communication unit 17 is configured by a network interface card or the like. The telephone communication unit 18 is configured by a modem or the like, and is used when performing telephone or facsimile communication via a telephone line (not shown).

  The operation panel unit 16 includes a liquid crystal display 21, a touch panel 22, and an internal illumination display unit 23. These three units are arranged as shown in FIG. The liquid crystal display 21 displays various types of information such as functions and operating states of the multifunction device 1. One example is various menu list images 31 and 61 illustrated in FIG. These various menu list images 31 and 61 are stored in the ROM 12 or other memory (not shown).

  The touch panel 22 is a transparent film-like input device capable of detecting a contact (pressing) operation with an indicator such as a finger or a touch pen. The touch panel 22 is arranged so as to overlap (integrally) with the display surfaces of the liquid crystal display 21 and the internal display 23. The internally illuminated display unit 23 is a part on which an image showing a numeric keypad and other operation buttons is displayed.

  When the touch of the indicator is detected by the touch panel 22, a contact detection signal indicating the coordinates of the contact position is output from the touch panel 22 to the CPU 11. The CPU 11 performs various processes to be described later based on the contact detection signal. For example, when the menu list image 31 is displayed as shown in FIG. 2A, the user performs a predetermined pressing operation on the liquid crystal display 21 (directly on the touch panel 22). The list item image displayed in the pressed part can be selected. In addition, the menu list image 31 can be scrolled by performing a drag operation or a flick operation in the list arrangement direction.

The display contents when the above-described menu list image 31 and the like are displayed on the liquid crystal display 21 and the contents received by the user operation will be specifically described with reference to the screen example of FIG.
In the multifunction device 1, for example, in various scenes such as selecting a function or setting various setting items, the initial screen of the menu list image 31 shown in FIG. 2A or the menu shown in FIG. An initial screen of the list image 61 is displayed in the display area 30 of the liquid crystal display 21. In the display area 30, xy coordinates are set.

  In the menu list image 31 shown in FIG. 2A, a plurality of list item images 41, 42, 43, 44, 45... Are also referred to as a predetermined arrangement direction (hereinafter also referred to as “scroll direction”. FIG. 2A). In the example, it is arranged in the vertical direction of the drawing.). The menu list image 31 is configured by arranging six or more list item images as a whole. However, the number of list item images that can be displayed in the display area 30 at a time is predetermined for each menu list image, and is five in the case of the menu list image 31 in FIG. Therefore, when the menu list image 31 is displayed in the display area 30, five of the plurality of list item images are displayed.

  In the menu list image 61 shown in FIG. 2C, a plurality of list item images 71, 72, 73, 74... Are arranged in a predetermined arrangement direction (scroll direction. In the example of FIG. 2C, the horizontal direction in the drawing). Are arranged. The menu list image 61 is configured by arranging five or more list item images as a whole, but the display area 30 has a predetermined number (a maximum of four in this example) of the plurality of list item images. (However, a maximum of three items are displayed completely.) List item images are displayed.

  In the following description, the total number of a plurality of list item images constituting one menu list image is also referred to as “total number of lists”, and the number of list item images that can be displayed at once in the display area 30 is “number of list display items”. Is also referred to.

  Each list item image 41 and the like shown in FIG. 2A includes a character string (text image) indicating the setting contents and functions corresponding to the list item image. A corresponding process is assigned to each list item image 41 and the like. When the user presses (tap) any list item image, the process assigned to the list item image is executed.

  When the user drags or flicks the indicator in the arrangement direction in the display area 30 while the initial screen as shown in FIG. 2A is displayed, the direction of the drag operation or flick operation is changed. The menu list image 31 scrolls. FIG. 2B shows a state in which the menu list image 31 is scrolled upward and the display contents are shifted up one by one when the user performs a slight drag operation upward in the state of FIG. Is shown.

  Note that various contact operations such as a pressing operation, a drag operation, and a flick operation by an indicator are realized through contact with the touch panel 22 in detail. Therefore, in the following description, “press (operation)”, “drag (operation)”, and “flick (operation)” actually mean an operation on the touch panel 22.

  2A to 2C, in the state where the menu list image 31 (61) is displayed, an operation for scrolling the menu list image 31 (61) such as a drag operation or a flick operation can be accepted. A scrollable area is determined in advance. The user scrolls the display content of the menu list image 31 (61) in a predetermined scroll direction by performing a drag operation or a flick operation within a scrollable area determined for each menu list image 31 (61). Can do.

  In the present embodiment, the scrollable area is divided into a plurality of small areas (hereinafter also referred to as “divided areas”). FIG. 2A shows an example in which the scrollable area is divided into three divided areas 36, 37 and 38. The entire area including these three divided areas 36, 37, and 38 is a scrollable area.

  In the example of FIG. 2A, the scrollable area is divided into three divided areas, a low speed scroll area 36, a standard speed scroll area 37, and a high speed scroll area 38. In the present embodiment, the scroll operation amount of the menu list image 31 for the same drag operation or flick operation is different for each divided region. In this embodiment, the scroll operation amount is a general term for the scroll amount and the scroll speed at the time of flick operation.

  Regarding the scroll amount, for the same drag operation or flick operation, the scroll amount at the time of operation in the low speed scroll region 36 is the smallest, the scroll amount at the time of operation in the high speed scroll region 38 is the largest, and within the standard speed scroll region 37 The amount of scrolling during operation is intermediate between the two. Regarding the scroll speed during the flick operation, the scroll speed during the operation within the low-speed scroll area 36 is the lowest, the scroll speed during the operation within the high-speed scroll area 38 is the highest, and the standard speed scroll area 37 is the same. The scrolling speed during the inner operation is intermediate between the former two.

  A plurality of scrollable area division patterns are prepared, and the user can select a desired division pattern. As a division pattern different from FIG. 2A, for example, there is a division pattern shown in FIG. In FIG. 2B, two high-speed scroll areas 51 and 55, one low-speed scroll area 53, and two standard-speed scroll areas 52 and 54 are set as scrollable areas. FIG. 2C shows an example in which the scrollable area is divided into a standard speed scroll area 81 and a high speed scroll area 82.

  In the example of FIG. 2A, when a drag operation is performed in the standard speed scroll area 37, in this embodiment, the movement distance in the scroll direction of the indicator at the time of the drag operation (in a state where the touch panel 22 is in contact). The menu list image 31 is scrolled with the movement distance as it is as the scroll amount. When a drag operation is performed in the low-speed scroll area 36, the scroll amount is half (1/2) of the moving distance in the scroll direction of the indicator at the time of the drag operation. When a drag operation is performed in the high-speed scroll area 38, the scroll amount is scrolled twice as much as the moving distance of the indicator in the scroll direction at the time of the drag operation.

  How to set the scroll amount with respect to the movement distance of the pointer in the scroll direction is set in advance as a scroll parameter for each of the divided regions 36 to 38. In the example of FIG. 2B, scroll parameters are set in advance for each of the five divided areas 51 to 55, and in the example of FIG. 2C, the scroll parameter is set in advance for each of the two divided areas 81 and 82. Is set.

  In the example of FIG. 2A, when a flick operation is performed in the standard speed scroll area 37, in this embodiment, the flick speed in the scroll direction of the indicator at the time of the flick operation (the indicator is released from the touch panel 22). The menu list image 31 is scrolled by setting the initial scroll speed after the release as it is. After the start of scrolling at the set initial scroll speed, scrolling is performed while decelerating at a predetermined specified deceleration. That is, the scroll amount is also determined according to the initial scroll speed. Therefore, the scroll amount increases as the scroll initial speed increases.

  When a flick operation is performed in the low-speed scroll area 36, the scroll is scrolled at a scroll initial speed that is half (1/2) of the flick speed in the scroll direction of the indicator at the time of the flick operation. When a flick operation is performed in the high-speed scroll area 38, the scroll is scrolled at a scroll initial speed that is twice the flick speed in the scroll direction of the indicator at the time of the drag operation.

  The setting of the scroll initial speed with respect to the flick speed in the scroll direction of the indicator is also set in advance as a scroll parameter for each of the divided regions 36 to 38. The same applies to the examples of FIGS. 2B and 2C. Note that the above-described scroll parameters (such as “half” in the low-speed scroll area 36 and “double” in the high-speed scroll area 38) can be appropriately determined individually for the drag operation and the flick operation. The user may be able to variably set the scroll parameter.

  The user can visually recognize the division pattern (each division region) as necessary. That is, the user can set whether or not to perform identification display of divided areas having different scroll operation amounts. When the setting for performing the identification display is performed, the background color in the scrollable area is displayed in a different color for each divided area, whereby each divided area can be visually identified. FIG. 2B shows an example in which identification display by color coding is performed. Note that the identification display method based on the color scheme of the background color is merely an example.

  If necessary, the user can visually recognize the scroll operation amount (the scroll amount being applied) of the scroll that is being executed when the menu list image is scrolling. That is, the user can set whether or not to pop up a mark indicating the applied scroll operation amount when the menu list image is scrolled by a drag operation or a flick operation. If the mark of the applied scroll movement amount is set to pop up, for example, when the flick operation is performed in the high speed scroll area 38 in the example of FIG. 2A, the high speed mark 33 pops up near the release position of the indicator. Is done. When the drag operation is performed, the high speed mark 33 is popped up near the contact position of the indicator during the drag operation.

  Similarly, when a flick operation or a drag operation is performed in the low speed scroll area 36, a low speed mark (not shown in FIG. 2A) is popped up. FIG. 2B shows an example in which the low speed mark 34 is popped up as a result of the drag operation being performed in the low speed scroll area 53. When a drag operation or a flick operation is performed within the standard speed scroll area, a mark indicating the scroll operation amount is not popped up. However, the mark may be popped up for a drag operation or a flick operation in the standard speed scroll area.

  Next, various control processes executed by the CPU 11 when the menu list image 31 (61) is displayed will be described with reference to FIGS. When the user performs various operations and the like after the start of the operation of the multifunction device 1, when a predetermined operation for displaying the initial screen illustrated in FIGS. 2A and 2C is performed, the CPU 11 3, the scroll setting process, the touch state detection process of FIG. 4, and the main process of FIG. 5 are executed in parallel.

  First, the scroll setting process of FIG. 3 will be described. When the CPU 11 starts the scroll setting process of FIG. 3, the CPU 11 displays a division pattern of the scrollable area in S110. Plural types of division patterns are prepared for each menu list image (or for each scroll direction). In S110, a plurality of division patterns corresponding to the menu list image to be displayed (or corresponding to the scroll direction) are displayed.

  In S115, it is determined whether any one of the displayed divided patterns is selected by the user. Until the selection is made, the determination in S115 is repeated, and if any one of the division patterns is selected by the user, the process proceeds to S120. In S120, the scrollable area is divided and set according to the selected division pattern, and the scroll parameter is set for each divided area. For example, when a division pattern as shown in FIG. 2A is selected, three division regions 36 to 38 as shown in FIG. 2A are set, and a scroll parameter is set for each.

  In S125, an on / off setting button for allowing the user to set whether or not to pop up the applied scroll operation amount is displayed. In S130, it is determined whether or not the user has selected either on or off for the displayed on / off setting button. The determination of S130 is repeated until any is selected, and when any is selected, the process proceeds to S135. In S135, the selected on / off setting content is stored.

  In S140, an on / off setting button is displayed for allowing the user to set whether or not to identify and display the divided areas having different scroll operation amounts. In S145, it is determined whether the user has selected either on or off for the displayed on / off setting button. The determination in S145 is repeated until any is selected, and if any is selected, the process proceeds to S150. In S150, the selected on / off setting content is stored.

  Next, the touch state detection process of FIG. 4 will be described. The CPU 11 repeatedly executes this touch state detection process at predetermined time intervals. When starting the touch state detection process, the CPU 11 confirms the presence or absence of a contact detection signal from the touch panel 22 in S210. At this time, if a touch detection signal is input from the touch panel 22, the coordinates of the touch position indicated by the touch detection signal are acquired as designated coordinates (x1, y1).

  In S215, based on the processing result of S210, it is determined whether or not the touch (contact) start of the indicator is detected. Specifically, when the touch detection signal is not input in S210 when the previous touch state detection process is executed (that is, the indicator is not touching), and the contact detection signal is input in the current process of S210. Determines that the touch of the indicator has started, and proceeds to S220.

  In S220, the designated coordinates (x1, y1) detected in S210 are stored in the RAM 13 as the previous designated coordinates (x0, y0). In S225, the designated coordinates (x1, y1) are stored in the RAM 13 as event coordinates (xe, ye). In S230, an event is issued by storing the event type as “touch” in the RAM 13.

  In the determination of S215, when the touch detection signal is input in S210 even when the previous touch state detection process is executed (that is, the indicator is already in contact), and the contact detection signal is also input in the current process of S210, Although the indicator is in contact with the touch panel 22, it means that the touch state has not been started this time but the contact state has been continued from the previous time, and thus the process proceeds to S <b> 235. Further, when the contact detection signal is not input in the process of S210, that is, when the indicator is not in contact with the touch panel 22, the process proceeds from S215 to S235.

  In S235, it is determined whether or not the designated coordinates (x1, y1) detected in S210 are different from the previous designated coordinates (x0, y0). When the designated coordinates (x1, y1) different from the previous designated coordinates (x0, y0) are detected, the designated coordinates (x1, y1) are stored in the RAM 13 as event coordinates (xe, ye) in S240.

  In S245, from the designated coordinates (x1, y1) and the previous designated coordinates (x0, y0), the distance between the two coordinates in the x-axis direction and the y-axis direction is calculated as the movement distance (Lx, Ly). In S250, the designated coordinates (x1, y1) are stored in the RAM 13 as the previous designated coordinates (x0, y0). In S255, the current time is stored in the RAM 13 as the previous time T0. Note that the current time can be obtained by a clocking means such as a real-time clock (not shown) built in the CPU 11, for example. In S260, an event is issued by storing the event type as “drag” in the RAM 13.

  If the designated coordinates (x1, y1) are different from the previous designated coordinates (x0, y0) in S235, the process proceeds to S265. In addition, also when a contact detection signal is not input by S210, it progresses to S265 from S235. In S <b> 265, it is determined whether or not the indicator has left the touch panel 22. If the contact detection signal is input in S210, it means that the indicator is still in contact with the touch panel 22, so the movement distance (Lx, Ly) is cleared to (0, 0) in S285. This touch state detection process is terminated. On the other hand, if the touch detection signal is input in S210 at the time of the previous touch state detection process execution (that is, the indicator is in contact), but the touch detection signal is not input in the current process of S210, the touch panel It is determined that the indicator is away from 22, and the process proceeds to S270.

  In S270, the previous designated coordinates (x0, y0) are stored in the RAM 13 as event coordinates (xe, ye). In S275, the release speed (Vx), which is the speed of the indicator when the indicator is released (released) from the current time, the previous time T0, and the movement distance (Lx, Ly). , Vy) is calculated and stored in the RAM 13. In S280, an event is issued by storing the event type as “release” in the RAM 13.

  Next, the main process of FIG. 5 will be described. When starting the main process, the CPU 11 performs a screen display process in S310. Specifically, the menu list image 31 (61) illustrated in FIG. 2 is displayed on the display area 30 of the liquid crystal display 21 as an initial screen. Note that the setting of the scrollable area and the divided area for the display area 30 on which the menu list image 31 (61) is displayed is performed separately in the scroll setting process described with reference to FIG.

  In S315, an event is waited for. That is, it waits for a predetermined time (for example, 5 msec), waits for an event to be issued during that time, and acquires it when an event is issued. In S320, it is determined whether or not an event has been acquired. If not, the process returns to S315. If acquired, the process proceeds to S325. In S325, the event coordinates (xe, ye) stored in the RAM 13 are stored in the RAM 13 as designated coordinates (XN, YN).

  In S330, it is determined whether or not the event type is “touch”. If “touch”, the process proceeds to the touch start process in S335. If the event type is not “touch”, it is determined in S340 whether or not the event type is “drag”. If it is “drag”, the process proceeds to a drag process in S345. If the event type is not “drag”, it is determined in S350 whether or not the event type is “release”. If it is not “release”, the process returns to S315, but if it is “release”, the process proceeds to S355.

  In S355, it is determined whether the x-axis component Vx of the release speed is greater than or equal to a predetermined speed threshold Vo or whether the y-axis component Vy is greater than or equal to the speed threshold Vo. If either Vx or Vy is equal to or greater than the speed threshold Vo, it is determined that a flick operation has been performed, and the release speed (Vx, Vy) is stored in the RAM 13 as a flick speed (VX, VY) in S360. , The process proceeds to the release process of S365. If both Vx and Vy are smaller than the speed threshold Vo, it is determined that the indicator has been released rather than the flick operation, and the process proceeds to the release process of S365.

  The touch start process in S335 will be described with reference to FIG. When the CPU 11 starts the touch start process of FIG. 6, in S410, the CPU 11 holds “initial state” as a processing state (for example, set / stores in the RAM 13). In S415, it is determined whether or not the setting for performing the identification display of the divided areas having different scroll movement amounts (that is, whether or not ON is selected in S145 of FIG. 3). If it is not set to perform identification display, the process proceeds to S425. If it is set to perform identification display, in S420, identification display of divided areas (for example, color-coded display shown in FIG. 2B) is executed, and the process proceeds to S425.

  In S425, it is determined whether or not the touch start position coordinates (XN, YN) (that is, the designated coordinates when the touch start is detected) are within the pressed area. The pressed area is an area for accepting a user's pressing operation. For example, in the screen example of FIG. 2A, the list item images 41 to 45 are displayed.

  If the touch start position coordinates (XN, YN) are within the pressed area, the list item image to be pressed is stored in the RAM 13 in S430, and the “pressed or scroll wait state” is held as the processing state in S435. Proceed to S450. If the touch start position coordinates (XN, YN) are not within the pressed area, it is determined in S440 whether the touch start position coordinates (XN, YN) are within the scrollable area. If it is not within the scrollable area, the process proceeds to S450 as it is. If it is within the scrollable area, the process waits "scroll waiting" as the processing state at S445, and the process proceeds to S450. In S450, the touch start position coordinates (XN, YN) are stored in the RAM 13 as the previous designated coordinates (X0, Y0).

  Next, the drag process of S345 in FIG. 5 will be described with reference to FIG. When the CPU 11 starts the drag processing of FIG. 7, in S510, from the previous designated coordinates (X0, Y0) and the destination designated coordinates (that is, the designated coordinates stored in S325 of FIG. 5) (XN, YN), the indicator The moving direction and moving distance (LX, LY) of the contact position are calculated. In S515, it is determined whether or not the processing state is “scroll waiting state” or “pressing or scrolling waiting state”, and if it is either of them, the process proceeds to S520, and if not, the process proceeds to S530.

  In S520, it is determined whether or not the designated coordinates (XN, YN) of the movement destination are within the scrollable area. If the designated coordinate (XN, YN) of the movement destination is within the scrollable area, the process state is maintained as “scroll state” in S525, and the process proceeds to S540. If not within the scrollable area, the process state is set as “ The process proceeds to S560 while maintaining the “initial state”.

  In S530, it is determined whether or not the processing state is the “scrolling state”. If the scrolling state is not set, the “initial state” is maintained as the processing state in S555 and the drag processing is terminated. move on. In S535, it is determined whether or not the designated coordinate (XN, YN) of the movement destination is within the scrollable area. If it is within the scrollable area, the process proceeds to S540, and if not within the scrollable area, the process proceeds to S550.

  In S540, scroll amount setting processing is performed. Details of the scroll amount setting processing in S540 are as shown in FIG. When the CPU 11 starts the scroll amount setting process of FIG. 8, the CPU 11 determines whether or not the designated coordinates (XN, YN) are within the low-speed scroll region in S610. If the designated coordinates (XN, YN) are within the low speed scroll area, the process proceeds to S615, and if not, the process proceeds to S630. In S630, it is determined whether or not the designated coordinates (XN, YN) are within the high speed scroll region. If the designated coordinates (XN, YN) are within the high speed scroll area, the process proceeds to S635, and if not, the process proceeds to S650.

  In S615, since it is a drag operation in the low speed scroll area, the scroll amount is set to half of the moving distance LY (or LX) in the scroll direction according to the scroll parameter set in the low speed scroll area. In S620, it is determined whether or not there is a display setting for the applied scroll movement amount. If there is a display setting, a low speed mark is popped up in the vicinity of the contact position of the indicator in S625.

  In S635, since it is a drag operation in the high speed scroll area, the scroll amount is set to twice the moving distance LY (or LX) in the scroll direction in accordance with the scroll parameter set in the high speed scroll area. In S640, it is determined whether or not there is a display setting of the applied scroll movement amount. If there is a display setting, a high-speed mark is popped up in the vicinity of the contact position of the indicator in S645.

  In S650, since it is a drag operation in the standard speed scroll area, the scroll amount is set to the same value as the movement distance LY (or LX) in the scroll direction in accordance with the scroll parameter set in the standard speed scroll area.

  Returning to FIG. 7, after the scroll amount setting process of S540 is completed, an image scroll is drawn in S545 according to the set scroll amount and moving direction. That is, the menu list image is scrolled in the moving direction by a length corresponding to the scroll amount. In S560, the designated coordinates (XN, YN) of the movement destination are stored in the RAM 13 as the previous designated coordinates (X0, Y0).

  Next, the release process of S365 in FIG. 5 will be described with reference to FIG. When the release process of FIG. 9 is started, the CPU 11 determines whether or not the processing state is “pressing or scrolling waiting state” in S710. If the state is “waiting for pressing or scrolling”, the process assigned to the list item image to be pressed is executed in S715, “initial state” is held as the processing state in S735, and the process proceeds to S740.

  If it is not “pressing or waiting for scrolling” in S710, it is determined whether or not the processing state is “scrolling” in S720. If it is not “scroll state”, the process proceeds to S740. If it is “scroll state”, scroll initial speed setting processing is executed in S725.

  Details of the scroll initial speed setting processing in S725 are as shown in FIG. When the CPU 11 starts the scroll amount setting process of FIG. 10, in S810, the CPU 11 determines whether or not the total number of lists is equal to or greater than the speed variation execution threshold. When the total number of lists is smaller than the speed variation execution threshold, the scroll initial speed is set to the same value as the flick speed VY (or VX) in the scroll direction according to the scroll parameter set in the standard speed scroll area in S855. That is, wherever the released area is, the scroll initial speed is set to the same scroll initial speed as that released in the standard speed scroll area.

  If the total number of lists is equal to or greater than the speed variation execution threshold, it is determined in S815 whether or not the designated coordinates (XN, YN) are within the low speed scroll area. If the designated coordinates (XN, YN) are within the low speed scroll area, the process proceeds to S820, and if not, the process proceeds to S835. In S835, it is determined whether or not the designated coordinates (XN, YN) are within the high speed scroll region. If the designated coordinates (XN, YN) are within the high speed scroll area, the process proceeds to S840, and if not, the process proceeds to S855.

  In S820, since the release is in the low-speed scroll area, the scroll initial speed is set to half of the flick speed VY (or VX) in the scroll direction in accordance with the scroll parameter set in the low-speed scroll area. In S825, it is determined whether or not there is a display setting for the applied scroll movement amount. If there is a display setting, a low speed mark is popped up in the vicinity of the release position in S830.

  In S840, since the release is in the high speed scroll area, the scroll initial speed is set to twice the flick speed VY (or VX) in the scroll direction according to the scroll parameter set in the high speed scroll area. In S845, it is determined whether or not there is a display setting for the applied scroll movement amount. If there is a display setting, a high-speed mark is popped up in the vicinity of the release position of the indicator in S850.

  In S855, since the release is in the standard speed scroll area, the scroll initial speed is set to the same value as the flick speed VY (or VX) in the scroll direction according to the scroll parameter set in the standard speed scroll area.

  Returning to FIG. 9, when the scroll initial speed setting process of S725 is completed, an image scroll is drawn in the moving direction at the time of release (scroll direction component) at the set initial scroll speed and specified deceleration in S730 (menu list image). ) And proceed to S735.

  In S740, it is determined whether or not the setting for performing the identification display of the divided areas having different scroll operation amounts is performed. If it is not set to perform identification display, the process proceeds to S750. If it is set to perform the identification display, the identification display of the divided area is deleted in S745, and the process proceeds to S750. In S750, it is determined whether or not the setting is made to display the applied scroll motion amount. If it is not set to display the scroll amount during application, the release process is terminated. If it is set to display the scroll amount during application, the display of the scroll amount during application is displayed in S755. Erase and end the release process.

  According to the multifunction device 1 of the present embodiment described above, even if the same drag operation or flick operation is performed, the scroll amount can be changed depending on the region where the operation is performed. Therefore, when the user wants to scroll the display contents, the user can display the desired list item image with an appropriate number of operations by selecting the operation area according to the situation, and improve the user operability. Can do.

  For example, when the menu list image 31 as shown in FIG. 2A is displayed, if a slight scroll is desired, a drag operation or a flick operation is performed in the low speed scroll area 36 or the standard speed scroll area 37. Thus, a desired list item image can be reliably displayed at an appropriate speed. On the other hand, if it is desired to scroll many times, a drag operation or a flick operation may be performed in the high speed scroll area 38.

  Further, for example, when the menu list image 31 as shown in FIG. 2A is displayed, a drag operation is started from the lower part of the high speed scroll area 38 in the upper left direction, and the standard speed scroll area 37 is moved in the upper left direction. When the drag operation is performed along the path that reaches the upper part of the low-speed scroll area 36, the scroll amount with respect to the movement distance of the indicator can be reduced stepwise (in three steps). That is, by changing the contact area of the indicator while dragging, the scroll operation amount can be changed accordingly.

  Further, in the multifunction device 1, the scroll amount is determined according to the movement distance of the indicator in the drag operation and according to the release speed (flick speed) when the indicator is released in the flick operation. That is, it is possible to variably set the scroll amount according to the operation region even with the same operation amount while realizing the scroll amount reflecting the user's operation amount.

  More specifically, when a drag operation is performed, the scroll amount reflecting the moving distance of the indicator is realized, and the scroll amount is variably set according to the operation region even at the same moving distance. Also, when a flick operation is performed, the scroll speed reflecting the moving speed of the indicator is realized, and the scroll speed is variably set according to the operation area even at the same flick speed. Specifically, the scroll initial speed is variably set, and as a result, the scroll amount is also variably set. Therefore, the operability of the user at the time of drag operation or flick operation can be further improved.

  Also, in the multi function device 1, when the total number of lists is smaller than the speed variation execution threshold, the scroll initial speed is not variably set according to the area. This is because, when the number of list item images constituting the menu list image is small, it is considered that the necessity of making a difference in scroll speed is low. Therefore, when the number of list item images is small, it is possible to reduce the processing load on the CPU 11 while maintaining good user operability.

  In addition, when the image is scrolled by dragging or flicking, the multifunction device 1 can display a pop-up display of a mark indicating the applied scroll operation amount, and identify and display divided areas having different scroll operation amounts. Therefore, when the user performs a drag or flick operation, the user can visually recognize the information indicating the applied scroll operation amount, and thereby can recognize how the scroll is performed with respect to the user's own operation. Therefore, user operability and usability can be further improved.

[Other Embodiments]
(1) The number of divided areas and patterns (type, range, size, etc.) can be determined as appropriate. These may be variably set by the user.

  (2) The scroll parameter set in each divided area may be changed by the user. For example, in the example of FIG. 2C, the standard speed scroll area 81 is arranged on the upper side of the screen and the high speed scroll area 82 is arranged below the standard speed scroll area 81. However, these two areas may be switched up and down. .

(3) The specific mode of display of the identification display of the divided areas having different scrolling motion amounts, the display of the mark of the scrolling motion amount during adaptation, the display period, and the like can be appropriately determined.
(4) With regard to scrolling during a flick operation, in the above-described embodiment, the scrolling is performed so as to decelerate from the initial scroll speed at a specified deceleration (that is, at a constant deceleration). It is an example. For example, constant scrolling may be performed with the set initial scroll speed (the total scroll amount at that time may be determined as appropriate), or it may not be equal deceleration scrolling. That is, for scrolling during the flick operation, it is possible to appropriately determine how to change the scroll speed from the start to the stop of the scroll.

  (5) The number of list displays that can be displayed in one screen may be arbitrarily changed by the user. In that case, the scroll amount and the scroll speed may be increased as the number of list display items is smaller. For example, in the process of S840 in FIG. 10, when the number of list displays is a specific number or more (for example, 4 or more), the scroll initial speed is set to twice the flick speed VY (or VX) in the scroll direction. When the number of cases is less than the specific number, the scroll initial speed may be set to three times or more than the flick speed VY (or VX) in the scroll direction. The same applies to the processing of S635 in FIG. Conversely, the scroll amount and the scroll initial speed may be reduced as the number of list display items is reduced.

  In other words, if the number of list displays can be changed, the specified scroll amount or initial scrolling speed set in that area will depend on the number of list displays, even if dragging or flicking within the same area. It may be variably set.

  (6) The scroll amount and scroll initial speed may be increased as the total number of lists increases. For example, in the process of S840 in FIG. 10, when the total number of lists is equal to or greater than a specific number (for example, 50 or more), the scroll initial speed is set to three times or more than the flick speed VY (or VX) in the scroll direction. If the total number of lists is smaller than the specified number, the scroll initial speed may be set to twice the flick speed VY (or VX) in the scroll direction. The same applies to the processing of S635 in FIG.

  (7) In the above embodiment, in the scroll initial speed setting process (FIG. 10), it is determined whether or not the total number of lists is equal to or greater than the speed fluctuation execution threshold (S810). Regardless of this, the initial scroll speed is uniformly set to the same value as the flick speed VY (or VX) in the scroll direction, but this is not essential.

  Also, in the scroll amount setting process shown in FIG. 8, at the start of the process (before S610), it may be determined whether the total number of lists is equal to or greater than the speed variation execution threshold as in S810 of FIG. . If the total number of lists is equal to or greater than the speed fluctuation execution threshold, the process proceeds to S610. If the total number of lists is less than the speed fluctuation execution threshold, the process proceeds to S650 and scrolls regardless of the position of the indicator being dragged. The amount may be set to the same value as the movement distance LY (or LX) in the scroll direction.

  (8) In the case where the scroll initial speed and the scroll amount are uniformly determined regardless of the position of the indicator due to the fact that the total number of lists is smaller than the speed change execution threshold value, in the touch start process of FIG. ) May not be executed.

  (9) The present invention is not limited to application to the multifunction machine 1 but can be applied to various UIs having a display unit and a touch panel.

  DESCRIPTION OF SYMBOLS 1 ... MFP, 11 ... CPU, 12 ... ROM, 13 ... RAM, 14 ... Image reading part, 15 ... Image forming part, 16 ... Operation panel part, 17 ... Network communication part, 18 ... Telephone communication part, 21 ... Liquid crystal Display, 22 ... Touch panel, 23 ... Internal illumination display section, 30 ... Display area, 31, 61 ... Menu list image, 33 ... High speed mark, 34 ... Low speed mark, 36,53 ... Split area (low speed scroll area), 37, 52, 54, 81 ... division area (standard speed scroll area), 38, 51, 55, 82 ... division area (high speed scroll area), 41-46, 71-74 ... list item images

Claims (9)

A storage unit capable of storing an image list composed of a plurality of object images arranged in a predetermined arrangement direction;
A display unit having a display area capable of displaying the image list;
A touch panel capable of accepting a contact operation of an indicator to the display area;
A control unit for controlling display of the image list in the display area;
An image display control device comprising:
The controller is
Display processing for displaying a part of the image list in the display area;
Within the display area, a scrollable area that can accept a scroll instruction operation for scrolling the image list displayed in the display area in the contact area in the arrangement direction is divided into a plurality of small areas. Scrollable area setting process to be set
A scroll instruction operation detection process for detecting the scroll instruction operation for the scrollable area;
For each of the plurality of small regions, at least one of parameters that determine the scroll amount of the image list and that has different scroll amounts for the same scroll instruction operation, each of the parameters is at least A parameter setting process for setting to be set in one small area;
When the scroll instruction operation is detected in the scroll instruction operation detection process, the display contents of the image list are scrolled by a scroll amount corresponding to the parameter set in the small area where the scroll instruction operation is detected. Scrolling process,
The image display control apparatus characterized by performing. The image display control device according to claim 1,
In the scroll process, the control unit sets the scroll amount based on an operation amount of the scroll instruction operation and the parameters set in the small area in which the scroll instruction operation is detected. Image display control device. The image display control device according to claim 1 or 2,
The scroll instruction operation includes at least a drag operation,
When a drag operation is detected in the scroll instruction operation detection process, the control unit, based on the parameter set in the small region in which the drag operation is detected in the scroll process, the drag operation in the drag operation The image display control device characterized in that the scroll amount is set so that the scroll amount becomes larger as the moving distance of the indicator increases. The image display control device according to any one of claims 1 to 3,
The scroll instruction operation includes at least a flick operation,
When a flick operation is detected in the scroll instruction operation detection process, the control unit determines whether the flick operation is performed based on the parameter set in the small area in which the flick operation is detected in the scroll process. The image display control apparatus, wherein the scroll amount is set so that the scroll amount increases as the moving speed of the indicator increases. The image display control device according to claim 4,
The controller is
In the parameter setting process, each parameter is set so that the scroll speed when scrolling the image list for the same flick operation is different,
When a flick operation is detected in the scroll instruction operation detection process, the indicator moves during the flick operation based on the parameter set in the small area in which the flick operation is detected in the scroll process. The image display control apparatus, wherein the image list is scrolled so that the scroll speed increases as the speed increases. An image display control device according to any one of claims 1 to 5,
When the number of the object images constituting the image list is smaller than a predetermined object image number threshold when the control unit displays the image list by the display process, the control unit sets the scrollable area as the parameter setting process. An image display control device characterized in that the parameter common to the whole is set. The image display control device according to any one of claims 1 to 6,
When the scroll instruction operation is detected in the scroll instruction operation detection process, the control unit displays parameter information display processing for displaying information indicating the parameter set in the small area in which the scroll instruction operation is detected. The image display control apparatus characterized by performing. A part of an image list consisting of a plurality of object images arranged in a predetermined arrangement direction is displayed in the display area of the display unit,
In the display area, a scrollable area that can accept a scroll instruction operation for scrolling the image list displayed in the display area by the indicator in the arrangement direction is divided into a plurality of small areas. Set,
For each of the plurality of small regions, at least one of parameters that determine the scroll amount of the image list and that has different scroll amounts for the same scroll instruction operation, each of the parameters is at least Set to be set to one of the small areas,
When the scroll instruction operation is performed to the scrollable area, the display content of the image list is scrolled by a scroll amount corresponding to the parameter set in the small area where the scroll instruction operation is performed. An image display control method. A storage unit capable of storing an image list composed of a plurality of object images arranged in a predetermined arrangement direction;
A display unit having a display area capable of displaying the image list;
A touch panel capable of accepting a contact operation of an indicator to the display area;
A program to be executed by a computer included in an image display control device comprising:
In the computer,
Display processing for displaying a part of the image list in the display area;
Within the display area, a scrollable area that can accept a scroll instruction operation for scrolling the image list displayed in the display area in the contact area in the arrangement direction is divided into a plurality of small areas. Scrollable area setting process to be set
A scroll instruction operation detection process for detecting the scroll instruction operation for the scrollable area;
For each of the plurality of small regions, at least one of parameters that determine the scroll amount of the image list and that has different scroll amounts for the same scroll instruction operation, each of the parameters is at least A parameter setting process for setting to be set in one small area;
When the scroll instruction operation is detected in the scroll instruction operation detection process, the display contents of the image list are scrolled by a scroll amount corresponding to the parameter set in the small area where the scroll instruction operation is detected. Scrolling process,
Display control program for executing