Graphical user interface with dial control for a parameter

• US 9,594,493 B2
• Filed: 05/29/2013
• Issued: 03/14/2017
• Est. Priority Date: 05/29/2013
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Inventors: Otero Diaz, Ana Lilia, Canan, Ramona, Soegiono, Orry, Liu, Yang, Smith, Benjamin, Mehta, Kshitij, McNeil, Meghan, Carr, William, Jordan, Bede, Bishop, Jesse, Mahmood, Hamid, Abrahams, Steven, West, Jeff, Ebersol, Geoffrey T., Kothari, Susmitha
• Primary Examiner(s): CHOI, DAVID E
• Application Number:
  US13/904,872
• Publication Number:
  US 20140359508A1
• Time in Patent Office: 1,385 Days
• Field of Search: 715/771
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

A graphical user interface for a computer includes a dial control. The control can be implemented, for example, as a touch-based, pointer-based, pen-based and/or keyboard-based mechanism. The dial control is intended for manipulating a large range of values, such as a menu of items from which a user makes a selection, or a range of continuous or discrete values. A dial control can replace other control types such as a slider, drop down menu or text field. The graphical elements of the dial control include one or more displayed rings and a handle for each ring. Inside the ring, or in another area adjacent the ring, a value can be displayed. The ring can be manipulated by the user to change the value selected by the dial control. In the case of multiple rings, each ring can be manipulated independently.

Claims

1. A computer-implemented process performed by a processor in a computer, comprising:

while receiving input into memory from an input device, repeating steps of;

updating a current angle in memory based on at least the input;

in response to updating the current angle, generating display data in memory defining a dial control based on at least the updated current angle, including determining a current value within a range of values based on the updated current angle, the dial control comprising;

an arc-shaped graphical element comprising a ring having a first portion with first appearance, comprising color or texture, along an arc between a start angle and the updated current angle along a first direction along the arc from the start angle to the updated current angle, and a second portion with a second appearance, comprising color or texture and different from the first appearance, along the arc between the start angle and the updated current angle along a second direction opposite the first direction from the start angle to the updated current angle, the arc-shaped graphical element further indicative of the range of values,

the determined current value positioned adjacent the arc-shaped graphical element, and

a handle positioned at the updated current angle along the arc-shaped graphical element; and

causing the generated display data for the dial control to be displayed on a display connected to the computer.

2. The computer-implemented process of claim 1, wherein generating the first portion of the arc-shaped graphical element includes applying a clip object to an arc-shaped object according to the current angle.

3. The computer-implemented process of claim 1, wherein the arc-shaped graphical element includes a plurality of rings, wherein each ring has an associated handle.

4. The computer-implemented process of claim 1, wherein updating comprises updating the current angle as a function of distance represented by the input.

5. The computer-implemented process of claim 1, wherein updating comprises updating the current angle as a function of speed represented by the input.

6. The computer-implemented process of claim 1, wherein the dial control further comprises a selection element displayed at a center of the arc-shaped graphical element.

19. The computer-implemented process of claim 2, wherein the arc-shaped object is a full ring, and the process further comprises combining a clipped full ring with a half ring to provide the first portion of the arc-shaped graphical element.

7. An article of manufacture comprising:

a computer storage medium, comprising at least a memory or a storage device;

computer program instructions stored on the computer storage medium which, when processed by a processing device, instruct the processing device to perform a process comprising;

receiving input into memory from an input device;

updating a current angle in memory based on at least the input;

generating display data in memory defining a dial control according to the updated current angle, the dial control comprising;

an arc-shaped graphical element comprising a ring having a first portion with first appearance between a start angle and the updated current angle along a first direction from the start angle to the updated current angle, and a second portion with a second appearance, different from the first appearance, between the start angle and the updated current angle along a second direction from the start angle to the updated current angle, the arc-shaped graphical element further indicative of a range of values, and

a handle positioned at the current angle along the arc-shaped graphical element;

displaying the dial control on a display connected to the computer;

determining a current value within the range of values according to at least the updated current angle; and

displaying the determined current value on the display adjacent to the dial control.

8. The computer-implemented process of claim 7, wherein generating the first portion of the arc-shaped graphical element includes applying a clip object to an arc-shaped object according to the current angle.

9. The computer-implemented process of claim 7, wherein the arc-shaped graphical element includes a plurality of rings, wherein each ring has an associated handle.

10. The computer-implemented process of claim 7, wherein updating comprises updating the current angle as a function of distance represented by the input.

11. The computer-implemented process of claim 7, wherein updating comprises updating the current angle as a function of speed represented by the input.

12. The computer-implemented process of claim 7 wherein the dial control further comprises a selection element displayed at a center of the arc-shaped graphical element.

20. The computer program product of claim 8, wherein the arc-shaped object is a full ring, and the process further comprises combining a clipped full ring with a half ring to provide the first portion of the arc-shaped graphical element.

13. A computer, comprising:

a processing system comprising a processor and memory; and

storage configured to store computer program instructions that, when processed by the processing system, configures the processing system to;

receive input into memory from an input device;

update a current angle in memory based on at least the input;

generate display data in memory defining a dial control according to the updated current angle, the dial control comprising;

an arc-shaped graphical element indicative of a range of values, the arc-shaped graphical element comprising a ring having a first portion with first appearance, comprising color or texture, between a start angle and the updated current angle along a first direction from the start angle to the updated current angle, wherein the start angle is not fixed, and a second portion with a second appearance, comprising color or texture and different from the first appearance, between the start angle and the updated current angle along a second direction from the start angle to the updated current angle, and

a handle positioned at the current angle along the arc-shaped graphical element;

display the generated dial control on a display connected to the computer;

map the updated current angle to a current value within the range of values; and

display the current value on the display adjacent to the dial control.

14. The computer of claim 13, wherein to generate the first portion of the arc-shaped graphical element, the processing system is further configured to apply a clip object to an arc-shaped object according to at least the current angle.

15. The computer of claim 14, wherein the arc-shaped object is a full ring, and the processing system is further configured to combine a clipped full ring with a half ring to provide the first portion of the arc-shaped graphical element.

16. The computer of claim 13, wherein the processing system is further configured to layer the combined full ring and half ring on a background ring, wherein the background ring provides the second portion of the arc-shaped graphical element.

17. The computer of claim 13, wherein the arc-shaped object is a half ring, and the clipped half ring provides the first portion of the arc-shaped graphical element.

18. The computer of claim 13, wherein the processing system is further configured to layer the clipped half ring on a background ring, wherein the background ring provides the second portion.