Advanced graphics controls

• US 5,883,627 A
• Filed: 09/25/1996
• Issued: 03/16/1999
• Est. Priority Date: 09/25/1996
• Status: Expired due to Term

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Pleyer, Sven
• Primary Examiner(s): Zimmerman, Mark K.
• Application Number:
  US08/719,771
• Time in Patent Office: 902 Days
• Field of Search: 345/430, 345/473, 345/977, 345/348
• US Class Current: 345/629
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: Y10S 715/977 Dynamic icon, e.g. animated or live action

Abstract

A graphics control for an interactive user interface includes a plurality of individually specified graphics components. Each graphics component has non-transparent portions and potentially also has transparent portions. In one embodiment, the graphics components include a background component, a face component, a frame component, and a focus component. The components are overlaid on each other from bottom to top, creating a layered effect. The face component is selectable by the user input to perform an action, and selecting the face component changes the appearance of the face component. Other than the background component, the components each are constructed of a texture bitmap and one or more luminance bitmaps. The texture bitmaps are tiled to conserve memory and data bandwidth. The luminance bitmaps can be supplied in a small size, and scaled using a special tiling technique.

Claims

1. A graphics control for display on an interactive user interface, comprising:

a plurality of individually specified graphics components;

wherein respective graphics components are overlaid on each other on the interactive user interface in a pre-determined order to create a composite control image; and

wherein at least one of the graphics components comprises a face component that is selectable by the user to change the appearance of the graphics control; and

wherein at least another of the graphic components comprises a frame component that is not selectable by the user.

2. A graphics control as recited in claim 1, wherein an individual graphics component comprises a texture element and a corresponding luminance element, the texture element and luminance element being combined to form said individual graphics component.

3. A graphics control as recited in claim 1, wherein an individual is graphics component comprises a texture bitmap and a corresponding luminance bitmap, the texture bitmap and luminance bitmap being combined to form said individual graphics component.

4. A graphics control as recited in claim 1, wherein at least one of the graphics components comprises a texture element and a corresponding luminance element, the texture element and luminance element being combined to form said at least one of the graphics components, wherein the texture element is tiled to create a graphics component that has a larger area than the texture element itself.

5. A graphics control as recited in claim 1, wherein an individual graphics component comprises a texture bitmap and a corresponding luminance bitmap, the texture bitmap being tiled and combined with the luminance bitmap to form said individual graphics component.

6. A graphics control as recited in claim 1, wherein the graphics components include at least two face elements that are displayed alternatively on the interactive user interface to indicate different control states.

7. A graphics control as recited in claim 1, wherein:

the graphics components include at least two face elements that are displayed alternatively on the interactive user interface to indicate different control states;

the graphics components further include a plurality of animation elements that are displayed in sequence on the interactive user interface to indicate a transition between the different control states, the animation elements being displayed in combination with the other graphics components of the graphics control.

8. A graphics control as recited in claim 7 wherein each of the animation elements comprises a luminance element.

9. A graphics control as recited in claim 7 wherein each of the animation elements comprises a luminance bitmap.

10. A graphics control as recited in claim 1, wherein the graphics components include a plurality of animation elements that are displayed cyclically on the interactive user interface, the animation elements being displayed in combination with the other graphics components of the graphics control.

11. A graphics control as recited in claim 10, wherein each of the animation elements comprise a texture bitmap and a corresponding luminance bitmap.

12. A graphics control as recited in claim 1, wherein:

the respective graphics components overlay a common rectangular region of the interactive user interface;

individual graphics components have portions that are transparent, thereby allowing non-transparent portions of underlying graphics components to remain visible.

13. A graphics control for display on a portion of an interactive user interface and for manipulation by a user to perform an action, wherein the graphics control is potentially the subject of a focus, the focus indicating that the interactive user interface is expecting the user to manipulate the graphics control, comprising:

a plurality of individually specified graphics components, each graphics component having non-transparent portions;

wherein respective graphics components are displayed over each other in a sequence on a common region of the interactive user interface to create a composite control image, the non-transparent portions of an individual graphics component obscuring underlying portions of other graphics components;

at least one of the graphics components being selectable by the user to change the appearance of the graphics control;

wherein said at least one of the graphics components that is responsive to user input comprises a face component that is selectable by the user to change the appearance of the graphics control; and

wherein at least another of the graphics components comprises a frame component that is not selectable b the user.

