Rendition-based graphical layout management
View Patent ↗Systems and methods which implement rendition-based graphical layout management techniques are shown. According to an embodiment, desired resizing of items within a program's user interface is managed through a developer graphically describing a plurality of different sized renditions of a desired user interface and other different sized renditions of the user interface being dynamically interpolated and/or extrapolated through operation of the program. According to embodiments, linear interpolation and/or extrapolation is provided with respect to windows sized differently than constraint images provided by a developer. In embodiments where more than 2 constraint images are provided, piece-wise liner interpolation and/or extrapolation may be provided. Non-linear interpolation and/or extrapolation may be implemented according to embodiments of the invention.
1. A method comprising:
inputting a first constraint image graphically establishing size information of a plurality of user interface window items with respect to a first window size;
inputting a second constraint image graphically establishing size information of said plurality of user interface window items with respect to a second window size;
deriving program code for dynamically generating a user interface window of a third size, wherein said program code comprises interpolative formulas for sizing said plurality of user interface window items for user interface windows of various sizes between said first window size and said second window size; and
generating said user interface window of said third size and having said plurality of user interface window items disposed therein, wherein a size of each of said plurality of user interface window items is determined as a function of said size information of said first and second constraint images.
2. The method of claim 1 , wherein said plurality of user interface window items comprise panes.
3. The method of claim 1 , wherein said generating said user interface window of said third size is accomplished in runtime of a computer program in response to a user resizing said user interface window.
4. The method of claim 1 , further comprising:
inputting a third constraint image graphically establishing size information of said plurality of user interface window items with respect to a fourth window size.
5. The method of claim 4 , wherein said third constraint image establishes a resizing behavior transition point with respect to at least one user interface window item of said plurality of user interface window items.
6. The method of claim 4 , wherein a size of each of said plurality of user interface window items generated by said generating a user interface window of said third size is further determined as a function of said size information of said third constraint image.
7. The method of claim 1 wherein said inputting said first constraint image and said inputting said second constraint image comprises:
inputting said first constraint image and inputting said second constraint image to a development tool in which a software application is being authored.
8. The method of claim 7 wherein said generating comprises:
generating said user interface window by run-time code of said software application.
9. A method comprising:
inputting a first constraint image graphically establishing size information of a plurality of user interface window items with respect to a first window size;
inputting a second constraint image graphically establishing size information of said plurality of user interface window items with respect to a second window size;
wherein said inputting said first and second constraint images comprises:
inputting said first and second constraint images to a development tool in which a software application is being authored; and
deriving program code for dynamically generating a user interface windows of various sizes different than said first window size and said second window size and having said plurality of user interface window items disposed therein, wherein a size of each of said plurality of user interface window items within said dynamically generated user interface windows is determined as a function of said size information of said first and second constraint images.
10. The method of claim 9 , further comprising:
generating a user interface window of a third size and having said plurality of user interface window items disposed therein using said derived program code.
11. The method of claim 10 , wherein said generating said user interface window of said third size comprises interpolating sizing information between said first constraint image and said second constraint image.
12. The method of claim 10 , wherein said generating said user interface window of said third size comprises extrapolating sizing information outside of said first and second constraint images.
13. The method of claim 10 , wherein said generating said user interface window of said third size is accomplished in runtime of a computer program in response to a user resizing said user interface window.
14. The method of claim 9 , wherein said plurality of user interface window items comprise panes.
15. The method of claim 9 , further comprising:
inputting a third constraint image graphically establishing size information of said plurality of user interface window items with respect to a third window size.
16. The method of claim 15 , wherein said third constraint image establishes a resizing behavior transition point with respect to at least one user interface window item of said plurality of user interface window items.
17. The method of claim 9 wherein said deriving comprises:
deriving, by said development tool, said program code in said software application for dynamically generating, during run-time of said software application, said user interface windows of various sizes.
18. A system comprising:
a constraint image input module accepting graphical images representing a desired layout of a user interface in at least two different sizes;
a resizing constraint capture module capturing resizing constraints from one or more constraint images accepted by said constraint image input module; and
a code generation module generating code including a resizing algorithm derived from said resizing constraints, said resizing algorithm controlling resizing of said layout of said user interface consistent with said one or more constraint images, and wherein said resizing algorithm is operable to control resizing of said layout of said user interface using extrapolation of resizing constraints of a plurality of constraint images.
19. The system of claim 18 , further comprising:
a development tool, said development tool including said resizing constraint capture module and said code generation module.
20. The system of claim 19 , wherein said development tool further includes said constraint image input module.
21. A method comprising:
inputting, to a development tool in which source code of a software application is being authored, a first constraint image graphically establishing, with respect to a first window size, size information of a plurality of user interface window items that are contained in a user interface window of said software application being authored;
inputting, to said development tool, a second constraint image graphically establishing, with respect to a second window size, size information of said plurality of user interface window items that are contained in said user interface window of said software application being authored; and
generating, by said development tool, source code for said software application that defines a resizing algorithm derived from said first and second constraint images, said resizing algorithm controlling, during run-time of said software application, resizing of said user interface window items responsive to resizing of said user interface window of said software application.
22. The method of claim 21 further comprising:
generating, by run-time execution of said software application, said user interface window having a third size and having said plurality of user interface window items disposed therein, wherein a size of each of said plurality of user interface window items is determined as a function of said resizing algorithm.
23. A method comprising:
inputting a first constraint image graphically establishing size information of a plurality of user interface window items with respect to a first window size;
inputting a second constraint image graphically establishing size information of said plurality of user interface window items with respect to a second window size;
deriving program code for dynamically generating a user interface window of a third size, wherein said program code comprises extrapolative formulas for sizing said plurality of user interface window items for user interface windows of various sizes between said first window size and said second window size; and
generating said user interface window of said third size and having said plurality of user interface window items disposed therein, wherein a size of each of said plurality of user interface window items is determined as a function of said size information of said first and second constraint images.
24. The method of claim 23 , wherein said plurality of user interface window items comprise panes.
25. The method of claim 23 , wherein said generating said user interface window of said third size is accomplished in runtime of a computer program in response to a user resizing said user interface window.
26. The method of claim 23 , further comprising:
inputting a third constraint image graphically establishing size information of said plurality of user interface window items with respect to a fourth window size.
27. The method of claim 26 , wherein said third constraint image establishes a resizing behavior transition point with respect to at least one user interface window item of said plurality of user interface window items.
28. The method of claim 26 , wherein a size of each of said plurality of user interface window items generated by said generating a user interface window of said third size is further determined as a function of said size information of said third constraint image.
29. The method of claim 23 wherein said inputting said first constraint image and said inputting said second constraint image comprises:
inputting said first constraint image and inputting said second constraint image to a development tool in which a software application is being authored.
30. The method of claim 29 wherein said generating comprises:
generating said user interface window by run-time code of said software application.
31. A system comprising:
a constraint image input module accepting graphical images representing a desired layout of a user interface in at least two different sizes;
a resizing constraint capture module capturing resizing constraints from one or more constraint images accepted by said constraint image input module; and
a code generation module generating code including a resizing algorithm derived from said resizing constraints, said resizing algorithm controlling resizing of said layout of said user interface consistent with said one or more constraint images, and wherein said resizing algorithm is operable to control resizing of said layout of said user interface using interpolation of resizing constraints of a plurality of constraint images.
32. The system of claim 31 , further comprising:
a development tool, said development tool including said resizing constraint capture module and said code generation module.
33. The system of claim 32 , wherein said development tool further includes said constraint image input module.