Methods and apparatus to display a viewing region

• US 7,701,471 B1
• Filed: 03/02/2005
• Issued: 04/20/2010
• Est. Priority Date: 03/02/2005
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: Leyden, Mark C., Young, Jeffrey E., Cameron, Stefan
• Primary Examiner(s): WANG, JIN CHENG
• Application Number:
  US11/070,651
• Time in Patent Office: 1,875 Days
• Field of Search: 715784-788, 345/157, 345/629, 345/684, 707/102
• US Class Current: 345/629
• CPC Class Codes: G06F 2203/04804 Transparency, e.g. transparent or translucent windows
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars

Abstract

An application initiates a display of a first portion of an image in a viewing region of a display screen. Additionally, the application initiates a transparent display of an overflow indicator in a display area of the viewing region to enable viewing through the overflow indicator to corresponding content associated with the image. As its name suggests, the overflow indicator indicates that there is a second portion of the image not currently displayed in the viewing region. This technique of providing the overflow indicator overlaid on the image enhances a user'"'"'s viewing experience because a display area or region occupied by the overflow indicator (e.g., a shaded region) enables a user to i) view an unobstructed view of the image beneath the overflow indicator, and ii) identify that a current size of the viewing region only shows a portion of the image rather than the whole image.

Claims

1. A computer-implemented method in which a computer system executes instructions retrieved from memory, the computer-implemented method comprising:

displaying a first portion of an image in a viewing region of a display screen;

displaying an overflow indicator in the viewing region to indicate that there is a second portion of the image not currently displayed in the viewing region;

displaying the overflow indicator to be at least partially transparent for viewing of at least a portion of the image through the overflow indicator;

displaying the first portion of the image to include at least one selectable display element, the at least one selectable display element being transparently viewable through the overflow indicator;

responsive to receiving a selection of a region of the overflow indicator in which there is no selectable display element transparently viewable through the region of the overflow indicator, initiating execution of a display function associated with the overflow indicator by said computer system;

responsive to receiving, through the overflow indicator, a selection of the selectable display element by a user-controlled pointer element simultaneously over the overflow indicator in the viewing region and the selectable display element, initiating execution of a display function associated with the selectable display element in lieu of initiating execution of the display function associated with the overflow indicator by said computer system;

wherein initiating execution of the display function associated with the overflow indicator includes;

initiating an expand function to create an enlarged viewing region to enable more of the image to be concurrently displayed on the display screen, resulting in the first portion of the image and the at least part of the second portion of the image being concurrently displayed in the enlarged viewing region;

wherein initiating execution of a display function associated with the selectable display element includes;

initiating an editing function for editing the image in the viewing region;

displaying the viewing region as a substantially rectangular window in which the image is displayed; and

wherein initiating the expand function to create an enlarged viewing region includes;

enlarging a first rectangular viewing region having a first two-dimensional area into a second rectangular viewing region having a second two-dimensional area, wherein the second two-dimensional area is larger in size then the first two-dimensional area.

2. The computer-implemented method as in claim 1, wherein the selection of the overflow indicator further results in initiation of a scrolling function to enable scrolling of the image within the viewing region.

3. The computer-implemented method as in claim 1 further comprising:

displaying the overflow indicator as a partially transparent shaded region along a portion of a perimeter of the viewing region to indicate a direction of possible expansion of the viewing region, a degree of shading associated with the overflow indicator varying depending on a relative size of the second portion of the image not currently displayed in the viewing region; and

providing an arrow in the partially transparent shaded region to identify a direction of possible expansion of the viewing region to view a larger portion of the image.

4. The computer-implemented method as in claim 1 further comprising:

in a region occupied by the overflow indicator, providing an arrow at an angle with respect to a horizontal axis and a vertical axis of the display screen, the arrow indicating multiple directions of possible expansion of the viewing region to view a larger portion of the image.

5. The computer-implemented method as in claim 1, wherein displaying the first region includes displaying the first region of the overflow indicator as a first visual type;

wherein displaying the second region of the overflow indicator includes displaying the second region of the overflow indicator as a second visual type;

and wherein displaying the overflow indicator includes displaying the overflow indicator at a perimeter location of the viewing region.

6. The computer-implemented method as in claim 1 further comprising:

highlighting the overflow indicator to more dominantly appear in the viewing region in response to movement of a pointer over the overflow indicator.

7. The computer-implemented method as in claim 1 further comprising:

displaying the viewing region as a floating window on the display screen;

receiving selection of the overflow indicator on a particular side of the viewing region indicating a direction to view an expanded view of the image; and

in response to the selection, expanding a size of the viewing region in the direction associated with the particular side of the overflow indicator.

8. The computer-implemented method as in claim 1 further comprising:

displaying the viewing region as a first window of multiple windows displayed on the display screen, at least the first window and a second window of the multiple windows being aligned and disposed in a column region of the display screen;

receiving a selection of the overflow indicator in the first window to expand the first window to view a larger portion of the image; and

in response to the selection, expanding the column region as well as a width of both the first window and the second window in the column region.

9. The computer-implemented method as in claim 1, wherein displaying the first portion of the image includes:

generating the first portion of the image in the viewing region to include display elements to provide input with respect to an application generating the viewing region; and

displaying the overflow indicator as a transparent shaded region over multiple display elements associated with the image.

10. The method as in claim 1, wherein displaying the overflow indicator includes:

displaying a first region of the overflow indicator that, when selected, initiates an expand function to enlarge a size of the rectangular viewing region for more of the image to be concurrently displayed on the display screen; and

displaying a second region of the overflow indicator that, when selected, initiates scrolling of the image within the rectangular viewing region to display at least part of the second portion of the image without concurrently displaying the first portion of the image.

11. The method as in claim 10 further comprising:

responsive to receiving, through the second region of the overflow indicator, a selection of the selectable display element, initiating execution of the display function associated with the selectable display element in lieu of initiating scrolling of the image, wherein initiating execution of the display function includes executing a text editing operation on a file displayed in a separate viewing region.

12. The method as in claim 1, further comprising:

removing the overflow indicator from display upon initiating an expand function to create the enlarged viewing region.

13. The method as in claim 1, further comprising:

displaying the viewing region as a window adjacent to at least one additional window in a column region of the display screen; and

responsive to receiving a selection of the overflow indicator, resizing the additional window to a width of the enlarged viewing region.

14. The method of claim 1, wherein displaying the image includes displaying a layout of control elements for editing content within a file, the file displayed in a second viewing region that is separate from the viewing region displaying the image.

15. The computer-implemented method of claim 1 further comprising:

displaying the overflow indicator as a transparent shaded region through which the image can be viewed, the transparent shaded region being distinct from the image.

16. The computer-implemented method as in claim 15 further comprising:

displaying a first part of the transparent shaded region substantially along an entire length of a bottom perimeter of the viewing region, selection of the first part of the transparent shaded region enabling expansion of the viewing region in a downward direction with respect to the viewing region; and

displaying a second part of the transparent shaded region substantially along on an entire length of a side perimeter of the viewing region, the first part of the transparent shaded region along the side perimeter being orthogonal with respect to the first part of the transparent shaded region along the bottom perimeter, selection of the second part of the transparent shaded region enabling expansion of the viewing region in a side direction with respect to the viewing region.

17. The computer-implemented method as in claim 16 further comprising:

displaying an arrow in the first part of the shaded transparent region to indicate a downward direction in which the viewing region can be expanded upon selection of the first part of the shaded transparent region;

displaying an arrow in the second part of the shaded transparent region to indicate a side direction in which the viewing region can be expanded upon selection of the second part of the shaded transparent region, the arrow in the first part of the shaded transparent region pointing in an orthogonal direction with respect to the arrow in the second part of the shaded transparent region; and

displaying an arrow at an intersection of the first part of the shaded region and the second part of the shaded region, the arrow at the intersection being diagonal with respect to both the arrow in the first part of the shaded transparent region and the arrow in the second part of the shaded transparent region, the arrow at the intersection indicating that the viewing region can be simultaneously expanded both in the downward direction and the side direction upon selection of the intersection.

18. The computer-implemented method as in claim 17 further comprising:

in response to receiving selection of the first part of the shaded transparent region;

initiating enlargement of the viewing region in a direction as specified by the arrow in the first part of the shaded transparent region;

preventing display of the first part of the shaded transparent region at the bottom of the enlarged viewing region; and

initiating display of the second part of the shaded region substantially along an entire length of a side perimeter of the enlarged viewing region.

19. The computer-implemented method as in claim 17 further comprising:

in response to receiving selection of the second part of the shaded transparent region, initiating enlargement of the viewing region in a direction opposite that of the direction of the arrow in the second part of the shaded transparent region.

20. The computer-implemented method of claim 15 further comprising:

in response to receiving the selection of a region of the transparent shaded region in which there is no selectable display element transparently viewable through the region of the overflow indicator, closing the viewing region.

21. The computer-implemented method of claim 15 further comprising:

in response to receiving the selection of a region of the transparent shaded region in which there is no selectable display element transparently viewable through the region of the overflow indicator, modifying contents of the first portion of the image in the viewing region.

22. The computer-implemented method of claim 15, wherein a degree of shading associated with the overflow indicator varies depending on a relative size of a balance of the image not currently displayed in the viewing region, the overflow indicator being displayed as a less transparent region as the balance of the image not currently displayed in the viewing region is larger compared to the first portion of the image displayed in the viewing region.

23. The computer-implemented method as in claim 1 further comprising:

displaying the overflow indicator to include a first selectable shaded region and a second selectable shaded region, the portion of the image being viewable through both the first selectable shaded region and the second selectable shaded region, the first selectable shaded region being of a visually different shade type than the second selectable region;

wherein the first selectable shaded region, when selected, enables scrolling of the image in the viewing region; and

wherein the second selectable shaded region, when selected, enables enlargement of a size of the viewing region on the display screen to display a larger portion of the image.

24. The computer-implemented method of claim 1 wherein displaying the first portion of the image to include at least one selectable display element includes displaying the at least one selectable display element, the display element controlling modification of attributes associated with a file that is rendered in a second viewing region separate from the viewing region displaying the first portion of the image;

wherein initiating execution of the display function associated with the overflow indicator includes initiating an expand function to create an enlarged viewing region to enable more of the image to be concurrently displayed on the display screen, the initiating the expand function resulting in the first portion of the image and the at least part of the second portion of the image being concurrently displayed in the enlarged viewing region; and

wherein initiating execution of the display function associated with the selectable display element includes initiating an editing function that modifies attributes of the file rendered in the second viewing region.

26. The computer-implemented method of claim 1, wherein displaying the first portion of the image in the viewing region of the display screen includes displaying the viewing region as a frame having a perimeter of a first length, the viewing region being an entity separate from the image displayed within the viewing region;

wherein initiating execution of the display function associated with the overflow indicator includes initiating an expand function to create an enlarged viewing region to enable more of the image to be concurrently displayed on the display screen, the perimeter of the enlarged viewing region having a second length that is greater than the first length of the perimeter.

27. The computer-implemented method of claim 1, further comprising:

displaying multiple rectangular viewing regions on the display screen, each viewing region containing display elements that are controls for editing attributes of a file that is rendered in a file viewing region, the file viewing region being separately displayed from the multiple viewing regions containing display elements, each viewing region containing overflow indicators;

wherein initiating execution of the display function associated with each overflow indicator includes initiating an expand function to create an enlarged viewing region to enable more of the image to be concurrently displayed on the display screen, the initiating the expand function resulting in the first portion of the image and the at least part of the second portion of the image being concurrently displayed in the enlarged viewing region; and

wherein initiating execution of the display function associated with the selectable display element includes initiating an editing function that modifies attributes of the file rendered in the file viewing region.

28. The computer-implemented method of claim 1, wherein selection of any region of the overflow indicator in which there is no selectable display element transparently viewable though the overflow indicator results in execution of the display function associated with the overflow indicator.

29. The computer-implemented method of claim 28, wherein execution of the display function associated with the overflow indicator results in expansion of the viewing region on the display screen for simultaneous display of the first portion of the image and the second portion of the image in the enlarged viewing region.

30. The computer-implemented method of claim 29, wherein execution of the display function associated with the overflow indicator enlarges the viewing region, the first portion of the image displayed in the enlarged viewing region being a same size as the first portion of the image displayed in the viewing region before execution of the display function associated with the overflow indicator.

31. The computer-implemented method of claim 30, wherein the display function associated with the selectable display element is a text editor function.

32. The method as in claim 28, wherein displaying the overflow indicator includes:

displaying a first region of the overflow indicator that, when selected, initiates an expand function to enlarge a size of the viewing region for simultaneous display of the first portion of the image and the second portion of the image on the display screen; and

displaying a second region of the overflow indicator that, when selected, initiates scrolling of the image within the viewing region to display at least part of the second portion of the image.

33. The computer-implemented method of claim 29 further comprising:

displaying the viewing region to receive text editing commands to modify text.

25. The computer-implemented method of method 24 further comprising:

displaying multiple rectangular viewing regions on the display screen, each viewing region containing display elements that are controls for editing attributes of a file that is rendered in a file viewing region, the file viewing region being separately displayed from the multiple viewing regions containing display elements, each viewing region containing overflow indicators;

wherein displaying the first portion of the image in the viewing region of the display screen includes displaying the viewing region as a frame having a perimeter of a first length, the viewing region being an entity separate from the image displayed within the viewing region; and

wherein initiating execution of the display function associated with the overflow indicator results in the perimeter of the enlarged viewing region having a second length that is greater than the first length of the perimeter.

34. A computer program product including a tangible computer-readable storage medium having computer-executable instructions stored thereon for processing data information, such that the computer-executable instructions, when carried out by a processing device, enable the processing device to perform the operations of:

displaying a first portion of an image in a viewing region of a display screen;

