Framework providing application programming interface for user interfaces and animation

Patent metadata

Field	Value
Publication number	US-11550601-B2
Application number	US-201916428852-A
Country	US
Kind code	B2
Filing date	May 31, 2019
Priority date	Jun 3, 2018
Publication date	Jan 10, 2023
Grant date	Jan 10, 2023

Abstract

The subject technology receives a command to initiate an application. The subject technology, in response to the command, generates a root node related to a root view of a first hierarchy of views representing a user interface (UI). The subject technology generates a child node of the root node for including in the first hierarchy of views, the child node corresponding to a first type of view. The subject technology generates a first child node of the child node for including in the first hierarchy of views, the first child node corresponding to a second type of view. The subject technology generates a graph including nodes, each node corresponding to a different attribute of the UI, wherein the root node, the child node, and the first child node have relationships with respective nodes from the graph.

First claim

What is claimed is:

1. A method comprising:
receiving a command to initiate an application;
in response to the command, generating a root node of a tree structure corresponding to a first hierarchy of views representing a user interface (UI) for the application, the root node representing a root view of the first hierarchy of views;
generating a child node of the root node for including in the tree structure corresponding to the first hierarchy of views, the child node representing a first type of view of the first hierarchy of views;
generating a first child node of the child node for including in the tree structure corresponding to the first hierarchy of views, the first child node representing a second type of view of the first hierarchy of views; and
generating a graph including nodes, each node corresponding to a different attribute of the UI, wherein the root node, the child node, and the first child node of the tree structure corresponding to the first hierarchy of views have relationships with respective nodes from the graph, and the graph is separate from the first hierarchy of views which is separate from the tree structure, wherein each node of the tree structure corresponding to the first hierarchy of views is assigned a particular number of attributes from the respective nodes of the graph.

2. The method of claim 1 , wherein the first type of view comprises a layout of a graphical element of the UI, and the second type of view comprises the graphical element of the UI, and the first type of view is a conditional view of the layout of the graphical element of the UI.

3. The method of claim 1 , wherein the first type of view comprises at least one of an X-axis layout, a Y-axis layout, a Z-axis layout, and a radial layout.

4. The method of claim 1 , wherein the first type of view comprises a property that is animated, and the property comprises at least one of a color, a numerical value, a vector, and a particular property where values are interpolated.

5. The method of claim 1 , further comprising:
receiving a second command to perform an update on the root node; and
in response to the received second command, initiating respective updates on the child node and the first child node, wherein the respective updates are based at least in part on binding information associated with the child node or the first child node.

6. The method of claim 5 , wherein the second command is received in response to at least one of an input, an event, data received over a network, a gesture, and a change in time.

7. The method of claim 5 , wherein initiating respective updates on the child node and the first child node further comprises:
generating a second root node of a second tree structure corresponding to a second hierarchy of views representing a second user interface (UI), the second root node representing a second root view of the second hierarchy of views;
generating a second child node of the second root node for including in the second tree structure corresponding to the second hierarchy of views, the second child node representing a second type of view and corresponding to an updated child node;
generating a respective child node of the second child node for including in the tree structure corresponding to the second hierarchy of views, the respective child node representing a respective type of view of the second hierarchy of views;
updating the graph including respective nodes corresponding to different attributes of each node from the second hierarchy of views; and
discarding the first hierarchy of views and the tree structure including the root node, the child node, and the first child node.

8. A system comprising:
a processor;
a memory device containing instructions, which when executed by the processor cause the processor to provide:
in response to receipt of a command to initiate an application, generating a root node of a tree structure corresponding to a first hierarchy of views representing a user interface (UI), the root node representing a root view of the first hierarchy of views;
generate a child node of the root node for including in the tree structure corresponding to the first hierarchy of views, the child node representing a first type of view;
generate a first child node of the child node for including in the tree structure corresponding to the first hierarchy of views, the first child node representing a second type of view; and
generate a graph including nodes, each node corresponding to a different attribute of the UI, wherein the root node, the child node, the first child node of the tree structure corresponding to the first hierarchy of views have relationships with respective nodes from the graph, and the graph being separate from the first hierarchy of views which is separate from the tree structure, wherein each node of the tree structure corresponding to the first hierarchy of views is assigned a particular number of attributes from the respective nodes of the graph.

9. The system of claim 8 , wherein the first type of view comprises a layout of a graphical element of the UI, and the second type of view comprises the graphical element of the UI, and the first type of view is a conditional view of the layout of the graphical element of the UI.

10. The system of claim 8 , wherein the first type of view comprises at least one of an X-axis layout, a Y-axis layout, a Z-axis layout, and a radial layout.

11. The system of claim 8 , wherein the first type of view comprises a property that is animated, and the property comprises at least one of a color, a numerical value, a vector, and a particular property where values are interpolated.

12. The system of claim 8 , wherein the memory device contains further instructions, which when executed by the processor, cause the processor to further:
receiving a second command to perform an update on the root node; and
in response to the received second command, initiating respective updates on the child node and the first child node, wherein the respective updates are based at least in part on binding information associated with the child node or the first child node.

13. The system of claim 12 , wherein the second command is received in response to at least one of an input, an event, data received over a network, a gesture, and a change in time.

14. The system of claim 12 , wherein to initiate respective updates on the child node and the first child node further causes the processor to:
generate a second root node of a second tree structure corresponding to related to a second root view of a second hierarchy of views representing a second user interface (UI), the second root node representing a second root view of the second hierarchy of views;
generate a second child node of the second root node for including in the second tree structure corresponding to the second hierarchy of views, the second child node representing a second type of view and corresponding to an updated child node;
generate a respective child node of the second child node for including in the tree structure corresponding to the second hierarchy of views, the respective child node representing a respective type of view of the second hierarchy of views;
update the graph including respective nodes corresponding to different attributes of each node from the second hierarchy of views; and
discard the first hierarchy of views and the tree structure including the root node, the child node, and the first child node.

15. A non-transitory computer-readable medium comprising instructions, which when executed by a computing device, cause the computing device to perform op

Assignees

• Apple Inc

Inventors

• Xiao Jacob A
• Macomber Kyle S
• Shaffer Joshua H
• Harper John S

Classifications

• G06F3/0488

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• G06F3/04883

  for inputting data by handwriting, e.g. gesture or text · CPC title

• G06F16/9024

  Graphs; Linked lists (G06F16/9027 takes precedence) · CPC title

• G06T13/80

  Two-dimensional [2D] animation, e.g. using sprites · CPC title

• G06F9/451 Primary

  Execution arrangements for user interfaces · CPC title