Model for layout animations

• US 7,692,658 B2
• Filed: 11/17/2006
• Issued: 04/06/2010
• Est. Priority Date: 11/17/2006
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Moore, Kevin R.
• Primary Examiner(s): Nguyen; Phu K
• Application Number:
  US11/601,543
• Publication Number:
  US 20080120534A1
• Time in Patent Office: 1,236 Days
• Field of Search: 345/473, 345/474, 345/375, 345/475, 715/757, 715/760
• US Class Current: 345/473
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites

Abstract

Described is a technology (e.g., in Windows® Presentation Foundation) by which user interface elements are reconfigured into a new configuration, with at least some of the elements transitioned from between configurations in an animated manner. To animate, elements have interim data computed therefor between the first configuration and the new configuration over a series of frames. As frames are rendered, the interim layout data provides an animation effect, which may be movement via interim coordinates, resizing via interim size data, and fading in or out via interim opacity data. The layout system may defer computationally expensive layout operations until the elements are in the second configuration. If an element'"'"'s size is not at least a minimum, that element'"'"'s visualization may be changed. If an element'"'"'s content does not fit, a priority among pieces of the content may determine which piece or pieces will be shown.

Claims

1. At least one computer storage medium having computer-executable instructions, which when executed enable a computing system to perform steps, comprising:

receiving a request to reconfigure a set of elements into a new configuration, each element of the set having first layout data corresponding to an initial laid out state;

determining second layout data for each element in the set of elements in the new configuration corresponding to a final laid out state, including

selecting a first element of the set of elements, determining if the first element has sufficient size for outputting content, and if not, substituting another element for the first element or substituting content into the first element, for the final laid out state; and

transitioning at least some of the elements from their initial laid out state to their final laid out state, including determining interim layout data corresponding to each frame of a series of frames such that the interim layout data provides an animation effect.

2. The at least one computer storage medium of claim 1 wherein determining the final layout data comprises communicating with a pluggable layout algorithm.

3. The at least one computer storage medium of claim 1 wherein the new configuration changes the location of the elements, and wherein transitioning at least some of the elements from their staffing layout data to their final layout data comprises computing interim location coordinates as the interim layout data.

4. The at least one computer storage medium of claim 1 wherein the new configuration changes the size of the elements, and wherein transitioning at least some of the elements from their starting layout data to their final layout data comprises computing interim size data as the interim layout data.

5. The at least one computer storage medium of claim 1 wherein the new configuration removes at least one element between the initial laid out state and the final laid out state, and wherein transitioning at least some of the elements from their staffing layout data to their final layout data comprises fading out each removed element by determining interim opacity layout data, or moving out each removed element by determining interim location layout data, or both fading out and moving out each removed element.

6. The at least one computer storage medium of claim 5 having further computer-executable instructions comprising, setting each removed element to a hidden state when the opacity layout data corresponds to the final layout data for that element, and reconfiguring the new configuration into another new configuration that excludes each element set to the hidden state.

7. The at least one computer storage medium of claim 1 wherein the new configuration adds at least one element between the initial laid out state and the final laid out state, and wherein transitioning at least some of the elements from their starting layout data to their final layout data comprises fading in each added element by determining interim opacity layout data, or moving in each added element by determining interim location layout data, or both fading in and moving in each added element.

8. The at least one computer storage medium of claim 1 wherein the new configuration corresponds to a sort operation that changes the locations of at least two elements between the initial laid out state and the final laid out state, and wherein transitioning at least some of the elements from their staffing layout data to their final layout data comprises computing interim location coordinates as the interim layout data for each element having a changed location.

9. The at least one computer storage medium of claim 1 wherein determining the second layout data comprises, selecting a second element of the set of elements, determining if the second element has sufficient size for all of its content, and if not, accessing priority data to include a subset of the content in the second element and exclude other content from the second element.

10. In a computing environment, a system comprising,

a control that computes interim layout data for at least some elements of a plurality of elements between an initial laid out state corresponding to a first configuration and a final laid out state corresponding to a second configuration, the control configured to select a first element of the plurality of elements, determine if the first element has sufficient size for all of its content in the second configuration, and if not, access priority data to include a subset of the content in the first element and exclude other content from the first element in the second configuration;

and

rendering means coupled to the control for outputting a series of frames based upon varying interim layout data from the control to provide a visible representation of animation of the at least some of the elements between the first and second configurations.

11. The system of claim 10 further comprising a plurality of layout algorithms configured for coupling to the control, wherein the control obtains target layout data corresponding to the final laid out state from a selected one of the layout algorithms.

12. The system of claim 11 wherein the control comprises a dynamic panel control in a Windows®

Presentation Foundation environment, and wherein the layout algorithms comprise dynamic panel layout components in the Windows®

Presentation Foundation environment.

13. The system of claim 10 wherein the control computes interim location coordinates as the interim layout data to provide an animated movement effect, computes interim size data as the interim layout data to provide an animated resizing effect, or computes interim opacity data as the interim layout data to provide an animated fading effect, or computes any combination of interim location coordinates, interim size data, or interim opacity data.

14. The system of claim 10 further comprising, means for deferring computationally expensive layout operations until sufficient resources are available in the computing environment.

15. The system of claim 10 further comprising, means for changing the layout of an element'"'"'s content based upon a priority among pieces of the content and the available size of the element.

16. The system of claim 10 wherein the control is further configured to select a second element of the plurality of elements, determine if the second element has sufficient size for outputting content, and if not, substitute another element of the plurality of elements for the second element or substitute content into the second element, for the final laid out state.

17. In a computing environment, a method comprising:

receiving a request to reconfigure a set of elements into a new configuration, each element of the set having first layout data corresponding to an initial laid out state;

determining second layout data for each element in the set of elements in the new configuration corresponding to a final laid out state, including,

a) for at least one element, determining whether the available size for that element is at least a minimum size, and if not, changing the visualization of that element; and

b) for at least one element, determining whether content of that element fits within the element, and if not, adjusting the element'"'"'s content based upon a priority among pieces of the content, such that prioritized lesser amount of the content will be rendered in the element; and

transitioning at least some of the elements from their initial laid out state to their final laid out state at a computing system using a processing unit of the computing system, including determining interim layout data corresponding to each frame of a series of frames such that the interim layout data provides an animation effect.

18. The method of claim 17 wherein determining the interim layout data comprises computing interim location coordinates as the interim layout data to provide an animated movement effect, computing interim size data as the interim layout data to provide an animated resizing effect, or computing interim opacity data as the interim layout data to provide an animated fading effect, or computing any combination of interim location coordinates, interim size data, or interim opacity data.

19. The method of claim 17 further comprising, deferring computationally expensive layout operations until the elements are in the second configuration.

20. The method of claim 17 wherein for at least one element, determining whether the available size for that element is at least a minimum size, and if not, changing the visualization of that element comprises:

for at least one element, determining whether the available size for that element is at least a minimum size, and if not, substituting another element for that element or substituting content into that element.