Question

我需要一个使文本控件（TextBlock，TextBox）的画笔动画化的示例。当文本块/框的值更改时，我想将其突出显示为红色，然后使其变为黑色。这在WPF中很容易完成，但是在UWP中找不到任何示例。

Answer 1

在UWP中，可以通过Storyboard设置动画。根据需要，您需要的是ColorAnimation。

这里是一个例子：

xaml

<Page.Resources>
    <Storyboard x:Name="InputBoxBorderAnimation">
        <ColorAnimation Duration="0:0:1" From="Red" To="Black" Storyboard.TargetName="MyTextBox"
                        Storyboard.TargetProperty="(MyTextBox.BorderBrush).(SolidColorBrush.Color)"/>
    </Storyboard>
</Page.Resources>

<Grid>
    <TextBox x:Name="MyTextBox" HorizontalAlignment="Center" 
             VerticalAlignment="Center" Width="300" TextChanged="MyTextBox_TextChanged"/>
</Grid>

xaml.cs

private void MyTextBox_TextChanged(object sender, TextChangedEventArgs e)
{
    InputBoxBorderAnimation.Begin();
}

每次您在文本框中输入文本时，都会更改边框颜色。

如果您想了解有关UWP动画的更多信息，这些文档可能会为您提供帮助：

如何为UWP中的文本设置动画颜色？

1 个答案: