WPF按钮文字随鼠标划入而变化
直接上代码 给你们看看梨子
<Window.Resources> <Style x:Key="BorderStyle" TargetType="{x:Type Border}"> <Setter Property="BorderThickness" Value="5" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Blue" /> <Setter Property="BorderBrush" Value="Red" /> </Trigger> <Trigger Property="IsMouseOver" Value="False"> <Setter Property="Background" Value="Red" /> <Setter Property="BorderBrush" Value="Blue" /> </Trigger> </Style.Triggers> </Style> <!-- Button样式 --> <Style x:Key="ButtonStyle" TargetType="{x:Type Button}"> <Setter Property="BorderThickness" Value="1" /> <Style.Triggers> <!-- 鼠标滑进字体变大 --> <EventTrigger RoutedEvent="MouseMove"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="FontSize" To="18" Duration="0:0:0.2" /> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> <!-- 鼠标滑进字体变小 --> <EventTrigger RoutedEvent="MouseLeave"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="FontSize" To="13" Duration="0:0:0.2" /> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </Style.Triggers> </Style> </Window.Resources> <Grid> <Border Width="100" Height="100" Style="{DynamicResource BorderStyle}" /> <StackPanel HorizontalAlignment="Left" VerticalAlignment="Center"> <TextBox Width="100" Height="30" /> <Button Width="100" Height="30" Margin="0,10,0,0" Content="淦进" FontSize="13" Style="{DynamicResource ButtonStyle}" /> </StackPanel> </Grid>
效果如下
进行记录,需要的复制然后拿去修改即可