Method and apparatus to scale graphical user interfaces

• US 7,675,529 B1
• Filed: 02/25/2003
• Issued: 03/09/2010
• Est. Priority Date: 02/25/2003
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Webster, Kristin, Brunner, Ralph T.
• Primary Examiner(s): GOOD JOHNSON, MOTILEWA
• Application Number:
  US10/374,248
• Time in Patent Office: 2,569 Days
• Field of Search: 345/661, 345/660, 715/800, 715/244, 715/246, 715/249, 715252-254
• US Class Current: 345/661
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G09G 2340/0407 Resolution change, inclusive of the use of different resolutions for different screen areas
• CPC Class Codes: G09G 2340/045 Zooming at least part of an image, i.e. enlarging it or shrinking it

Abstract

Methods and apparatuses to scale components of user interfaces. To scale a view component according to an arbitrary transformation, which may be represented by a scaling factor, a coordinate transformation, or other parameters, at least one embodiment of the present invention determines a new transformation for the view component so that, when the new transformation is used, the boundaries of the view components are aligned with pixel lines (and/or, other conditions are satisfied). In one aspect of the invention, a method to scale a view component of a Graphical User Interface includes: adjusting first layout parameters (e.g., coordinates of an origin, a width, a height, a coordinate of a boundary, and others), which correspond to a first transformation to scale the view component, to generate second layout parameters for the view component; and computing a second transformation from the second layout parameters to scale the view component. In one example according to this aspect, the view component is scaled using the second transformation; and a Current Transformation Matrix (CTM) is set according to the second transformation. According to the second layout parameters, the boundaries of the view component are aligned with pixel lines.

Claims

1. A method to scale a view component of a Graphical User Interface on a data processing system, the method comprising:

receiving a first transformation in memory, the first transformation representing a first mathematical expression for a coordinate transformation to scale the view component having layout parameters with values from an original display resolution to a different display resolution, wherein the view component is operative for controlling the Graphical User Interface by a user;

determining first values of the layout parameters for the view component by applying the coordinate transformation to values of the layout parameters for the original display resolution according to the first transformation to produce the first values of the layout parameters;

adjusting the first values of the layout parameters to generate second values of the layout parameters for the view component;

computing a second transformation from the second values of the layout parameters via a processor coupled to the memory, the second transformation representing a second mathematical expression to apply the coordinate transformation to the view component to scale the view component; and

displaying the scaled view component on a display device coupled to the processor, the display device having the different display resolution for output of the Graphical User Interface.

2. A method as in claim 1 further comprising:

scaling the view component by applying the coordinate transformation according to the second transformation.

3. A method as in claim 2 further comprising:

setting a Current Transformation Matrix (CTM) according to the second transformation.

4. A method as in claim 3 wherein said scaling the view component comprises:

receiving first coordinates to draw a portion of the view component;

computing second coordinates from the first coordinates and the Current Transformation Matrix; and

drawing the portion of the view component using the second coordinates.

5. A method as in claim 1 wherein boundaries of the view component according to the second values of the layout parameters are aligned with pixel lines.

6. A method as in claim 1 wherein said adjusting the first values of the layout parameters comprises:

rounding the first values of the layout parameters from real values to integer values to align boundaries of the view components with pixel lines.

7. A method as in claim 6 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a size of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

8. A method as in claim 6 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a position of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

9. A method as in claim 1 wherein the layout parameters comprise at least one of:

coordinates of an origin of the view component;

a width of the view component;

a height of the view component; and

a coordinate of a boundary of the view component.

10. A machine readable storage medium containing executable computer program instructions which when executed by a data processing system cause said system to perform a method to scale a view component of a Graphical User Interface on the data processing system, the method comprising:

receiving a first transformation in memory, the first transformation representing a first mathematical expression for a coordinate transformation to scale the view component having layout parameters with values from an original display resolution to a different display resolution, wherein the view component is operative for controlling the Graphical User Interface by a user;

determining first values of the layout parameters for the view component by applying the coordinate transformation to the values of the layout parameters for the original display resolution according to the first transformation to produce the first values of the layout parameters;

adjusting the first values of the layout parameters to generate second values of the layout parameters for the view component;

computing a second transformation from the second values of the layout parameters via a processor coupled to the memory, the second transformation representing a second mathematical expression to apply the coordinate transformation to the view component to scale the view component; and

displaying the scaled view component on a display device coupled to the processor, the display device having the different display resolution for output of the Graphical User Interface.

11. A storage medium as in claim 10 wherein the method further comprises:

scaling the view component by applying the coordinate transformation according to the second transformation.

12. A storage medium as in claim 11 wherein the method further comprises:

