弹出动画UWP

Question

我有一个以动画打开并以动画关闭的弹出窗口，其属性IsLightDismissEnabled设置为true，这使弹出窗口即使在其外部单击也可以关闭。但是，如果我反复单击btnPopUp，则弹出窗口会关闭，并且始终以不同的位置打开。

有可能解决此问题，使动画保留-PaneThemeTransition Edge =“ Top”-因为我希望动画在打开时滚动并在关闭时滚动。

MainPage.xaml：

<Grid x:Name="RootGrid" Width="500" Height="40">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="40"/>
    </Grid.ColumnDefinitions>
    <Popup x:Name="PopUpPanel" IsLightDismissEnabled="True" RenderTransformOrigin="0.5,0.5" >
        <Popup.ChildTransitions>
            <TransitionCollection>
                <PaneThemeTransition Edge="Top"/>
            </TransitionCollection>
        </Popup.ChildTransitions>
        <Grid x:Name="PopUpGrid" Margin="0" Height="350" Width="460" VerticalAlignment="Bottom" HorizontalAlignment="Center" Background="#FF2D9319"/>
    </Popup>
    <Button x:Name="btnPopUp" Grid.Column="1" Click="btnPopUp_Click" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</Grid>

MainPage.xaml.cs：

private void btnPopUp_Click(object sender, RoutedEventArgs e)
{
    PopUpPanel.IsOpen = true;
}

总是提前谢谢！