Combination color and pen palette for electronic drawings
View Patent ↗An improved technique involves embedding a pen selection within a selected color. When a user selects a color for a new stroke by moving a cursor over a color icon, a pen palette appears within the selected color icon. In some arrangements, the improved techniques further involve automatically selecting a pen by default as the previous pen used for that color, so that only a single color selection need be made rather than separate pen and color selections. In this way, the user may then quickly and fluidly select both a color, then a pen for a drawing stroke. Such a color and pen selection process may be seen to simulate the actions in drawing on a whiteboard.
1. A method of operating an electronic drawing tool, the method comprising:
rendering a drawing window of the electronic drawing tool within a display of a user device, the drawing window including a color palette, the color palette including color icons;
in response to receiving a color selection command from a user to select a color icon of the color palette, displaying a pen palette embedded within the selected color icon; and
after receiving a pen selection command from the user to select a pen icon of the pen palette, rendering a drawing stroke within the drawing window in a color and pen style indicated by the selected color icon and selected pen icon, respectively;
wherein the color icons of the color palette each include a rectangular block having a color that is substantially the color in which the drawing stroke is rendered in the drawing window;
wherein displaying the pen palette embedded within the selected color icon includes:
revealing the pen palette within the rectangular block of the selected color icon;
wherein the method further comprises:
receiving the color selection command from the user to select a color icon of the color palette; and
wherein revealing the pen palette within the rectangular block of the selected color icon includes:
expanding the rectangular block of the selected color icon to display the pen icons of the pen palette.
2. A method as in claim 1 ,
wherein rendering the drawing window includes:
displaying, as the color palette, a linear array of color icons located at an edge of the display.
3. A method as in claim 2 , further comprising:
receiving the pen selection command from the user to select a pen icon of the pen palette; and
in response to receiving the pen selection command, highlighting the selected pen icon within the expanded rectangular block of the selected color icon.
4. A method as in claim 3 , further comprising:
receiving a second color selection command from the user to select another color icon of the color palette distinct from a current selected color icon;
receiving a third color selection command from the user to select the current selected color icon; and
highlighting the pen icon of the pen palette embedded within the current selected color icon that was the highlighted pen icon of the pen palette embedded within the current selected color icon prior to receiving the second color section command.
5. A method as in claim 3 ,
wherein the linear array of color icons is located at the bottom of the display of the user device;
wherein the rectangular block of each color icon of the color palette has a specified width, a sum of the specified widths of the rectangular blocks exceeding a width of the display of the user device;
wherein receiving the color selection command from the user to select a color icon of the color palette includes:
receiving a swipe command configured to move the color icons of the color palette toward the left or the right of the display.
6. A method as in claim 5 ,
wherein the linear array of color icons is visible within a bounding box within the display of the user device;
wherein a rectangular block at an edge of the bounding box is partially exposed within the display; and
wherein expanding the rectangular block of the selected color icon to display the pen icons of the pen palette includes:
when the selected color icon is a partially exposed rectangular icon, displaying the expanded rectangular block in full within the bounding box.
7. A method as in claim 5 ,
wherein the drawing window further includes an auxiliary function bar for invoking auxiliary functions within the drawing window; and
wherein rendering the drawing window of the electronic drawing tool within the display of the user device includes:
displaying the bounding box to one side of the bounding box.
8. A method as in claim 5 ,
wherein the display of the user device is a touch display configured to respond to touch gestures from the user; and
wherein receiving the swipe command includes:
detecting a swipe gesture on the display, a direction of motion of the linear array of color icons across the display being based on a direction of the detected swipe gesture.
9. A method as in claim 8 ,
wherein receiving the color selection command from the user to select a color icon of the color palette further includes:
detecting a poke gesture on a color icon of the color palette, and
designating, as the selected color icon, the color icon of the color palette on which the poke gesture was detected.
10. A method as in claim 9 ,
wherein receiving the pen selection command from the user to select a pen icon of the pen palette includes:
detecting a poke gesture on a pen icon of the pen palette, and
designating, as the selected pen icon, the pen icon of the pen palette on which the poke gesture was detected.
11. An electronic apparatus constructed and arranged to operate an electronic drawing tool, the apparatus comprising a user device that includes:
a display;
memory; and
a controller having controlling circuitry, the controlling circuitry being constructed and arranged to:
render a drawing window of the electronic drawing tool within the display of the user device, the drawing window including a color palette, the color palette including color icons;
in response to receiving a color selection command from a user to select a color icon of the color palette, display a pen palette embedded within the selected color icon; and
after receiving a pen selection command from the user to select a pen icon of the pen palette, render a drawing stroke within the drawing window in a color and pen style indicated by the selected color icon and selected pen icon, respectively;
wherein the color icons of the color palette each include a rectangular block having a color that is substantially the color in which the drawing stroke is rendered in the drawing window;
wherein the controlling circuitry constructed and arranged to display the pen palette embedded within the selected color icon is further constructed and arranged to:
reveal the pen palette within the rectangular block of the selected color icon;
wherein the controlling circuitry is further constructed and arranged to:
receive the color selection command from the user to select a color icon of the color palette; and
wherein the controlling circuitry constructed and arranged to reveal the pen palette within the rectangular block of the selected color icon is further constructed and arranged to:
expand the rectangular block of the selected color icon to display the pen icons of the pen palette.
12. An apparatus as in claim 11 ,
wherein the controlling circuitry constructed and arranged to render the drawing window is further constructed and arranged to:
display, as the color palette, a linear array of color icons located at an edge of the display.
13. An apparatus as in claim 12 , wherein the controlling circuitry is further constructed and arranged to:
receive the pen selection command from the user to select a pen icon of the pen palette; and
in response to receiving the pen selection command, highlight the selected pen icon within the expanded rectangular block of the selected color icon.
14. An apparatus as in claim 13 ,
wherein the controlling circuitry is further constructed and arranged to:
receive a second color selection command from the user to select another color icon of the color palette distinct from a current selected color icon;
receive a third color selection command from the user to select the current selected color icon; and
highlight the pen icon of the pen palette embedded within the current selected color icon that was the highlighted pen icon of the pen palette embedded within the current selected color icon prior to receiving the second color section command.
15. An apparatus as in claim 13 ,
wherein the linear array of color icons is located at the bottom of the display of the user device;
wherein the rectangular block of each color icon of the color palette has a specified width, a sum of the specified widths of the rectangular blocks exceeding a width of the display of the user device;
wherein the controlling circuitry constructed and arranged to receive the color selection command from the user to select a color icon of the color palette is further constructed and arranged to:
receive a swipe command configured to move the color icons of the color palette toward the left or the right of the display.
16. A computer program product having a non-transitory, computer-readable storage medium which stores instructions that, when executed by a controller, causes the controller to carry out a method of operating an electronic drawing tool, the method comprising:
rendering a drawing window of the electronic drawing tool within a display of a user device, the drawing window including a color palette, the color palette including color icons;
in response to receiving a color selection command from a user to select a color icon of the color palette, displaying a pen palette embedded within the selected color icon; and
after receiving a pen selection command from the user to select a pen icon of the pen palette, rendering a drawing stroke within the drawing window in a color and pen style indicated by the selected color icon and selected pen icon, respectively;
wherein the color icons of the color palette each include a rectangular block having a color that is substantially the color in which the drawing stroke is rendered in the drawing window;
wherein displaying the pen palette embedded within the selected color icon includes:
revealing the pen palette within the rectangular block of the selected color icon;
wherein the method further comprises:
receiving the color selection command from the user to select a color icon of the color palette; and
wherein revealing the pen palette within the rectangular block of the selected color icon includes:
expanding the rectangular block of the selected color icon to display the pen icons of the pen palette.