displaying an overflow indicator in the viewing region to indicate that there is a second portion of the image not currently displayed in the viewing region;

displaying the overflow indicator to be at least partially transparent for viewing of at least a portion of the image through the overflow indicator;

displaying the first portion of the image to include at least one selectable display element, the at least one selectable display element being transparently viewable through the overflow indicator;

responsive to receiving a selection of a region of the overflow indicator in which there is no selectable display element transparently viewable through the region of the overflow indicator, initiating execution of a display function associated with the overflow indicator by said processing device;

responsive to receiving, through the overflow indicator, a selection of the selectable display element by a user-controlled pointer element simultaneously over the overflow indicator in the viewing region and the selectable display element, initiating execution of a display function associated with the selectable display element in lieu of initiating execution of the display function associated with the overflow indicator by said processing device;

wherein initiating execution of the display function associated with the overflow indicator includes;

initiating an expand function to create an enlarged viewing region to enable more of the image to be concurrently displayed on the display screen, resulting in the first portion of the image and the at least part of the second portion of the image being concurrently displayed in the enlarged viewing region;

wherein initiating execution of a display function associated with the selectable display element includes;

initiating an editing function for editing the image in the viewing region;

displaying the viewing region as a substantially rectangular window in which the image is displayed; and

wherein initiating the expand function to create an enlarged viewing region includes;

enlarging a first rectangular viewing region having a first two-dimensional area into a second rectangular viewing region having a second two-dimensional area, wherein the second two-dimensional area is larger in size then the first two-dimensional area.

35. The computer program product as in claim 34, wherein the selection of the overflow indicator further results in initiation of a scrolling function to enable scrolling of the image within the viewing region.

36. The computer program product as in claim 34, wherein transparently displaying the overflow indicator includes:

displaying a partially transparent shaded region of a selected visual type to indicate that the second portion of the image is not currently displayed in the viewing region.

37. The computer program product as in claim 34, wherein displaying the first region includes displaying the first region of the overflow indicator a first visual type;

wherein displaying the second region of the overflow indicator includes displaying the second region of the overflow indicator a second visual type;

and wherein displaying the overflow indicator includes displaying the overflow indicator at a perimeter location of the viewing region.

38. The computer program product as in claim 34 further supporting operations of:

displaying the viewing region as a first window of multiple windows displayed on the display screen, at least the first window and a second window of the multiple windows being aligned and disposed in a column region of the display screen;

receiving a selection of the overflow indicator in the first window based on input to expand the first window to view a larger portion of the image; and

in response to the input, expanding the column region as well as a width of both the first window and the second window in the column region.

39. The computer program product as in claim 34, wherein displaying the first portion of the image includes:

generating the first portion of the image in the viewing region to include display elements to provide input with respect to an application generating the viewing region; and

displaying the overflow indicator as a transparent shaded region over multiple display elements associated with the image.

40. A computer system comprising:

a memory;

a processor;

a display;

a communications interface;

an interconnection mechanism coupling the memory, the processor, the display, and the communications interface, allowing communication there between;

wherein the memory is encoded with a display application, that when executed in the processor, provides a display process to display, by causing the computer system to perform operations of;

displaying a first portion of an image in a viewing region of a display screen;

displaying an overflow indicator in the viewing region to indicate that there is a second portion of the image not currently displayed in the viewing region;

displaying the overflow indicator to be at least partially transparent for viewing of at least a portion of the image through the overflow indicator;

displaying the first portion of the image to include at least one selectable display element, the at least one selectable display element being transparently viewable through the overflow indicator;

responsive to receiving a selection of a region of the overflow indicator in which there is no selectable display element transparently viewable through the region of the overflow indicator, initiating execution of a display function associated with the overflow indicator;

responsive to receiving, through the overflow indicator, a selection of the selectable display element by a user-controlled pointer element simultaneously over the overflow indicator in the viewing region and the selectable display element, initiating execution of a display function associated with the selectable display element in lieu of initiating execution of the display function associated with the overflow indicator;

wherein initiating execution of the display function associated with the overflow indicator includes;

initiating an expand function to create an enlarged viewing region to enable more of the image to be concurrently displayed on the display screen, resulting in the first portion of the image and the at least part of the second portion of the image being concurrently displayed in the enlarged viewing region;

wherein initiating execution of a display function associated with the selectable display element includes;

initiating an editing function for editing the image in the viewing region;

displaying the viewing region as a substantially rectangular window in which the image is displayed; and

wherein initiating the expand function to create an enlarged viewing region includes;

enlarging a first rectangular viewing region having a first two-dimensional area into a second rectangular viewing region having a second two-dimensional area, wherein the second two-dimensional area is larger in size then the first two-dimensional area.