c# - 可以通过在 WPF 中平滑更改字体粗细来脉冲文本吗？

Question

我想为某些文本（又名 WPF Run 对象）添加淡入/淡出效果。我不希望它一次切换粗体/非粗体。我希望它在粗体和正常之间进行动画处理。这可能吗？

Answer 1

我认为您不能在 Fontweights 之间设置动画，因为它们就像没有“中间”状态的固定值。我认为最好的选择是拥有 2 个文本块（一个普通文本块和一个具有相同文本的粗体），然后对两者的不透明度进行动画处理，使正常的一个淡出，而粗体的一个淡入。这样看起来就像字体以动画方式从正常“过渡”到粗体。

<Control>
            <Control.Template>
                <ControlTemplate>
                    <DockPanel>
                        <ToggleButton x:Name="btn" Content="IsBold"/>
                        <Grid Width="200">
                            <TextBlock Text="Transition" x:Name="normal" TextAlignment="Center"/>
                            <TextBlock Text="Transition" FontWeight="Bold" Opacity="0" x:Name="bold" TextAlignment="Center"/>
                        </Grid>
                    </DockPanel>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" SourceName="btn" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard Duration="00:00:01">
                                        <DoubleAnimation Storyboard.TargetName="normal" Storyboard.TargetProperty="Opacity" To="0"/>
                                        <DoubleAnimation Storyboard.TargetName="bold" Storyboard.TargetProperty="Opacity" To="1"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard Duration="00:00:01">
                                        <DoubleAnimation Storyboard.TargetName="normal" Storyboard.TargetProperty="Opacity" To="1"/>
                                        <DoubleAnimation Storyboard.TargetName="bold" Storyboard.TargetProperty="Opacity" To="0"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>



                </ControlTemplate>
            </Control.Template>
        </Control>