Methods and apparatus for flexibility inference in two-dimensional layout systems

• US 8,645,850 B1
• Filed: 08/03/2012
• Issued: 02/04/2014
• Est. Priority Date: 09/30/2011
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Milne, Philip
• Primary Examiner(s): Tan, Alvin
• Assistant Examiner(s): Yi, Rinna
• Application Number:
  US13/566,792
• Time in Patent Office: 550 Days
• Field of Search: 715/227, 715/234, 715/788, 715/505, 715/506, 715/507, 715/508, 715/526, 715/780, 715/800, 715/801, 715/762, 715/764, 715/781, 715/243, 715/245, 715/246, 715/253, 715/815, 715/967, 345/619, 345/680, 716/102, 716/108, 716/112, 716/119, 716/123, 716/124, 716/135
• US Class Current: 715/762
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

A layout that specifies rectangular components within a container rectangle may be specified. Each rectangular component has at least one size and a gravity parameter, and can be classified as flexible or non-flexible based on the gravity parameter. The computing device determines a plurality of grid lines from the layout. Each rectangular component of the set of rectangular components is associated with at least two grid lines. The at least two grid lines are based on the at least one size of the rectangular component. The computing device generates a system of constraints, where each constraint is related to at least two grid lines of the plurality of grid lines. The computing device solves the system of constraints to determine a location for each grid line. The computing device generates a display of the rectangular components based on the locations of the grid lines.

Claims

1. A method, comprising:

receiving, at a computing device, a layout configured to specify a set of rectangular components of a user-interface display within a container rectangle, wherein each rectangular component has at least one size in at least one dimension, wherein each rectangular component is configured with a gravity parameter, wherein each rectangular component is classified as flexible or non-flexible based on the gravity parameter for the rectangular component, wherein at least one rectangular component of the set of rectangular components is classified as flexible is configured to have either a negative size or non-negative size in one or more dimensions of the at least one dimension, and wherein each rectangular component classified as non-flexible is configured to have only a non-negative size in one or more dimensions of the at least one dimension;

the computing device determining a plurality of grid lines from the layout, wherein each rectangular component of the set of rectangular components is defined by at least two grid lines of the plurality of grid lines, the at least two grid lines based on the at least one size of the rectangular component;

the computing device generating a system of constraints, wherein each constraint of the system of constraints is related to at least two grid lines of the plurality of grid lines;

the computing device solving the system of constraints to determine, for each grid line in the plurality of grid lines, a location for the grid line; and

the computing device generating the user-interface display with at least some of the set of rectangular components based on the locations of the grid lines.

2. The method of claim 1, wherein, for a particular component of the set of rectangular components, the gravity parameter is specified for at least one dimension, and wherein the particular component is classified as flexible in the at least one dimension.

3. The method of claim 1, wherein, for a particular component of the set of rectangular components, the gravity parameter is unspecified in at least one dimension, and wherein the particular component is classified as non-flexible in the at least one dimension.

4. The method of claim 1, wherein the container rectangle is divided into one or more columns, wherein each column of the one or more columns is classified as flexible or non-flexible and has a width, wherein a flexible column is configured to have a width that is either negative or non-negative, and wherein a non-flexible column is configured to have only a non-negative width.

5. The method of claim 4, wherein a subset of the set of rectangular components are aligned in a particular column of the one or more columns, wherein each component in the subset of rectangular components is classified as flexible, and wherein the particular column is classified as flexible.

6. The method of claim 4, wherein, a subset of the set of rectangular components are aligned in a particular column of the one or more columns, wherein at least one component in the subset of rectangular components is classified as non-flexible, and wherein the particular column is classified as non-flexible.

7. The method of claim 4, wherein at least one column of the one or more columns is classified as flexible, wherein a particular flexible column of the at least one flexible column has a negative width, and wherein at least some of the one or more columns overlap on the display based on the particular flexible column.

8. The method of claim 1, wherein the container rectangle is divided into one or more rows, wherein each row of the one or more rows is classified as flexible or non-flexible and has a height, wherein a flexible row is configured to have a height that is either negative or non-negative height, and wherein a non-flexible row is configured to have only a non-negative height.

9. The method of claim 8, wherein a subset of the set of rectangular components are aligned in a particular row of the one or more rows, wherein each component in the subset of rectangular components is classified as non-flexible, and wherein the particular row is classified as non-flexible.

10. The method of claim 8, wherein a subset of the set of rectangular components are aligned in a particular row of the one or more rows, wherein at least one component in the subset of rectangular components is classified as flexible, and wherein the particular row is classified as flexible.

11. The method of claim 1, wherein at least one constraint of the system of constraints comprises an inequality associated with at least two grid lines and corresponding to one rectangular component.

12. The method of claim 1, wherein solving the system of constraints comprises solving the system of constraints using a variant of the Bellman-Ford algorithm.

13. A computing device, comprising:

a processor; and

data storage, configured to store at least computer-readable program instructions, wherein the instructions are configured to, upon execution by the processor, cause the computing device to perform functions comprising;

receiving a layout configured to specify a set of rectangular components of a user-interface display within a container rectangle, wherein each rectangular component has at least one size in at least one dimension, wherein each rectangular component is configured with a gravity parameter, wherein each rectangular component is classified as flexible or non-flexible based on the gravity parameter for the rectangular component, wherein at least one rectangular component of the set of rectangular components is classified as flexible is configured to have either a negative size or non-negative size in one or more dimensions of the at least one dimension, and wherein a rectangular component classified as non-flexible is configured to have only a non-negative size in one or more dimensions of the at least one dimension,

