JPH04348420A - Two-dimensional scroll control system - Google Patents

Abstract

PURPOSE:To smoothly scroll the contents displayed on a CRT, etc., in the two-dimensional direction in area (window) unit. CONSTITUTION:An area displayed on a display device 3 is displayed 3 in the vicinity of a display area together with a slider shift range frame which is reduced in response to the size to be scrolled in the area displayed on the device 3 and similar to this area, and a two-dimensional slider which moves in the slider shift range frame. Then the two-dimensional slider is moved in the two-dimensional direction by a position pointing device 4 like a mouse, etc., and a part to be scrolled is scrolled in the two-dimensional direction in response to the shift of the two-dimensional slider. In such constitution, a smooth two-dimensional scroll operation is attained in accordance with the actual display contents with the use of the similar slider shift frame and the two-dimensional slider.

Description

[Detailed description of the invention]

0001

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a display system, and more particularly to a two-dimensional scroll control method for scrolling an image displayed on a display device in two-dimensional directions.

0002

2. Description of the Related Art As a method of scrolling the image content displayed on a CRT device, LCD device, etc. in two-dimensional direction, scroll bars 62 and 63 are placed on the sides and bottom of a display screen 61, as shown in FIG. It is known to move these scroll bars 62 and 63 up and down, right and left, and to scroll the displayed content in two-dimensional directions in response to the movement of these scroll bars.

0003

The two-dimensional scrolling method described above has a problem in that it is difficult to intuitively grasp the positional relationship on the entire screen. Furthermore, when scrolling the display screen contents in a diagonal manner, the two scroll bars 62 and 63 must be operated simultaneously, but it is difficult to perform this simultaneous operation smoothly.
The problem is that scrolling in the dimensional direction is difficult. Furthermore, two scroll bars are required, and a place for them must be secured at the front of the screen.
There is a problem that the display device becomes large.

[0004] Accordingly, an object of the present invention is to provide a two-dimensional scroll control system that solves the operability and hardware problems and enables smooth two-dimensional scrolling with a simple configuration.

[0005]

[Means for Solving the Problems] In order to solve the above problems, the two-dimensional scroll control method of the present invention includes a display device,
It has a position indicating means capable of indicating a position in two-dimensional directions and a display control means. The display control means displays, on the display screen of the display device, a reduced slider movement range frame and a two-dimensional movement slider that are similar to and similar to the display area and the window area within the area, and controls the position indication means. The two-dimensional movement slider is moved in the two-dimensional direction in response to the position instruction in the two-dimensional direction, and the display contents of the window area are moved in the two-dimensional direction in response to the movement of the two-dimensional movement slider.

[0006]

[Operation] A window area is defined within the display area of all or part of the display screen. A reduced slider movement range frame and a two-dimensional movement slider similar to this display area and the window area are displayed on the display screen. A two-dimensional movement slider corresponding to a window area is designated by a position indicating means, for example, a mouse, and a display control means moves the position in a two-dimensional direction within a slider movement range frame corresponding to the display area. Further, the display control means scrolls the window area in the two-dimensional direction within the display area in accordance with the movement of the two-dimensional movement slider. Although it has been reduced,
Since the slider movement range frame and the two-dimensional movement slider are similar to the display area and the window area, the user can scroll the window area in the two-dimensional direction while recognizing the actual displayed content. The two-dimensional movement slider is moved using a means capable of moving in two-dimensional directions, such as a mouse, and therefore has good operability.

[0007]

[Embodiment] An embodiment of the two-dimensional scroll control method of the present invention will be described below. FIG. 1 is a diagram showing the configuration of the two-dimensional scroll control system of this embodiment. In the figure, in the two-dimensional scroll control system, a display control means 1, a display means 2, a display device 3, and a position indicating means 4 are connected as shown. The display device 3 is a CRT in this embodiment.
It is a display device. The display means 2 performs display processing on the CRT display device 3. The display control means 1 performs two-dimensional direction scrolling control, which will be described later, and in this embodiment is composed of a computer main body (CPU), memory, and the like. The position indicating means 4 is a device capable of indicating a position in two-dimensional directions,
For example, a mouse, a tracking ball, etc. are used, and in this embodiment, a case where a mouse is used will be exemplified.

