Toolbar source

ToolBar.xaml

<Canvas xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Width="640" 
        Height="480" /> 

Toolbar.xaml.cs

using System; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Ink; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 
using System.Collections.ObjectModel; 

namespace SPFControls 
{ 
    public class Toolbar : Control 
    { 
        Canvas _rootCanvas; 
        ObservableCollection<ToolbarButton> _toobarcollection; 

        public Toolbar() 
        { 
            System.IO.Stream s = this.GetType().Assembly.GetManifestResourceStream("Toolbar.Toolbar.xaml"); 
            _rootCanvas = this.InitializeFromXaml(new System.IO.StreamReader(s).ReadToEnd()) as Canvas; 
            _toobarcollection = new ObservableCollection<ToolbarButton>(); 
            _toobarcollection.CollectionChanged += new NotifyCollectionChangedEventHandler<ToolbarButton>(_toobarcollection_CollectionChanged); 
            this.Loaded += new EventHandler(Toolbar_Loaded); 
        } 

        void _toobarcollection_CollectionChanged(object sender, NotifyCollectionChangedEventArgs<ToolbarButton> e) 
        { 
            UpdateLayout(); 
        } 

        public ObservableCollection<ToolbarButton> ToolBarCollection 
        { 
            get { return _toobarcollection; } 
        } 

        void Toolbar_Loaded(object sender, EventArgs e) 
        { 
            UpdateLayout(); 
        } 

        public new double Height 
        { 
            get { return ((FrameworkElement)this).Height; } 
            set 
            { 
                ((FrameworkElement)this).Height = value; 
                UpdateLayout(); 
            } 
        } 

        public new double Width 
        { 
            get { return ((FrameworkElement)this).Width; } 
            set 
            { 
                ((FrameworkElement)this).Width = value; 
                UpdateLayout(); 
            } 
        } 

        void UpdateLayout() 
        { 
            double buttonwidth = 1; 
            double left = 0; 
            try 
            { 
                _rootCanvas.Height = Height; 
                _rootCanvas.Width = Width; 
                if (_toobarcollection.Count > 0) 
                { 
                    buttonwidth = Width / _toobarcollection.Count; 
                } 

                _rootCanvas.Children.Clear(); 
                foreach (ToolbarButton tb in _toobarcollection) 
                { 
                    tb.Height = Height; 
                    tb.Width = buttonwidth; 
                    _rootCanvas.Children.Add(tb); 
                    tb.SetValue(Canvas.LeftProperty, left); 
                    left += buttonwidth; 
                } 

            } 
            catch (Exception err) 
            { 
            } 

        } 

    } 
} 

ToolbarButton.xaml

<Canvas xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Width="70" 
        Height="70" 
        MouseEnter="_rootCanvas_MouseEnter" 
        > 
<Canvas.Resources> 

                <Storyboard x:Name="Popup"> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="2"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="2"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="2"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="2"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.Opacity)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/> 
                    </DoubleAnimationUsingKeyFrames> 
                </Storyboard> 
                <Storyboard x:Name="PopDown"> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="2"/> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="2"/> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="2"/> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="2"/> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.Opacity)"> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> 
                        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.7"/> 
                    </DoubleAnimationUsingKeyFrames> 
                    <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="image" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)"> 
                        <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF000000"/> 
                        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#FFEFF4FA"/> 
                    </ColorAnimationUsingKeyFrames> 
                </Storyboard> 

    </Canvas.Resources> 
    <Rectangle RenderTransformOrigin="0.5,0.5" Stroke="#FF000000" RadiusX="14.5" RadiusY="14.5" x:Name="rectangle" Width="70" Height="70" StrokeThickness="1"> 
        <Rectangle.Fill> 
            <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5" x:Name="UnPressed"> 
                <GradientStop Color="#FF6392C7" Offset="0"/> 
                <GradientStop Color="#FF6392C7" Offset="1"/> 
                <GradientStop Color="#FFF8F2F2" Offset="0.12"/> 
                <GradientStop Color="#FFF8F2F2" Offset="0.899"/> 
            </LinearGradientBrush> 
        </Rectangle.Fill> 
        <Rectangle.RenderTransform> 
            <TransformGroup> 
                <ScaleTransform ScaleX="1" ScaleY="1"/> 
                <SkewTransform AngleX="0" AngleY="0"/> 
                <RotateTransform Angle="0"/> 
                <TranslateTransform X="0" Y="0"/> 
            </TransformGroup> 
        </Rectangle.RenderTransform> 
    </Rectangle> 
    <Image RenderTransformOrigin="0.5,0.5" x:Name="image" Width="50" Height="50" Source="feed.jpg" Canvas.Left="10" Canvas.Top="10" Opacity="0.7" OpacityMask="#FF000000"> 
        <Image.RenderTransform> 
            <TransformGroup> 
                <ScaleTransform ScaleX="1" ScaleY="1"/> 
                <SkewTransform AngleX="0" AngleY="0"/> 
                <RotateTransform Angle="0"/> 
                <TranslateTransform X="0" Y="0"/> 
            </TransformGroup> 
        </Image.RenderTransform> 
    </Image> 
    <TextBlock Visibility="Hidden" x:Name="tooltip" Width="126" Height="38.75" Canvas.Left="62" Canvas.Top="66.75" Text="" TextWrapping="Wrap"/> 
