Pinning a callout animation

摘要

Animation for the attachment of content items to a location on a content surface in a user interface is provided. A user interface showing a content surface may be displayed on a computer. The content surface may include a content item at an initial position above the content surface. The content surface may display content formatted for display over an area comprising a totality of the content surface. The computer may then receive in the user interface a request to attach the content item to a final position on the content surface. The computer may then display an animation of the content item moving, from the initial position, across the content surface until the final position has been reached. The computer may then attach the content item to the content surface at the final position.

主权项

1. A computer system for animating pinning of callouts to a content surface in an application, comprising:
a memory for storing executable program code; and a processor, functionally coupled to the memory, the processor being responsive to computer-executable instructions contained in the program code and operative to:
display content on the content surface in a first user interface window of the application;receive a first callout selection in the application;in response to the first callout selection, display a first callout in a second user interface window that is separate from and floats above the first user interface window;receive a first pin selection of the first callout in the application;in response to the first pin selection, pin the first callout to the content surface in the first user interface window of the application, wherein pinning the first callout comprises:
animating movement of the second user interface window across the first user interface window from a first location above the content surface of the first user interface window to a first pin location within the content surface of the first user interface window;animating a size adjustment of the content on the content surface in the first user interface window as the second user interface window moves across and above the content surface of the first user interface window to adjust for a size of the first callout as pinned in the content surface to form a size adjusted content; andremoving the second user interface window and a frame of the second user interface window to integrate all of the first callout into the content surface of the first user interface window; and displaying a pinned first callout and the size adjusted content on the content surface of the first user interface window.