UWP网格过渡

Question

我试图为我的弹出网格（用户控件）创建一个过渡。 它运作良好，但仅此一次，此后过渡就不起作用，而且，当我关闭网格时，我没有进行反向过渡

Xaml UserControl：

<UserControl Visibility="Collapsed">

    <Grid Background="red">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Grid.Transitions>
            <TransitionCollection>
                <EdgeUIThemeTransition Edge="Bottom"/>
            </TransitionCollection>
        </Grid.Transitions>

        <StackPanel>
            <Button Content="Close" Click="close_Click"/>
        </StackPanel>
    </Grid>
</UserControl>

C＃UserControl：

public sealed partial class MyUserControl1 : UserControl
{
    public MyUserControl1()
    {
        this.InitializeComponent();
    }

    private void close_Click(object sender, RoutedEventArgs e)
    {
        Visibility = Visibility.Collapsed;
    }
}

Xaml页面：

<Page>
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <local:MyUserControl1 x:Name="popUp"/>
        <Button Content="Open" Click="Open_Click"/>
    </Grid>
</Page>

C＃页面：

private void Open_Click(object sender, RoutedEventArgs e)
{
    popUp.Visibility = Visibility.Visible;
}

我认为问题是可见性，但是我需要它来显示和隐藏控件，我应该在用户控件中使用视觉状态吗？

Answer 1

在click_Close语句中您是否尝试过使用

this.Visibility = Visibility.Collapsed;

因为按照我的阅读方式，目前似乎没有针对性的元素。

我承认，我还没有测试过-这只是我注意到的东西，希望它可以工作并为您节省一些编码。 （我知道C＃足以使危险> = D）

Answer 2

现在我使用：

C＃UserControl（删除用户控件）：

private void close_Click(object send, RoutedEventArg e)
{
    ((Panel)this.Parent).Children.Remove(this);
}

Xaml UserControl（我在这里设置过渡）

<UserControl.Transitions>
    <TransitionCollection>
        <EdgeUIThemeTransition Edge="Botom"/>
    </TransitionCollection> 
</UserControl.Transitions>

C＃页面（创建用户控件）：

MyUserControl cont = new MyUserControl();
MygridName.children.Add(cont);