EasyPainter Source Pack1: Color Picker, RangeSlider, Small Expander, Fast Drop Shadow and more!

Feb 8, 2010

I'm very happy to publish the EasyPainter source code pack. The controls in the pack are optimized for usability, speed and size.

All of them have been succesfully used in real-life apps which is the best way to test if something works.

Download Source Code

Here's a live demo:

This pack contains the following controls:

  • Color Picker - feature complete control that allows to pick any color, transparency or type in hex color
  • Editable, auto-formatting slider - if you want to give the user the ability to quickly choose values with previews, this control is for you. It will also try and self-adapt the number format (spaces after the zero), based on the scale you specify.
  • Fast drop shadow frame - consists of few rectangles, without customizations. But you can have a lot of those, in many sizes and not worry about performance.
  • Minimalistic Expander - the best thing about this control is that it's small (12KB). You don't need to get the whole 300+KB Microsoft.Windows.Controls from the Silverlight Toolkit.
  • The toolbar buttons used in EasyPainter on the side and top toolbar
  • The toolbar radio buttons used in EasyPainter for tool selection

Hope you like it!

btw, here's a nice trick that I used to do the rectangle background for the alpha picker:

         <Rectangle Fill="White" />
        <Line Stroke="Gray" StrokeThickness="4" StrokeDashArray="1,1" X1="2" Y1="0" X2="2" Y2="300"  />
        <Line Stroke="Gray" StrokeThickness="4" StrokeDashArray="0,1,0" X1="2" Y1="0" X2="2" Y2="300" Grid.Column="1"  />

In the posts coming up, I'll talk about compositing the image on screen, filters, and drawing with pixel shaders! There's also adorner, cursor code, and Flickr integration coming up!

 

  

Comments

2/9/2010 9:26:53 AM #

Rene Schulte

W00t. I love the controls, esp. the Slider. I will surely use it in some of my upcoming projects.
Thanks for sharing.

Rene Schulte | Reply

2/9/2010 9:32:13 AM #

Rene Schulte

It would be cool if the Slider could support a double click to edit the value directly, so you don't have to click on the little icon.

Rene Schulte | Reply

2/9/2010 9:34:16 AM #

Rene Schulte

Oh, sorry another one. ;)
It would also be great if the Slider had support for logarithmic scaling.

Rene Schulte | Reply

2/9/2010 10:35:52 AM #

@atozon

Would be great to see these move to Silverlight Toolkit.

@atozon | Reply

2/9/2010 10:36:51 AM #

@andrejt

Ugh, can't even get my twitter handle right anymore Tong

@andrejt | Reply

2/9/2010 5:36:03 PM #

nokola

Thanks for the feedback Rene and Andrej
@Rene: yes double-click would be nice, I wrote it down and will get to it sometime soon. About logaritmic scaling - this should be fairly easy too. Do you have some particular use in mind for that?

@Anrej: I'll ping the Silverlight Toolkit guys to see if they want to get the controls in there.

nokola | Reply

2/9/2010 7:49:10 PM #

Morten

I love the drop shadow trick. Ingenious!

Morten | Reply

2/15/2010 7:08:23 AM #

pingback

Pingback from silverlightru.net

Все о Microsoft Silverlight   » EasyPainter Source Pack 1

silverlightru.net | Reply

2/25/2010 6:33:11 PM #

Walt Ritscher

Very nice implementation of the slider input control. You're doing great work as usual.

Walt Ritscher United States | Reply

Add comment




  Country flag

biuquote
  • Comment
  • Preview
Loading



nokola.com | Terms | Log in