14. A graphics control as recited in claim 13, wherein the graphics components comprise bitmaps.

15. A graphics control as recited in claim 13, wherein the graphics components comprise texture bitmaps and luminance bitmaps.

16. A graphics control as recited in claim 13, wherein individual graphics components have transparent portions, thereby allowing non-transparent portions of underlying graphics components to remain visible.

17. A graphics control as recited in claim 13, wherein an individual graphics component comprises an element that is tiled to create a graphics component that has a larger area than said element itself.

18. A graphics control as recited in claim 13, wherein at least one of the graphics components comprises a texture element and a corresponding luminance element, the texture element and luminance element being combined to form said at least one of the graphics components, wherein the texture element is tiled to create a graphics component that has a larger area than the texture element itself.

19. A graphics control as recited in claim 13, wherein said at least one of the graphics components that is selectable includes at least two face elements that are displayed alternatively on the interactive user interface to indicate different control states.

20. A graphics control as recited in claim 13, wherein said at least one of the graphics components that is selectable includes at least two face elements that are displayed alternatively on the interactive user interface to indicate different control states, the face elements being responsive to user selection to change between said control states.

21. A graphics control as recited in claim 13, wherein:

said at least one of the graphics components that is responsive to user input includes at least two face elements that are displayed alternatively on the interactive user interface to indicate different control states;

said at least one of the graphics components that is responsive to user input further includes a plurality of animation elements that are displayed in sequence to indicate a transition between the different control states, the animation elements being displayed in combination with the other graphics elements of the graphics control.

22. A graphics control as recited in claim 13, wherein the graphics components include a focus component that is displayed when the graphics control is the subject of the focus.

23. A graphics control as recited in claim 13, wherein the graphics components include a focus component that is displayed when the graphics control is the subject of the focus, the focus component comprising a plurality of animation elements that are displayed cyclically when the graphics control is the subject of the focus.

24. A graphics control as recited in claim 23 wherein each animation element comprises a luminance element that is displayed by combining it with underlying portions of the other graphics elements of the graphics control.

25. A graphics control as recited in claim 23 wherein each animation element comprises a luminance bitmap.

26. A graphics control as recited in claim 23 wherein each animation element comprises a texture element and a corresponding luminance element, the texture element and luminance element being combined to form the animation elements.

27. A graphics control as recited in claim 13, wherein the graphics components include a background component, the background component comprising a tile element that is tiled to create a background component having a larger area than the tile element itself.

28. A graphics control as recited in claim 13, the graphics components including:

a background component that is not selectable by the user, the background component underlying the face component and the frame component.

29. A graphics control as recited in claim 13, the graphics components including:

a background component that is not selectable by the user, the background component underlying the face component and the frame component;

a focus component that is displayed when the graphics control is the subject of the focus.

30. A graphics control for display on a portion of an interactive user interface and for manipulation by a user to perform an action, wherein the graphics control is potentially the subject of a focus, the focus indicating that the interactive user interface is expecting the user to manipulate the graphics control, comprising:

a plurality of individually specified graphics components, each graphics component having non-transparent portions;

the graphics components including a face component that is selectable by the user input to perform an action, wherein selecting the face component changes the appearance of the graphics control;

the graphics components further including a frame component that is not selectable by the user;

wherein respective graphics components are overlaid on each other in a sequence on a common region of the interactive user interface to create a composite control image, the non-transparent portions of an individual graphics component obscuring underlying portions of other graphics components;

the face component and the frame component each comprising a texture bitmap and a corresponding luminance bitmap.

31. A graphics control as recited in claim 30, wherein the graphics components further comprise a background bitmap that underlies both the face component and the frame component.

32. A graphics control as recited in claim 30, wherein the graphics components further comprise a background bitmap that underlies both the face component and the frame component, wherein the background bitmap comprises a tile bitmap that is tiled to create the background bitmap.

33. A graphics control as recited in claim 30, wherein an individual texture bitmap is tiled to create a graphics component having an area larger than that of the individual texture bitmap.

34. A graphics control as recited in claim 30, wherein the graphics components further comprise a focus component that is displayed when the graphics control is the subject of the focus.

35. A graphics control as recited in claim 30, wherein the graphics components further comprise a focus component that is displayed when the graphics control is the subject of the focus, the focus component comprising a plurality of bitmaps that are displayed cyclically when the graphics control is the subject of the focus.

36. A graphics control as recited in claim 30, wherein the graphics components further comprise a focus component that is displayed when the graphics control is the subject of the focus, the focus component comprising a plurality of luminance bitmaps that are displayed cyclically when the graphics control is the subject of the focus.

37. A graphics control as recited in claim 30, wherein the face component comprises at least two luminance bitmaps that are displayed alternatively to indicate different control states.

38. A graphics control as recited in claim 30, wherein at least one of the graphics components comprises a plurality of bitmaps that are displayed sequentially to animate the graphics control.

39. A method of displaying a graphics control on a portion of an interactive user interface, comprising the following steps;

overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

wherein at least another of the graphics components comprises a frame component that is not selectable by the user.

40. A method of displaying a plurality of graphics controls comprising the steps recited in claim 39, and further comprising a step of sharing graphics elements between graphics controls.

41. A method of displaying a plurality of graphics controls comprising the steps recited in claim 39, wherein each graphics component comprises one or more bitmaps, the method further comprising a step of using common bitmaps in different graphics controls.

42. A method of displaying a plurality of graphics controls comprising the steps recited in claim 39, wherein each graphics component comprises a texture bitmap and a luminance bitmap, the method further comprising a step of using common texture bitmaps in different graphics controls.

43. A method as recited in claim 39, wherein the graphics components includes a focus component that is displayed when the graphics control is the subject of a focus, the focus component having a plurality of animation elements.

44. A method as recited in claim 39, further comprising a step of sequentially displaying a plurality of animation elements when changing the appearance of said at least one of the graphics components.

45. A method as recited in claim 39, further comprising the following additional steps:

designating, for an individual graphics component, a texture element and a luminance element;

shading the texture element based on the luminance element to create said individual graphics component.

46. A method of displaying a graphics control on a portion of an interactive user interface, comprising the following steps;

overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one go the graphic components;

dividing at least an element of the graphics component into repeating and non-repeating regions;

duplicating one or more of the repeating regions to enlarge the graphics component.

47. A method of displaying a graphics control on a portion of an interactive user interface, comprising the following steps;

overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

dividing at least an element of the graphics component into center, side, and corner regions;

duplicating center and side regions between the corner regions to enlarge the graphics component.

48. A computer-readable memory storing a computer program comprising:

instructions for overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

instructions for changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

wherein at least another of the graphics components comprises a frame component that is not selectable by the user.

49. A method of displaying a graphics control on a portion of an interactive user interface, comprising the following steps;

overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

designating, for an individual graphics component, a texture element and a luminance element;

shading the texture element based on the luminance element to create said individual graphics component;

dividing the luminance element of said particular graphics component into repeating and non-repeating regions;

duplicating one or more of the repeating regions to enlarge the luminance element.

50. A method as recited in claim 49, further comprising:

tiling the texture element of said particular graphics component.

51. A method of displaying a graphics control on a portion of an interactive user interface, comprising the following steps;

overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

designating, for an individual graphics component, a texture element and a luminance element wherein the texture and luminance elements are bitmaps;

shading the texture element based on the luminance element to create said individual graphics component;

dividing the luminance element of said particular graphics component into center, side, and corner region bitmaps;

duplication center and side region bitmaps of the luminance element between corner region bitmaps of the luminance element to enlarge the luminance element.

52. A method as recited in claim 51, further comprising:

tiling the texture element bitmap of said particular graphics component.

53. A computer-readable memory storing a computer program comprising;

instructions for overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

instructions for changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

instructions for designating, for an individual graphics component, a texture element and a luminance element wherein the texture and luminance elements are bitmaps;

instructions for shading the texture element based on the luminance element to create said individual graphics component;

instructions for dividing the luminance element of said particular graphics component into center, side, and corner region bitmaps;

instructions for duplicating center and side region bitmaps of the luminance element between corner region bitmaps of the luminance element to enlarge the luminance element.

54. A computer-readable memory storing a computer program comprising:

instructions for overlaying a plurality of graphics components on each other in a pre-determined order to create a composite control image;

instructions for changing the appearance of at least one of the graphics components of the composite control image in response to a user selecting one of the graphic components;

wherein at least another of the graphics components comprises a frame component that is not selectable by the user;

instructions for designating, for an individual graphics component, a texture element and a luminance element;

instructions for shading the texture element based on the luminance element to create said individual graphics component.