WPF 实现 Apple滑动工具条

就是下面这种效果

 

 

 

<Window x:Class="WPF.AppleToolBar.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="50" Width="200"
    WindowState="Normal"
    WindowStyle="None"
    AllowsTransparency="True"
        Background="Transparent"
        ResizeMode="NoResize" Opacity="0.2">
    <Window.Resources>
        <Style TargetType="{x:Type Image}">
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <ScaleTransform/>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX"
                                                 To="1.5" Duration="0:0:0.25"/>
                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY"
                                                 To="1.5" Duration="0:0:0.25"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX"
                                                 To="1" Duration="0:0:0.25"/>
                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY"
                                                 To="1" Duration="0:0:0.25"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <Border CornerRadius="8" Margin="5" Opacity="1">
            <Border.Background>
                <LinearGradientBrush  StartPoint="1,0" EndPoint="1,1">
                    <GradientStop Color="#63b0eb" Offset="0.1"/>
                    <GradientStop Color="White" Offset="1"/>
                </LinearGradientBrush>
            </Border.Background>
            <Border.BitmapEffect>
                <OuterGlowBitmapEffect Opacity="0.7" GlowSize="5" GlowColor="Black"/>
            </Border.BitmapEffect>
            <UniformGrid Columns="4">
                <Image Source="/WPF.AppleToolBar.Resource;Component/Image/find.png" Width="30" Height="30"/>
                <Image Source="/WPF.AppleToolBar.Resource;Component/Image/save.png" Width="30" Height="30"/>
                <Image Source="/WPF.AppleToolBar.Resource;Component/Image/print.png" Width="30" Height="30"/>
                <Image Source="/WPF.AppleToolBar.Resource;Component/Image/exit.png" Width="30" Height="30"/>
            </UniformGrid>
        </Border>
    </Grid>
</Window>