C# 如何为StackPanel创建动画

与其他网站一样，当您将鼠标悬停在某个项目上时，信息会弹出或向上移动（从单个文本到多个文本等） 我也想把它存档在UWP中

<Grid>
   <Image source="1.png"/>
   <StackPanel>
       <TextBlock Text="1"/>
       <TextBlock Text="2"/>
       <TextBlock Text="3"/>
   </StackPanel>
</Grid>

---

如何创建堆栈默认隐藏在“网格”下的动画，以及当鼠标悬停时“堆栈面板”从文本1移动到文本3？

您可以使用

DoubleAnimation

从0到1为

TextBlock

的

不透明度设置动画

我制作了一个简单的代码示例供您参考：

<Page.Resources>
    <Storyboard x:Name="StoryboardSample1">
        <DoubleAnimation Duration="0:0:2" To="1"
            Storyboard.TargetProperty="Opacity"
            Storyboard.TargetName="txb1" Completed="DoubleAnimation_Completed"/>
    </Storyboard>

    <Storyboard x:Name="StoryboardSample2">
        <DoubleAnimation Duration="0:0:2" To="1"
            Storyboard.TargetProperty="Opacity"
            Storyboard.TargetName="txb2" Completed="DoubleAnimation_Completed_2"/>
    </Storyboard>

    <Storyboard x:Name="StoryboardSample3">
        <DoubleAnimation Duration="0:0:2" To="1"
            Storyboard.TargetProperty="Opacity"
            Storyboard.TargetName="txb3" />
    </Storyboard>
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
        <Image Source="/Assets/dog.jpg"/>
        <StackPanel PointerEntered="StackPanel_PointerEntered">
            <TextBlock x:Name="txb1" Text="1" FontSize="30" Opacity="0"/>
            <TextBlock x:Name="txb2" Text="2" FontSize="30" Opacity="0"/>
            <TextBlock x:Name="txb3" Text="3" FontSize="30" Opacity="0"/>
        </StackPanel>
    </Grid>
</Grid>

有关更多详细信息，请阅读

检查以下内容：