Question

我试图制作一个简单的动画 - 当鼠标光标在按钮上时，我想在该按钮上添加模糊效果。

到目前为止，我有这个。：

<Button x:Name="button_Copy" Content="Leaderboard" HorizontalAlignment="Left" Margin="311,217,0,0"  VerticalAlignment="Top" Width="139" Height="34" Background="{x:Null}" BorderBrush="{x:Null}" FontSize="22" FontWeight="Bold" Foreground="#FFE2DBDB" IsHitTestVisible="True" Click="button_Copy_Click">    
    <Button.Triggers>
        <EventTrigger RoutedEvent="MouseEnter">
             <BeginStoryboard>
                 <Storyboard>    
                     <DoubleAnimation From="10" To="0" Duration="0:0:0.1" 
                                Storyboard.TargetName="blurEffect" Storyboard.TargetProperty="Radius"/>    
                 </Storyboard>
             </BeginStoryboard>
         </EventTrigger>
     </Button.Triggers>                
 </Button>

构建是成功的，但是当我把光标移到那个按钮程序上时会立即崩溃......不知道如何解决这个问题吗？

Answer 1

我看到你可能从here获得了你的榜样。

您错过了BlurEffect项目中显示的对象TextBox，如下所示：

<TextBlock Name="TxtSample" TextAlignment="Center" VerticalAlignment="Center" HorizontalAlignment="Center" Text="This is a sample and first test freetext">
    <TextBlock.Effect>
        <BlurEffect Radius="10" x:Name="blurEffect"/>
    </TextBlock.Effect>
</TextBlock>

WPF：当鼠标位于该按钮-MouseEnter上时，在按钮上添加模糊效果

1 个答案: