如何在运行时在uwp app中实现具有多个选项的文本框?

时间:2017-04-13 09:01:38

标签: xaml menu uwp uwp-xaml flyout

我正在开发一个UWP应用程序,我必须在Windows 10的People应用程序中进行控制。

我目前正在尝试这个

 <StackPanel x:Name="stp">
            <Button Content="Button 1" x:Name="btnAction1">
                <Button.Flyout>
                    <MenuFlyout>
                        <MenuFlyoutItem Text="Action 1" Click="MenuFlyoutItem_Click">
                        </MenuFlyoutItem>

                    </MenuFlyout>
                </Button.Flyout>
            </Button>
        </StackPanel>

和c#

 private void MenuFlyoutItem_Click(object sender, RoutedEventArgs e)
    {
        btnAction1.Margin = new Thickness(0, 10, 0, 0);
        stp.Children.Add(new TextBox() { Name = "newTxtBox", Text="Tushar"});
    }

但是这将最终处理UI太多而根本没有动画。我想给用户一个选项来删除这个动态创建的控件。

之后我会想要这样的事情:Dynamically adding textboxes with animation and option to close

有人可以帮忙吗? 提前谢谢。

1 个答案:

答案 0 :(得分:0)

查看Flyout的文档,并使用LightDismissOverlayMode属性以适合您的方案。如果需要任何特定的UI特定实现,请发布屏幕截图。