Mac Style Button Tray In Silverlight

Here’s a Mac style Button tray I whipped up. I think it’s a neat concept and I’d love to see some more of this kind of dynamic interfaces in Sivlerlight.

Actually, I’d love to see more dynamic interfaces in general. :-)

The source code is a mess right now, but you’re welcome to it if you’d like.

Download Project files for Mac Style Button Tray

I’ve said this a couple times, but I’ll say this again… if you’re writing animation tweening in code for Silverlight, you’re doing it wrong. Take advantage of the Silverlight animation engine… it’s awesome. This sample actually creates the animations in XAML and then manipulates just the properties that we need to be dynamic in the code. Then it lets the Silverlight engine take care of the rest.

I’ve surrounded the tray with a border to give an indication of where interaction is possible.

11 Comments

  1. Aaron:

    Love it. Keep the examples coming!

  2. rob:

    Great example!

    Check this out when you get a chance:

    http://webaqua.intersoftpt.com/

  3. Joel "Jaykul" Bennett:

    The problem is … your current implementation doesn’t HELP anything: the bar doesn’t pop up until you actually mouse over the icon …at which point, changing it’s size (and position) is contra-indicated. In fact, if you try to click on that left-most icon, the chances are you’ll click on the one to it’s right, instead.

    The key that makes Apple’s dock useful is that it grows BEFORE you get to it, AND if you click on an area where an icon started, you click on that icon.

  4. Matthias Shapiro:

    Wow… I completely forgot to uncomment my horizontal compensation code. Thanks for pointing that out! I’ve updated the project.

  5. 2008 December 03 - Links for today « My (almost) Daily Links:

    [...] Matthias Shapiro’s Mac Style Button Tray In Silverlight [...]

  6. mike wolf:

    nice, I agree w/ the dynamic storyboard route 100%

  7. Jonathan van de Veen:

    Realy nice. I’ll be sure to have a look later on.

  8. kimhout:

    the Mac Style Button Tray is very beautiful.
    But i really wonder when i have downloaded it –> I could not opened it and the error said: (the project type is not supported by this installation). Note** I use Visual studio 2008.
    any body help me to open the Mac Style Button Tray.

    Thank.

  9. Silverlight Resources Directory Update (06 Aug):

    [...] Mac Style Button Tray control. Simple and easy to use! Original Post [...]

  10. Mac Style Button Tray | Silverlike - A Free Microsoft Silverlight 3 Directory:

    [...] Matthias Shapiro Mac Style Button Tray control (or this can be called Fish eye effect). Simple and easy to use! [...]

  11. Harsha:

    Simply and awesome. Gr8 work.

Leave a comment