Resizing of images with respect to a single point of convergence or divergence during zooming operations in a user interface

• US 10,754,523 B2
• Filed: 11/27/2017
• Issued: 08/25/2020
• Est. Priority Date: 11/27/2017
• Status: Active Grant

• Current Assignee: International Business Machines Corporation
• Original Assignee: International Business Machines Corporation
• Inventors: Leem, Jin
• Primary Examiner(s): Theriault, Steven B
• Application Number:
  US15/823,377
• Publication Number:
  US 20190163352A1
• Time in Patent Office: 1,002 Days
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• 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/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

A graphical user interface controlling application executing in a computational device performs operations in which in response to displaying images of a first plurality of elements rendered in a first size surrounded by images of a second plurality of elements rendered in a second size that is smaller than the first size, a request to zoom in is received. In response to receiving the request to zoom in, one or more images are erased, and images of the second plurality of elements rendered in the first size are displayed.

Claims

1. A system, comprising:

a memory; and

a processor coupled to the memory, wherein the processor performs operations, the operations comprising;

in response to displaying images of a first plurality of elements rendered in a first size circumferentially surrounded by images of a second plurality of elements rendered in a second size that is smaller than the first size, receiving a request to zoom in, wherein a first data structure and a second data structure includes polar angles, polar radii, and sizes to represent an element prior to a zoom in and subsequent to a zoom in; and

in response to receiving the request to zoom in, performing;

assigning a second polar radius in the second data structure to be lesser than a first polar radius in the first data structure while maintaining identical polar angles in the first data structure and the second data structure to radially move corresponding images of the second plurality of elements to positions occupied by images of the first plurality of elements prior to the request to zoom in, wherein the images of the second plurality of elements are rendered in the first size;

rendering images of the first plurality of elements in a third size that is smaller than the first size; and

displaying the images of the first plurality of elements rendered in the third size, in a color having a relatively lower contrast with a background color in comparison to other displayed images, at a position represented by a third polar radius, wherein the third polar radius is lesser than the second polar radius, wherein displayed images of the second plurality of elements rendered in the first size circumferentially surround corresponding displayed images of the first plurality of elements rendered in the third size while maintaining identical polar angles.

2. The system of claim 1, wherein:

prior to receiving the request to zoom in, the images of the first plurality of elements rendered in a first size are placed at a first radial distance from an origin, and the images of the second plurality of elements rendered in a second size are placed at a second radial distance from the origin, wherein the second radial distance is greater than the first radial distance; and

in response to receiving the request to zoom in, the images of the second plurality of elements rendered in the first size are placed at the first radial distance from the origin.

3. The system of claim 1, the operations further comprising:

prior to receiving the request to zoom in, images of a third plurality of elements rendered in a third size surround the images of the second plurality of elements rendered in the second size, wherein the third size is smaller than the second size; and

in response to receiving the request to zoom in, further performing;

replacing the images of the second plurality of elements rendered in the second size with the images of the third plurality of elements rendered in the second size.

4. The system of claim 1, wherein in response to receiving a request to zoom out, restoring displayed images to a state prior to receiving the request to zoom in.

8. The system of claim 1, wherein the images are two-dimensional images of objects displayed on a display screen.

9. The system of claim 1, wherein positions of the first plurality of elements and the second plurality of elements are represented in a polar coordinate system.

10. The system of claim 9, wherein a position of an element is represented by a polar angle and a polar radius in the polar coordinate system.

11. The system of claim 10, wherein on zooming in on the element to move the element from a first position to a second position, the polar angle remains unchanged from the first position to the second position and the polar radius diminishes in size in the second position in comparison to the first position.

5. A computer program product, the computer program product comprising a computer readable storage medium having computer readable program code embodied therewith, the computer readable program code configured to perform operations on a processor, the operations comprising:

in response to displaying images of a first plurality of elements rendered in a first size circumferentially surrounded by images of a second plurality of elements rendered in a second size that is smaller than the first size, receiving a request to zoom in, wherein a first data structure and a second data structure includes polar angles, polar radii, and sizes to represent an element prior to a zoom in and subsequent to a zoom in; and

in response to receiving the request to zoom in, performing;

assigning a second polar radius in the second data structure to be lesser than a first polar radius in the first data structure while maintaining identical polar angles in the first data structure and the second data structure to radially move corresponding images of the second plurality of elements to positions occupied by images of the first plurality of elements prior to the request to zoom in, wherein the images of the second plurality of elements are rendered in the first size;

rendering images of the first plurality of elements in a third size that is smaller than the first size; and

displaying the images of the first plurality of elements rendered in the third size, in a color having a relatively lower contrast with a background color in comparison to other displayed images, at a position represented by a third polar radius, wherein the third polar radius is lesser than the second polar radius, wherein displayed images of the second plurality of elements rendered in the first size circumferentially surround corresponding displayed images of the first plurality of elements rendered in the third size while maintaining identical polar angles.

6. The computer program product of claim 5, wherein:

prior to receiving the request to zoom in, the images of the first plurality of elements rendered in a first size are placed at a first radial distance from an origin, and the images of the second plurality of elements rendered in a second size are placed at a second radial distance from the origin, wherein the second radial distance is greater than the first radial distance; and

in response to receiving the request to zoom in, the images of the second plurality of elements rendered in the first size are placed at the first radial distance from the origin.

7. The computer program product of claim 5, the operations further comprising:

prior to receiving the request to zoom in, images of a third plurality of elements rendered in a third size surround the images of the second plurality of elements rendered in the second size, wherein the third size is smaller than the second size; and

in response to receiving the request to zoom in, further performing;

replacing the images of the second plurality of elements rendered in the second size with the images of the third plurality of elements rendered in the second size.

12. The computer program product of claim 5, wherein the images are two-dimensional images of objects displayed on a display screen.

13. The computer program product of claim 5, wherein positions of the first plurality of elements and the second plurality of elements are represented in a polar coordinate system.

14. The computer program product of claim 13, wherein a position of an element is represented by a polar angle and a polar radius in the polar coordinate system.

15. The computer program product of claim 14, wherein on zooming in on the element to move the element from a first position to a second position, the polar angle remains unchanged from the first position to the second position and the polar radius diminishes in size in the second position in comparison to the first position.

16. The computer program product of claim 5, wherein in response to receiving a request to zoom out, restoring displayed images to a state prior to receiving the request to zoom in.