setting a Current Transformation Matrix (CTM) according to the second transformation.

13. A storage medium as in claim 12 wherein said scaling the view component comprises:

receiving first coordinates to draw a portion of the view component;

computing second coordinates from the first coordinates and the Current Transformation Matrix; and

drawing the portion of the view component using the second coordinates.

14. A storage medium as in claim 10 wherein boundaries of the view component according to the second values of the layout parameters are aligned with pixel lines.

15. A storage medium as in claim 10 wherein said adjusting the first values of the layout parameters comprises:

rounding the first values of the layout parameters from real values to integer values to align boundaries of the view components with pixel lines.

16. A storage medium as in claim 15 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a size of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

17. A storage medium as in claim 15 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a position of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

18. A storage medium as in claim 10 wherein the layout parameters comprise at least one of:

coordinates of an origin of the view component;

a width of the view component;

a height of the view component; and

a coordinate of a boundary of the view component.

19. A data processing system to scale a view component of a Graphical User Interface, the data processing system comprising:

means for receiving a first transformation in memory, the first transformation representing a first mathematical expression for a coordinate transformation to scale the view component having layout parameters with values from an original display resolution to a different display resolution, wherein the view component is operative for controlling the Graphical User Interface by a user;

means for determining first values of the layout parameters for the view component by applying the coordinate transformation to the values of the layout parameters for the original display resolution according to the first transformation to produce the first values of the layout parameters;

means for adjusting the first values of the layout parameters to generate second values of the layout parameters for the view component;

means for computing a second transformation from the second values of the layout parameters via a processor coupled to the memory, the second transformation representing a second mathematical expression to apply the coordinate transformation to the view component to scale the view component; and

means for displaying the scaled view component on a display device coupled to the processor, the display device having the different display resolution for output of the Graphical User Interface.

20. A data processing system as in claim 19 further comprising:

means for scaling the view component by applying the coordinate transformation according to the second transformation.

21. A data processing system as in claim 20 further comprising:

means for setting a Current Transformation Matrix (CTM) according to the second transformation.

22. A data processing system as in claim 21 wherein said means for scaling the view component comprises:

means for receiving first coordinates to draw a portion of the view component;

means for computing second coordinates from the first coordinates and the Current Transformation Matrix; and

means for drawing the portion of the view component using the second coordinates.

23. A data processing system as in claim 19 wherein boundaries of the view component according to the second values of the layout parameters are aligned with pixel lines.

24. A data processing system as in claim 19 wherein said means for adjusting the first values of the layout parameters comprises:

means for rounding the first values of the layout parameters from real values to integer values to align boundaries of the view components with pixel lines.

25. A data processing system as in claim 24 wherein said view component comprises parent and child view components, and said means for adjusting the first values of the layout parameters further comprises:

means for adjusting a size of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

26. A data processing system as in claim 24 wherein said view component comprises parent and child view components, and said means for adjusting the first values of the layout parameters further comprises:

means for adjusting a position of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

27. A data processing system as in claim 19 wherein the layout parameters comprise at least one of:

a) coordinates of an origin of the view component;

b) a width of the view component;

c) a height of the view component; and

d) a coordinate of a boundary of the view component.

28. A method to scale a view component of a Graphical User Interface on a data processing system, the method comprising:

adjusting first values of layout parameters to generate second values of the layout parameters for the view component, the first values of the layout parameters corresponding to a first transformation in memory for a coordinate transformation to scale the view component from an original display resolution to a different display resolution, the first transformation representing a first mathematical expression for the coordinate transformation, the first values of the layout parameter produced by applying the coordinate transformation to values of the layout parameters for the original display resolution according to the first transformation, wherein the view component is operative for controlling the Graphical User Interface by a user;

computing a second transformation from the second values of the layout parameters via a processor coupled to the memory, the second transformation representing a second mathematical expression for the coordinate transformation to apply the coordinate transformation to the view component to scale the view component; and

displaying the scaled view component on a display device coupled to the processor, the display device having the different display resolution for output of the Graphical User Interface.

29. A method as in claim 28 further comprising:

scaling the view component by applying the coordinate transformation according to the second transformation.

30. A method as in claim 29 further comprising:

setting a Current Transformation Matrix (CTM) according to the second transformation.

31. A method as in claim 30 wherein said scaling the view component comprises:

receiving first coordinates to draw a portion of the view component;

computing second coordinates from the first coordinates and the Current Transformation Matrix; and

drawing the portion of the view component using the second coordinates.

32. A method as in claim 28 wherein boundaries of the view component according to the second values of the layout parameters are aligned with pixel lines.

