如何在UWP中实现TextBlock的自动淡入淡出动画？

当然可以实现！UWP的动画系统足够灵活，给TextBlock添加淡入淡出效果完全没问题。我给你两种常用的实现方案，一种是纯XAML声明式的（适合静态触发场景），另一种是后台代码动态控制的（适合需要根据业务逻辑灵活调整的场景），你可以按需选择。

这种方式不需要编写后台代码，直接在XAML里定义动画逻辑，适合页面加载自动触发、或绑定UI事件触发的场景。

下面是完整的XAML示例，包含页面加载时自动淡入，以及点击按钮触发淡出的逻辑：

<Page
    x:Class="YourAppNamespace.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <!-- 带淡入淡出动画的TextBlock -->
        <TextBlock x:Name="AnimatedTextBlock" 
                   Text="Hello, Fade Animation!" 
                   FontSize="24"
                   Opacity="0"> <!-- 初始透明度设为0，准备淡入 -->

            <!-- 定义动画资源 -->
            <TextBlock.Resources>
                <!-- 淡入动画：1秒内透明度从0过渡到1 -->
                <Storyboard x:Name="FadeInStoryboard">
                    <DoubleAnimation
                        Storyboard.TargetName="AnimatedTextBlock"
                        Storyboard.TargetProperty="Opacity"
                        From="0" To="1"
                        Duration="0:0:1"
                        AutoReverse="False"/>
                </Storyboard>

                <!-- 淡出动画：0.8秒内透明度从1过渡到0 -->
                <Storyboard x:Name="FadeOutStoryboard">
                    <DoubleAnimation
                        Storyboard.TargetName="AnimatedTextBlock"
                        Storyboard.TargetProperty="Opacity"
                        From="1" To="0"
                        Duration="0:0:0.8"
                        AutoReverse="False"/>
                </Storyboard>
            </TextBlock.Resources>

            <!-- 页面加载完成后自动触发淡入 -->
            <TextBlock.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard Storyboard="{StaticResource FadeInStoryboard}"/>
                </EventTrigger>
            </TextBlock.Triggers>
        </TextBlock>

        <!-- 触发淡出的按钮 -->
        <Button x:Name="FadeOutButton" 
                Content="触发淡出" 
                HorizontalAlignment="Center" 
                VerticalAlignment="Bottom" 
                Margin="0,0,0,20"
                Click="FadeOutButton_Click"/>
    </Grid>
</Page>

然后在后台代码中只需处理按钮点击事件，启动淡出动画：

private void FadeOutButton_Click(object sender, RoutedEventArgs e)
{
    FadeOutStoryboard.Begin();
}

如果需要根据业务逻辑（比如数据加载完成、用户操作行为）动态创建和控制动画，推荐用这种方式，灵活性更高。

下面是封装好的淡入/淡出方法，以及调用示例：

using Windows.UI.Xaml.Media.Animation;

// 淡入动画方法
private void StartFadeIn(TextBlock targetTextBlock)
{
    // 创建透明度动画
    var fadeInAnim = new DoubleAnimation
    {
        From = 0,
        To = 1,
        Duration = new Duration(TimeSpan.FromSeconds(1))
    };

    // 将动画绑定到TextBlock的Opacity属性
    Storyboard.SetTarget(fadeInAnim, targetTextBlock);
    Storyboard.SetTargetProperty(fadeInAnim, "Opacity");

    // 创建Storyboard并启动动画
    var storyboard = new Storyboard();
    storyboard.Children.Add(fadeInAnim);
    storyboard.Begin();
}

// 淡出动画方法
private void StartFadeOut(TextBlock targetTextBlock)
{
    var fadeOutAnim = new DoubleAnimation
    {
        From = 1,
        To = 0,
        Duration = new Duration(TimeSpan.FromSeconds(0.8))
    };

    Storyboard.SetTarget(fadeOutAnim, targetTextBlock);
    Storyboard.SetTargetProperty(fadeOutAnim, "Opacity");

    var storyboard = new Storyboard();
    storyboard.Children.Add(fadeOutAnim);
    storyboard.Begin();
}

// 调用示例：页面导航进入时触发淡入
protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    StartFadeIn(AnimatedTextBlock);
}

• 如果需要动画自动反向播放（比如淡入后自动淡出），可以给DoubleAnimation设置AutoReverse="True"
• 想要循环播放动画，添加RepeatBehavior="Forever"属性即可
• 对于高性能场景（比如大量元素需要动画），推荐使用Composition Animation（基于Windows.UI.Xaml.Hosting命名空间），性能表现更好，示例代码如下：

using Windows.UI.Xaml.Hosting;
using Windows.UI.Composition;

private void StartCompositionFadeIn(TextBlock target)
{
    var compositor = ElementCompositionPreview.GetElementVisual(target).Compositor;
    var fadeInAnim = compositor.CreateScalarKeyFrameAnimation();
    fadeInAnim.InsertKeyFrame(0f, 0f);
    fadeInAnim.InsertKeyFrame(1f, 1f);
    fadeInAnim.Duration = TimeSpan.FromSeconds(1);

    ElementCompositionPreview.GetElementVisual(target).StartAnimation("Opacity", fadeInAnim);
}

内容的提问来源于stack exchange，提问作者Ashish Kumar