Dynamic image presentation

• US 10,037,593 B2
• Filed: 05/31/2016
• Issued: 07/31/2018
• Est. Priority Date: 09/30/2009
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Inventors: Srinivasan, Sridhar, Zhu, Rui, Denney, Justin Samuel
• Primary Examiner(s): He, Yingchun
• Application Number:
  US15/169,705
• Publication Number:
  US 20160275647A1
• Time in Patent Office: 791 Days
• Field of Search: None
• 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, the method comprising:

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

after scaling, filling the first image into a first display line;

after filling the first image into the first display line, determining whether a size of a second image is greater than an amount of display space remaining in the first display line, the first image and the second image being non-uniform,

when the size of the second image is not greater than the amount of display space remaining in the first display line, then filling the second image into the first display line, and

when the size of the second image is greater than the amount of display space remaining in the first display line, then filling the second image into a second display line; and

expanding one or more of the first image and the second image to mitigate white space in the display after scaling, while maintaining the image aspect ratio of the first image and an image aspect ratio of the second image.

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

3. The method of claim 2, further comprising determining the 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, further 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, wherein identifying the central image comprises selecting an image positioned at or near a center point area of the first scale distance.

6. The method of claim 1, further comprising:

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

maintaining the scrolling provided in the two opposite directions after scaling.

7. The method of claim 6, wherein the first display line comprises:

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

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

8. The method of claim 1, wherein scaling the size of the first image comprises:

determining a first image display box comprising a combination of the image scale factor and the aspect ratio of the first image, and

resizing the first image to fit inside the first image display box.

9. The method of claim 1, wherein determining whether the size of the second image is greater than the amount of display space remaining in the first display line comprises determining whether a size of a margin between images combined with the size of the second image is greater than the amount of display space remaining in the first display line.

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

11. The method of claim 1, wherein expanding the one or more of the first image and the second image to mitigate white space in the display comprises expanding the one or more of the first image and the second image by an expansion factor while maintaining the image aspect ratio of the first image, the image aspect ratio of the second image, and a margin between images.

12. The method of claim 11, wherein expanding the one or more of the first image and the second image to mitigate white space comprises:

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

1); and

shifting one or more images in the second display line toward the first display line by a distance equivalent to a combination of the display distance and the margin.

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

1), for one or more images in each of the first display line and the second display line until a smallest display distance between the first display line and the second display line is determined.

14. The method of claim 1, wherein expanding the one or more of the first image and the second image to mitigate white space comprises expanding the first image in the first display line such that:

the first image and an image in an 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 margin separates the first image and the image in the adjacent display line along a second axis that is parallel to the direction of the scrolling of the display.

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 a first image using an image scale factor while maintaining an image aspect ratio of the first image, 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 first image into a first display line on the display,

after filling the first image into the first display line, when a size of a second image is not greater than an amount of display space remaining in the first display line, the first image and the second image being non-uniform, then fill the second image into the first display line, and

after filling the first image into the first display line, when the size of the second image is greater than the amount of display space remaining in the first display line, then fill the second image into a second display line; and

an expansion component operably coupled with the display component and configured to expand one or more of the first image and the second image to mitigate white space on the display after scaling while maintaining the image aspect ratio of the first image and an image aspect ratio of the second image.

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

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

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

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

18. The system of claim 15, further comprising a scrolling component configured to:

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

maintain the scrolling in the two opposite directions after scaling, wherein each display line comprises

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

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

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

an expansion factor determination component configured to calculate an expansion factor that mitigates white space between an image in the first display line and an image in the second display line while maintaining a margin between the image in the first display line and the image in the second display line;

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 the image in the second display line toward the first display line by a distance equivalent to a combination of the display distance and the margin; and

a display distance determination component configured to determine the 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 the image in the first display line and the image in the second display line until a smallest display distance between the first display line and the second display line 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;

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;

for each image of a plurality of non-uniform images displayed, scaling a size of the image by the image scale factor while maintaining an image aspect ratio of the image;

after scaling, for each image of the plurality of non-uniform images displayed, filling the image into a first display line if a size of a margin between images combined with the size of the image is not greater than an amount of display space remaining in the first display line, and else filling the image into a second display line;

maintaining a central image in a display line between endpoints of the second inter-touch distance; and

expanding one or more images to mitigate white space in the display while maintaining the margin between images and the image aspect ratio for each image expanded.