determining a plurality of grid lines from the layout, wherein each rectangular component of the set of rectangular components is defined by at least two grid lines of the plurality of grid lines, the at least two grid lines based on the at least one size of the rectangular component,

generating a system of constraints, wherein each constraint of the system of constraints is related to at least two grid lines of the plurality of grid lines,

solving the system of constraints to determine, for each grid line in the plurality of grid lines, a location for the grid line, and

generating the user-interface display with at least some of the set of rectangular components based on the locations of the grid lines.

14. The computing device of claim 13, wherein, for a particular component of the set of rectangular components, the gravity parameter is specified for at least one dimension, and wherein the particular component is classified as flexible in the at least one dimension.

15. The computing device of claim 13, wherein, for a particular component of the set of rectangular components, the gravity parameter is unspecified in at least one dimension, and wherein the particular component is classified as non-flexible in the at least one dimension.

16. The computing device of claim 13, wherein the container rectangle is divided into one or more columns, wherein each column of the one or more columns is classified as flexible or non-flexible and has a width, wherein a flexible column is configured to have a width that is either negative or non-negative, and wherein a non-flexible column is configured to have only a non-negative width.

17. The computing device of claim 16, wherein a subset of the set of rectangular components are aligned in a particular column of the one or more columns, wherein each component in the subset of rectangular components is classified as flexible, and wherein the particular column is classified as flexible.

18. The computing device of claim 16, wherein, a subset of the set of rectangular components are aligned in a particular column of the one or more columns, wherein at least one component in the subset of rectangular components is classified as non-flexible, and wherein the particular column is classified as non-flexible.

19. The computing device of claim 16, wherein at least one column of the one or more columns is classified as flexible, wherein a particular flexible column of the at least one flexible column has a negative width, and wherein at least some of the one or more columns overlap on the display based on the particular flexible column.

20. The computing device of claim 13, wherein the container rectangle is divided into one or more rows, wherein each row of the one or more rows is classified as flexible or non-flexible and has a height, wherein a flexible row is configured to have a height that is either negative or non-negative height, and wherein a non-flexible row is configured to have only a non-negative height.

21. The computing device of claim 20, wherein a subset of the set of rectangular components are aligned in a particular row of the one or more rows, wherein each component in the subset of rectangular components is classified as non-flexible, and wherein the particular row is classified as non-flexible.

22. The computing device of claim 21, wherein a subset of the set of rectangular components are aligned in a particular row of the one or more rows, wherein at least one component in the subset of rectangular components is classified as flexible, and wherein the particular row is classified as flexible.

23. The computing device of claim 13, wherein solving the system of constraints comprises solving the system of constraints using a variant of the Bellman-Ford algorithm.

24. An article of manufacture including a non-transitory computer-readable storage medium having instructions stored thereon that, in response to execution by a computing device, cause the computing device to perform functions comprising:

receiving a layout configured to specify a set of rectangular components of a user-interface display within a container rectangle, wherein each rectangular component has at least one size in at least one dimension, wherein each rectangular component is configured with a gravity parameter, and wherein each rectangular component is classified as flexible or non-flexible based on the gravity parameter for the rectangular component, wherein at least one rectangular component classified as flexible is configured to have either a negative size or non-negative size in one or more dimensions of the at least one dimension, and wherein a rectangular component classified as non-flexible is configured to have only a non-negative size in one or more dimensions of the at least one dimension;

determining a plurality of grid lines from the layout, wherein each rectangular component of the set of rectangular components is defined by at least two grid lines of the plurality of grid lines, the at least two grid lines based on the at least one size of the rectangular component;

generating a system of constraints, wherein each constraint of the system of constraints is related to at least two grid lines of the plurality of grid lines;

solving the system of constraints to determine, for each grid line in the plurality of grid lines, a location for the grid line; and

generating the user-interface display with at least some of the set of rectangular components based on the locations of the grid lines.

25. The article of manufacture of claim 24, wherein, for a particular component of the set of rectangular components, the gravity parameter is specified for at least one dimension, and wherein the particular component is classified as flexible in the at least one dimension.

26. The article of manufacture of claim 24, wherein, for a particular component of the set of rectangular components, the gravity parameter is unspecified in at least one dimension, and wherein the particular component is classified as non-flexible in the at least one dimension.

27. The article of manufacture of claim 24, wherein the container rectangle is divided into one or more columns, wherein each column of the one or more columns is classified as flexible or non-flexible and has a width, wherein a flexible column is configured to have a width that is either negative or non-negative, and wherein a non-flexible column is configured to have only a non-negative width.

28. The article of manufacture of claim 27, wherein at least one column of the one or more columns is classified as flexible, wherein a particular flexible column of the at least one flexible column has a negative width, and wherein at least some of the one or more columns overlap on the display based on the particular flexible column.

29. The article of manufacture of claim 24, wherein the container rectangle is divided into one or more rows, wherein each row of the one or more rows is classified as flexible or non-flexible and has a height, wherein a flexible row is configured to have a height that is either negative or non-negative height, and wherein a non-flexible row is configured to have only a non-negative height.

30. The article of manufacture of claim 24, wherein solving the system of constraints comprises solving the system of constraints using a variant of the Bellman-Ford algorithm.