FIG. 2 shows the display contents of the CRT display device 3. FIG. 2 shows a display example of the hypermedia system, in which a first operation display area 3A and a second operation display area 3B are shown.
exists. A hypermedia system is a system that refers to the use of data, text, graphs, video, and audio as elements in a hypertext system. Furthermore, a hypertext system is a technique for relating information to each other. The first operation display area 3A is
A display area 31 and a display window 32 are defined within it. The display area 31 is a display area that is a target of two-dimensional scrolling, and the display window 32 is a unit area that is two-dimensionally scrolled. Display area 31
A slider movement range frame 33 and a two-dimensional movement slider 34 are displayed beside. As shown in FIG. 3, the slider movement range frame 33 is made to have a similar size to the display area 31. Similarly, the two-dimensional moving slider 34 is made to have a similar shape to the display window 32. Slider movement range frame 3
3 and the two-dimensional moving slider 34 inside it are scaled down, but since they have similar shapes, even if their display sizes are small, the positional relationship between the display area 31 and the display window 32 can be accurately recognized. can do.

FIG. 4 shows the slider movement range frames 33 and 2 of FIG.
An enlarged view of the dimensional movement slider 34 is shown. The two-dimensional movement slider 34 is movable in two-dimensional directions within the area of the slider movement range frame 33, but the movement is performed via the mouse as the position indicating means 4, and the position indicated by the mouse is located at the position indicating mark 35. is displayed. That is, the position indication mark 35 moves in accordance with the movement of the mouse, and the two-dimensional movement slider 34 also moves.

The display control means 1 moves a two-dimensional moving slider 34 on the CRT display device 3 via the display means 2 in accordance with the movement of the mouse, and moves the display means 2 in accordance with the movement of the two-dimensional moving slider 34. The display window 32 is scrolled through the display.

[0011] The details of the two-dimensional scrolling method are explained below.
The hypermedia system shown in FIG. 2 will be described as an example. FIG. 5 is a diagram showing details of a display screen in the hypermedia system. In the figure, reference numeral 41 indicates the maximum gadget area, 42 the slider movement range frame, 43 the slider, 44 the display window area, 45 the entire display data area, and 46 the parent window. A slider 43 corresponding to the two-dimensional moving slider 34 and a display window area 44 corresponding to the display window 32 are attached to a window called a parent window 46. The total display data area 45 corresponds to the display area 31, and the slider movement range frame 42 corresponds to the slider movement range frame 33. The maximum gadget area 41 indicates the maximum range of the slider movement range frame 42 defined by the user. In this example, the size of the slider movement range frame 42 with respect to the entire display data area 45 and the size of the slider 43 with respect to the display window area 44 are similar, reduced to 1/5 in this example. Full display data area 45 and display window area 4
4 shows an actual image, but the slider movement range frame 42 and the slider 43 are only displayed as frames.

The scroll control operation of the display control means 1 will be described with reference to FIGS. 6 to 9. Step S01 (FIG. 6): When the display control means 1 is activated, it first performs initialization processing. In this initialization process, the movement mode MODE is set to 0, and the relative coordinate position (x, y) of the slider 43 with respect to the slider movement range frame 42 is set to (0, 0). Step S02: Calculate the size of the slider movement range frame 42, that is, the length (height) H42 and the width W42. First, the height H42 of the slider movement range frame is set to the maximum height H41 defined by the maximum gadget area 41. H42=H41 Next, the width W42 of the slider movement range frame is calculated using the height H42 of the slider movement range frame. W42=(H45/H42)xW45 Note that H45 indicates the height of the entire display data area 45, and W45 indicates the width of the entire display data area 45. Step S03: Perform the following determination. The width W42 of the slider movement range frame is the maximum width W41 of the gadget area
If larger, in step S04, the width W42 of the slider movement range frame and the height H42 of the slider movement range frame are set.
Recalculate. If the width W42 of the slider movement range frame is equal to or smaller than the width W41 of the maximum gadget area, the process moves to step S05. Step S04: Width W42 of slider movement range frame
is made equal to the width W41 of the maximum gadget area. W42=W41 Next, the height H42 of the slider movement range frame is calculated using the width W42 of this slider movement range frame. H42=(W45/W42)xH45 After that, the process moves to step S05.

[0013] Step S05: Wait until one of the events described below occurs, and if the event corresponds to the following event, proceed to the processing of the corresponding branch below. Branch C1: This is an event issued by the user to resize (change the size) the parent window 46 during the initialization stage. Branch C2: This is an event when the mouse button is pressed. Branch C3: This is an event when the movement mode MOVE=1 and the position indicated by the mouse is moved. Branch C4: This is an event when the mouse button is released. Branch C5: This is an event related to resizing the entire display data area 45. The processing contents of each branch will be described below.

Step S11 (FIG. 7): The size of the display window area 44 is resized to fit the parent window 46 based on a predetermined rule. Step S12: Resize the slider 43 in proportion to the above resize. Furthermore, the height H of the slider
Calculate 43. H43=(H45/H42)xH44 Note that H44 indicates the height of the display window area. Thereafter, step S05 (event waiting loop) in FIG. 6 also returns.

Step S21 (FIG. 8): When the mouse button is pressed, the following determination is first made. The mouse instruction area is the slider 43 or the slider movement range frame 42
If it is outside the range, it is a malfunction and the process returns to step S05 in FIG. If the area designated by the mouse is within the range of the slider 43 or the slider movement range frame 42 (if it is clicked), the process moves to step S22. Step S22: Set the movement mode MOVE=1, indicating that the movement is based on a normal mouse pointing operation. After that, the movement mode MOVE in the above branch C3
= 1 and the pointer is moved by the mouse, the process moves to the event processing.

Step S23: Movement mode MOVE
=1, and the event processing is performed when the position indicated by the mouse is moved. That is, the slider 43 is moved within the slider movement range frame 42 in accordance with the position indicated by the mouse.

Step S31 (FIG. 9): Performs event processing when the mouse button is released. That is, the movement mode MOVE is set to 0, and the magnitude of movement of the slider 43 is notified to the display data processing side. Actual scrolling of the display window area 44 is performed on the display side, display means 2 and C.
This is done on the RT display device 3 side. As described above, the present invention can be easily applied to hypermedia systems regardless of media such as images or videos.

The resizing of the entire display data area 45 based on the application request of branch C5 is performed in step S when the overall size of the data to be displayed changes dynamically.
Returning to step 02, the size of the slider movement range frame 42 is recalculated. This event does not occur if the data is only displayed, but it is required in the editor that edits the data.

In particular, hypermedia systems require a "browser" that displays relationships between data in a tree diagram. In the browser,
The display amount changes dynamically depending on the user's search process.

FIG. 10 shows the dependence of size change in the above process. The maximum gadget area 41 is fixed. The entire display data area 45 can be dynamically changed, and thereby the size of the slider movement range frame 42 is also changed. Furthermore, the slider 43 is changed based on the display window area 44.

As described above, the slider 43 is moved within the slider movement range frame 42 by moving the mouse, and the display window area 4 is moved in response to the movement of the slider 43.
4 can be scrolled in response to mouse movement. By monitoring the slider movement range frame 42 and the slider 43, which are displayed in a reduced size with similar shapes, the correspondence between the entire display data area 45 and the display window area 44 can be seen. Smooth two-dimensional scrolling is possible based on good operability. Although movement in two-dimensional directions has been described above, if the movement of the mouse is one-dimensional movement, the scrolling of the display window area 44 will also be one-dimensional scrolling.

[0022] When implementing the present invention, various modifications can be made. For example, instead of the CRT display device 3, a two-dimensional display device, such as an LCD, can be used. Also, other position pointing means can be used instead of the mouse.

[0023]

As described above, according to the present invention, a simple two-dimensional positioning means such as a mouse can be used without separately providing a conventional operating means such as a scroll bar for scrolling in two-dimensional directions on a display device. By using a slider and a slider movement range frame similar to the actual display content, smooth scrolling can be performed in units of a certain display area on the display screen.

[0024]

[Brief explanation of drawings]

FIG. 1 is a configuration diagram of an embodiment of a two-dimensional scroll control method of the present invention.

FIG. 2 is an enlarged view of the display device of FIG. 1;

FIG. 3 is a diagram showing the correspondence between a slider movement range frame similar to the display area and display window of FIG. 2 and a two-dimensional movement slider.

FIG. 4 is an enlarged view of the slider movement range frame and two-dimensional movement slider in FIG. 3;

FIG. 5 is a diagram showing the relationship among the entire display data area, display window area, parent window, maximum gadget area, slider movement range frame, and slider in the hypermedia system according to the present embodiment.

[Figure 6] ~

FIG. 9 is a flowchart showing scroll control in the embodiment shown in FIG. 5;

FIG. 10 is a diagram showing the size dependence relationship of the slider movement range frame, two-dimensional movement slider, etc. of this embodiment.

FIG. 11 is a front view of a conventional display device that performs two-dimensional scrolling.

[0025]

[Explanation of symbols]

1...display control means, 2.Display means, 3...display device, 4. Position indicating means, 31...display area, 32...display window, 33...Slider movement range frame, 34...2-dimensional movement slider, 41...Maximum gadget area, 42...Slider movement range frame, 43...Slider, 44...display window area, 45...Full display data area, 46...Parent window.

Claims (1)

[Claims] Claim 1: A display device, a position pointing means capable of pointing a position in two-dimensional directions, and a slider movement within a display screen of the display device that is similar to and reduced in size to a display area and a window area within the area. displaying a range frame and a two-dimensional movement slider, and moving the two-dimensional movement slider in a two-dimensional direction in response to a two-dimensional position instruction from the position instruction means;
a two-dimensional scroll control system comprising: display control means for moving display content in the window area in a two-dimensional direction in response to movement of the two-dimensional movement slider;