Friday, February 20, 2009

Silverlight Calculator Control & Silverlight Calendar Control Finally Released

Hi dudes,

Finally... I managed to create 2 new cool widget control, calculator & calendar. This application was developed using Microsoft Expression Blend 2 SP1 and Visual Studio 2008 SP1. This is what I do during free time.

Currently this 2 widget have been published at
silverlight.net showcase. To be more specific, in the showcase page, click on the geography menu at the top left corner, then click on the Malaysia flag.


Silverlight Calculator Control

A smooth blend effect when you hover your mouse on the buttons.




click here to see the live demo

now in codeplex

Silverlight Calendar Control

A smooth blend effect to the gradient background color when you pick any color provided at the bottom of the calendar.




click here to see the live demo

now in codeplex

6 comments:

  1. Nice work. i like to look and feel.

    i hope you will continue on that widgets and take further enhancement to include scientific calculator and tagged the calendar with special events.

    ReplyDelete
  2. Hi murad,
    I am Vijendra.
    I had seen your calendar control in silverlight.net website
    It was so good that I fell in love with it.

    But..
    How do i change the function from taking single background color to a function which can take a gradient color

    ReplyDelete
  3. here is the code snippet to change the gradient background color :-

    //Event when click the circle color
    void selectBackground(object sender, MouseEventArgs e)
    {
    Brush scb = ((Rectangle)sender).Fill;
    SolidColorBrush b = scb as SolidColorBrush;
    changeBackground(b.Color);
    }

    // Change the background color.
    void changeBackground(Color selectedColor)
    {
    MainBgColorAnimation.To = selectedColor;
    MainBgStoryboard.Begin();

    }

    ReplyDelete
  4. Again you are dealing with solid brushes
    I need a gradient brust
    And why are you using (rectangle)?

    Thanks,
    Vijendra

    ReplyDelete
  5. The gradient part is done by the color animation. You just need to supply the solid color brush.

    hope this will settle your doubts.

    ReplyDelete
  6. ..another cool samples. kudos dude.
    Now.. try on 'Jawa' calender , perhaps? :)

    ReplyDelete