</Canvas>

ToolbarButton.xaml.cs

using System; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Ink; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 

namespace SPFControls 
{ 
    public class ToolbarButton : Control 
    { 
        Storyboard _popup; 
        Storyboard _popdown; 
        Canvas _rootCanvas; 
        Image _image; 
        Rectangle _rectangle; 
        bool _mousedown = false; 
        LinearGradientBrush _pressed; 
        LinearGradientBrush _unpressed; 
        TextBlock _tooltip; 

        public event EventHandler<EventArgs> Click;  

        public ToolbarButton() 
        { 
            System.IO.Stream s = this.GetType().Assembly.GetManifestResourceStream("Toolbar.ToolbarButton.xaml"); 
            _rootCanvas = this.InitializeFromXaml(new System.IO.StreamReader(s).ReadToEnd()) as Canvas; 
            //_rootCanvas.MouseEnter += new MouseEventHandler(_rootCanvas_MouseEnter); 
            _rootCanvas.MouseLeave += new EventHandler(_rootCanvas_MouseLeave); 
            this.Loaded += new EventHandler(ToolBarButton_Loaded); 
            _popup = _rootCanvas.FindName("Popup") as Storyboard; 
            _popdown = _rootCanvas.FindName("PopDown") as Storyboard; 
            _rectangle = _rootCanvas.FindName("rectangle") as Rectangle; 
            _image = _rootCanvas.FindName("image") as Image; 
            _rootCanvas.MouseLeftButtonDown += new MouseEventHandler(_rootCanvas_MouseLeftButtonDown); 
            _rootCanvas.MouseLeftButtonUp += new MouseEventHandler(_rootCanvas_MouseLeftButtonUp); 
            System.IO.Stream s1 = this.GetType().Assembly.GetManifestResourceStream("Toolbar.Pressed.xaml"); 
            _pressed = XamlReader.Load(new System.IO.StreamReader(s1).ReadToEnd()) as LinearGradientBrush; 
            _unpressed = _rootCanvas.FindName("UnPressed") as LinearGradientBrush; 
            _tooltip = _rootCanvas.FindName("tooltip") as TextBlock; 

        } 

        void ToolBarButton_Loaded(object sender, EventArgs e) 
        { 
            UpdateLayout(); 
        } 

        void _rootCanvas_MouseLeave(object sender, EventArgs e) 
        { 
            _popdown.Begin(); 
            this.SetValue(Canvas.ZIndexProperty, 0); 
            _mousedown = false; 
            UnPressedLook(); 
            _tooltip.Visibility = Visibility.Hidden; 
        } 

        void _rootCanvas_MouseEnter(object sender, MouseEventArgs e) 
        { 
            _popup.Begin(); 
            this.SetValue(Canvas.ZIndexProperty, 5); 
            _tooltip.Visibility = Visibility.Visible; 
        } 

        void _rootCanvas_MouseLeftButtonDown(object sender, MouseEventArgs e) 
        { 
            _mousedown = true; 
            PressedLook(); 
        } 

        void _rootCanvas_MouseLeftButtonUp(object sender, MouseEventArgs e) 
        { 
            if (this.Click != null && _mousedown == true) 
            { 
                this.Click(this, EventArgs.Empty); 
                _mousedown = false; 
            } 
            UnPressedLook(); 

        } 

        void PressedLook() 
        { 
            _rectangle.Fill = _pressed; 
        } 

        void UnPressedLook() 
        { 
            _rectangle.Fill = _unpressed; 
        } 

        public Uri Image 
        { 
            get { return _image.Source; } 
            set { 
                _image.Source = value; 
            } 
        } 

        public new double Height 
        { 
            get { return ((FrameworkElement)this).Height; } 
            set 
            { 
                ((FrameworkElement)this).Height = value; 
                UpdateLayout(); 
            } 
        } 

        public new double Width 
        { 
            get { return ((FrameworkElement)this).Width; } 
            set 
            { 
                ((FrameworkElement)this).Width = value; 
                UpdateLayout(); 
            } 
        } 

        public string ToolTip 
        { 
            get { return _tooltip.Text; } 
            set { _tooltip.Text = value; } 
        } 

        void UpdateLayout() 
        { 

            _rootCanvas.Height = Height; 
            _rootCanvas.Width = Width; 
            _rectangle.Height = Height; 
            _rectangle.Width = Width; 
            _image.Height = Height - 20; 
            _image.Width = Width - 20; 

        } 
    } 
} 

Pressed.xaml

<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5"> 
  <GradientStop Color="#FF6392C7" Offset="0.125"/> 
  <GradientStop Color="#FF6392C7" Offset="0.88"/> 
  <GradientStop Color="#FFF8F2F2" Offset="0"/> 
  <GradientStop Color="#FFF8F2F2" Offset="1"/> 
</LinearGradientBrush>