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>

效果如下

 进行记录,需要的复制然后拿去修改即可

posted @ 2021-12-28 16:34  FalyEnd  阅读(150)  评论(0编辑  收藏  举报