C# WP8.1-如何在页面底部显示弹出按钮?

C# WP8.1-如何在页面底部显示弹出按钮?,c#,xaml,windows-phone-8.1,windows-phone,C#,Xaml,Windows Phone 8.1,Windows Phone,我正在为WP8.1构建一个应用程序,我需要一个自定义键盘将某些特定字符输入文本框。我决定使用弹出按钮来显示带有一系列按钮的用户控件,这样用户就可以点击每个按钮来添加新角色 一切正常,但问题是我找不到在页面的后半部分或页面底部显示弹出按钮的方法。 这是我用来显示它的方法: private void Button_Click(object sender, RoutedEventArgs e) { var flyout = new Flyout(); var t

我正在为WP8.1构建一个应用程序,我需要一个自定义键盘将某些特定字符输入文本框。我决定使用弹出按钮来显示带有一系列按钮的用户控件,这样用户就可以点击每个按钮来添加新角色

一切正常,但问题是我找不到在页面的后半部分或页面底部显示弹出按钮的方法。 这是我用来显示它的方法:

private void Button_Click(object sender, RoutedEventArgs e)
    {
        var flyout = new Flyout();
        var tb = new CustomKeyboard();
        flyout.Placement = FlyoutPlacementMode.Bottom;
        flyout.ShowAt(Window.Current.Content as FrameworkElement);
    }
这是可行的,但即使我选择了底部位置,弹出按钮仍显示在页面顶部。我还尝试创建一个包含两行的网格,第二行包含另一个网格,并使用该内部网格作为FrameworkElement调用弹出型按钮,但它仍然显示在页面顶部,我不知道为什么

我遗漏了什么吗?是否有办法在底部显示该弹出按钮,或者是否有其他控件/类可用于显示该弹出按钮

谢谢! 塞尔吉奥

编辑:我最终使用了一个网格和一些故事板,建议如下:)


我在pivot.SelectionChanged方法中控制这些故事板,并在主页中添加了网格中的所有内容。唯一的缺点是,现在我的主页xaml文件变得有点拥挤,因为我的所有UI都在一个页面中,但它工作得很好:D
谢谢

从文档中—“在Windows Phone上,默认情况下屏幕顶部会显示一个弹出按钮。您可以将Placement属性更改为FlyoutPlacementMode。Full可使弹出按钮覆盖整个屏幕。顶部、底部、左侧和右侧的值在Windows Phone应用程序中不起任何作用。”但是,你可以用一个面板和一个简单的动画情节串连板很容易地伪造一个你自己的飞出。哦,我一定错过了啊哈哈,你说的面板是什么意思?我可以想出一个故事板,但是你能给我一些你的想法的例子吗?再次感谢!:)是的,快速的例子,去看看一个相关的例子。在该示例中,在网格中抛出一个文本块或任何东西,给它一个背景色,并将其放置在其他内容的顶部,将其放置在任何需要的位置,然后使用Begin而不是RoutedEvent启动动画,瞧!你有自己的弹出按钮,可以放在任何你想放的地方,并且可以随意使用。如果你想得到更详细的解释,必须等到明天,我就要出发了:)哦,太酷了,我只是想在一天结束之前确定你已经整理好了。对不起,耽搁了,埋头工作。无论如何,如果你得到了治疗,我想我会省去提供答案的麻烦,干杯!是的,我在另一个帖子中使用了你的答案,我编辑了一些东西以得到我想要的结果,谢谢你的帮助!:)
<!--Transitions-->
<Page.Resources>
    <Storyboard x:Name="tastieraInDestra">
        <DoubleAnimation Storyboard.TargetName="tastiera" Storyboard.TargetProperty="Opacity"
                         From="0.0" To="1.0" Duration="0:0:0.3"/>
        <DoubleAnimation Storyboard.TargetName="SlideIn" Storyboard.TargetProperty="X"
                         From="750" To="0" Duration="0:0:0.4"/>
    </Storyboard>
    <Storyboard x:Name="tastieraInSinistra">
        <DoubleAnimation Storyboard.TargetName="tastiera" Storyboard.TargetProperty="Opacity"
                         From="0.0" To="1.0" Duration="0:0:0.3"/>
        <DoubleAnimation Storyboard.TargetName="SlideIn" Storyboard.TargetProperty="X"
                         From="-750" To="0" Duration="0:0:0.4"/>
    </Storyboard>
    <Storyboard x:Name="tastieraOutDestra">
        <DoubleAnimation Storyboard.TargetName="tastiera" Storyboard.TargetProperty="Opacity"
                         From="1.0" To="0.0" Duration="0:0:0.3"/>
        <DoubleAnimation Storyboard.TargetName="SlideIn" Storyboard.TargetProperty="X"
                         From="0" To="750" Duration="0:0:0.4"/>
    </Storyboard>
    <Storyboard x:Name="tastieraOutSinistra">
        <DoubleAnimation Storyboard.TargetName="tastiera" Storyboard.TargetProperty="Opacity"
                         From="1.0" To="0.0" Duration="0:0:0.3"/>
        <DoubleAnimation Storyboard.TargetName="SlideIn" Storyboard.TargetProperty="X"
                         From="0" To="-750" Duration="0:0:0.4"/>
    </Storyboard>
</Page.Resources>