Matthias Shapiro

I need fewer hobbies

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.

This entry was posted in Mac Interfaces and tagged , , . Bookmark the permalink.

0 Responses to Mac Style Button Tray In Silverlight

  1. 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.


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

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

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

  5. Matthias Shapiro

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

  6. 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.

  7. rob

    Great example!

    Check this out when you get a chance:

  8. Aaron

    Love it. Keep the examples coming!