DYNAMIC IMAGE PRESENTATION

• US 20110074824A1
• Filed: 04/30/2010
• Published: 03/31/2011
• Est. Priority Date: 09/30/2009
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Srinivasan, Sridhar, Denney, Justin Samuel, Zhu, Rui
• Granted Patent: US 9,383,916 B2
• Time in Patent Office: Days
• US Class Current: 345/660
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting
• CPC Class Codes: G09G 2310/0286 Details of a shift registers arranged for use in a driving circuit
• CPC Class Codes: G09G 2340/0407 Resolution change, inclusive of the use of different resolutions for different screen areas
• CPC Class Codes: G09G 2340/0442 Handling or displaying different aspect ratios, or changing the aspect ratio
• CPC Class Codes: G09G 2340/045 Zooming at least part of an image, i.e. enlarging it or shrinking it
• CPC Class Codes: G09G 2340/0464 Positioning
• CPC Class Codes: G09G 2340/14 Solving problems related to the presentation of information to be displayed
• CPC Class Codes: G09G 3/3225 using an active matrix
• CPC Class Codes: G09G 5/00 Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators image data processing or generation, in general G06T

Abstract

One or more techniques and/or systems are disclosed for efficiently organizing images in a display. A size of an image is scaled by an image scale factor, while an aspect ratio for the image is maintained, where the image scale factor comprises a combination of a first scale distance and a second scale distance. The scaled image is filled into a first display line, if the size of the scaled image is not greater than an amount of display space remaining in the first display line; otherwise the scaled image is filled into a second display line. The image is expanded to mitigate white space in the display after the scaling, while maintaining the image'"'"'s aspect ratio. This can be performed for a collection of images presented on a display to provide an enhanced user experience.

Claims

1. A method for efficiently organizing images in a display for a computing device, comprising:

scaling a size of an image by an image scale factor while maintaining an image aspect ratio, using a processor in the computing device, the image scale factor comprising a combination of a first scale distance and a second scale distance;

filling the scaled image into a first display line if the size of the scaled image is not greater than an amount of display space remaining in the first display line, else filling the scaled image into a second display line; and

expanding the image to mitigate white space in the display after scaling, while maintaining the image'"'"'s aspect ratio.

2. The method of claim 1, comprising providing for application of a double touch to a touch-sensitive display in order to generate the first and second scale distances.

3. The method of claim 2, comprising determining an image scale factor, comprising:

determining a first inter-touch distance of the double touch;

determining a second inter-touch distance of the double touch; and

combining the first inter-touch distance and the second inter-touch distance to generate the image scale factor.

4. The method of claim 1, comprising:

identifying a central image; and

maintaining the central image in a display line between endpoints of the second scale distance after scaling.

5. The method of claim 4, identifying the central image comprising selecting the image that comprises a center point area of the first scale distance.

6. The method of claim 1, comprising:

providing for scrolling the display of images in merely two opposite directions; and

maintaining the provision for scrolling in the merely two opposite directions after scaling.

7. The method of claim 6, the display line comprising:

a horizontal row if the opposite directions of scrolling are up and down; and

a vertical column if the opposite directions of scrolling are left and right.

8. The method of claim 1, scaling comprising:

determining an image display box comprising a combination of the image scale factor and the aspect ratio of the image; and

resizing the image to fit inside the display box.

9. The method of claim 1, filling the scaled image into the first display line if a size of a desired margin between images combined with the size of the scaled image is not greater than an amount of display space remaining in the first display line.

10. The method of claim 9, comprising increasing the margin between images when a display line is full to provide a justified appearance for the images in the display line.

11. The method of claim 1, expanding the image to mitigate white space in the display comprising expanding the respective images in a display line by an expansion factor while maintaining their respective aspect ratios and a desired margin between images.

12. The method of claim 11, expanding the image to mitigate white space comprising:

determining a display distance between the second display line (R) and the first display line (R−

1); and

shifting respective images in the second display line toward the first display line by a distance equivalent to a combination of the display distance and a desired margin.

13. The method of claim 12, comprising determining a display distance, comprising iteratively determining an offset value of the second display line (R) given an offset value of the first display line (R−

1), for respective images in the display lines until a smallest display distance between the display lines is determined.

14. The method of claim 1, expanding the image to mitigate white space comprising expanding a first image in a first display line such that:

the first image and a second image in a second adjacent display line are coincident in a first axis that is orthogonal to a direction of scrolling the display; and

at least a space equivalent to a desired margin separate the first image and second image along a second axis that is parallel to the direction of the scrolling.

15. A system for efficiently displaying images in a computing environment, comprising:

a display component configured to display images;

a memory component configured to store image data;

a scaling component operably coupled with the memory component and configured to scale a size of an image using an image scale factor while maintaining an image aspect ratio, the image scale factor derived from a combination of a first scale distance and a second scale distance;

a display line filling component operably coupled with the image scaling component and the display component, and configured to fill the scaled image into a first display line on the display if the size of the scaled image is not greater than an amount of display space remaining in the first display line, else filling the scaled image into a second display line; and

an expansion component operably coupled with the display component and configured to expand the image to mitigate white space on the display after scaling.

16. The system of claim 15, the display component comprising a touch-sensitive display configured to provide for applying a double-touch to the display component to generate the first and second scale distances.

17. The system of claim 15, comprising an image centering component configured to:

identifying a central image by selecting the image that comprises a center point area of the first scale distance; and

maintaining the central image in a display line between endpoints of the second scale distance after scaling.

18. The system of claim 15:

comprising a scrolling component configured to;

provide for scrolling images on the display in merely two opposite directions; and

maintain the scrolling in the merely two opposite directions after scaling; and

the display line comprising;

a horizontal row if the opposite directions of scrolling are up and down; and

a vertical column if the opposite direction of scrolling is left and right.

19. The system of claim 15, the expansion component comprising:

an expansion factor determination component configured to calculate an expansion factor for the image that mitigates white space between respective images in a display line while maintaining a desired margin between images;

a display line shifting component configured to;

determine a display distance between the second display line (R) and the first display line (R−

1); and

shift respective images in the second display line toward the first display line by a distance equivalent to a combination of the display distance and a desired margin; and

a display distance determination component configured to determine a display distance by iteratively determining an offset value of the second display line (R) given an offset value of the first display line (R−

1), for respective images in the display lines until a smallest display distance between the display lines is determined.

20. A method for efficiently organizing images in a display for a touch-sensitive computing device, comprising:

providing for application of a double touch to a touch-sensitive display to generate a first and second touch distance;

determining an image scale factor, comprising;

determining a first inter-touch distance of the double touch;

determining a second inter-touch distance of the double touch; and

combining the first inter-touch distance and the second inter-touch distance to generate the image scale factor

scaling a size of an image by the image scale factor while maintaining an image aspect ratio, using a processor in the computing device;

identifying a central image by selecting the image that comprises a center point area of the first scale distance;

filling the scaled image into a first display line if a size of a desired margin between images combined with the size of the scaled image is not greater than an amount of display space remaining in the first display line, else filling the scaled image into a second display line;

maintaining the central image in a display line between endpoints of the second scale distance; and

expanding the image to mitigate white space in the display comprising;

expanding the respective images in a display line by an expansion factor while maintaining their respective aspect ratios and a desired margin between images;

determining a display distance between the second display line (R) and the first display line (R−

1); and

shifting respective images in the second display line toward the first display line by a distance equivalent to a combination of the display distance and a desired margin.