33. A method as in claim 28 wherein said adjusting the first values of the layout parameters comprises:

rounding the first values of the layout parameters from real values to integer values to align boundaries of the view components with pixel lines.

34. A method as in claim 33 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a size of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

35. A method as in claim 33 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a position of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

36. A method as in claim 28 wherein the layout parameters comprise at least one of:

coordinates of an origin of the view component;

a width of the view component;

a height of the view component; and

a coordinate of a boundary of the view component.

37. A machine readable storage medium containing executable computer program instructions which when executed by a data processing system cause said system to perform a method to scale a view component of a Graphical User Interface on the data processing system, the method comprising:

adjusting first values of layout parameters to generate second values of the layout parameters for the view component, the first values of the layout parameters corresponding to a first transformation in memory for a coordinate transformation to scale the view component from an original display resolution to a different display resolution, the first transformation representing a first mathematical expression for the coordinate transformation, the first values of the layout parameter produced by applying the coordinate transformation to values of the layout parameters for the original display resolution according to the first transformation, wherein the view component is operative for controlling the Graphical User Interface by a user;

computing a second transformation from the second values of the layout parameters via a processor coupled to the memory, the second transformation representing a second mathematical expression to apply the coordinate transformation to the view component to scale the view component; and

displaying the scaled view component on a display device coupled to the processor, the display device having the different resolution for output of the Graphical User Interface.

38. A storage medium as in claim 37 wherein the method further comprises:

scaling the view component by applying the coordinate transformation according to the second transformation.

39. A storage medium as in claim 38 wherein the method further comprises:

setting a Current Transformation Matrix (CTM) according to the second transformation.

40. A storage medium as in claim 39 wherein said scaling the view component comprises:

receiving first coordinates to draw a portion of the view component;

computing second coordinates from the first coordinates and the Current Transformation Matrix; and

drawing the portion of the view component using the second coordinates.

41. A storage medium as in claim 37 wherein boundaries of the view component according to the second values of the layout parameters are aligned with pixel lines.

42. A storage medium as in claim 37 wherein said adjusting the first values of the layout parameters comprises:

rounding the first values of the layout parameters from real values to integer values to align boundaries of the view components with pixel lines.

43. A storage medium as in claim 42 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a size of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

44. A storage medium as in claim 42 wherein said view component comprises parent and child view components, and said adjusting the first values of the layout parameters further comprises:

adjusting a position of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

45. A storage medium as in claim 37 wherein the layout parameters comprise at least one of:

coordinates of an origin of the view component;

a width of the view component;

a height of the view component; and

a coordinate of a boundary of the view component.

46. A data processing system to scale a view component of a Graphical User Interface, the data processing system comprising:

memory storing first values of layout parameters, the first values of the layout parameters corresponding to a first transformation for a coordinate transformation to scale the view component from an original display resolution to a different display resolution, the first transformation representing a first mathematical expression, the first values of the layout parameter produced by applying the coordinate transformation to values of the layout parameters for the original display resolution according to the first transformation, wherein the view component is operative for controlling the Graphical User Interface by a user;

a processor coupled to the memory, the processor adjusting the first values of the layout parameters to generate second values of the layout parameters for the view component, the processor computing a second transformation from the second values of the layout parameters, the second transformation representing a second mathematical expression to apply the coordinate transformation to the view component to scale the view component for output of the Graphical User Interface on a display device having the different display resolution.

47. A data processing system as in claim 46 wherein the processor scales the view component by applying the coordinate transformation according to the second transformation.

48. A data processing system as in claim 47 wherein the processor sets a Current Transformation Matrix (CTM) according to the second transformation.

49. A data processing system as in claim 48 wherein the processor computes second coordinates from the Current Transformation Matrix and first coordinates which specify a portion of the view component, and draws the portion of the view component using the second coordinates.

50. A data processing system as in claim 46 wherein boundaries of the view component according to the second values of the layout parameters are aligned with pixel lines.

51. A data processing system as in claim 46 wherein, to generate the second values of the layout parameters, the processor rounds the first values of the layout parameters from real values to integer values to align boundaries of the view components with pixel lines.

52. A data processing system as in claim 51 wherein said view component comprises parent and child view components, and wherein, to generate the second values of the layout parameters, the processor adjusts a size of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

53. A data processing system as in claim 51 wherein said view component comprises parent and child view components, and wherein, to generate the second values of the layout parameters, the processor adjusts a position of the view component to satisfy a geometric relation for child view components of a parent view component of the view component.

54. A data processing system as in claim 46 wherein the layout parameters comprise at least one of:

coordinates of an origin of the view component;

a width of the view component;

a height of the view component; and

a coordinate of a boundary of the view component.