如何创建在图像点击事件中从屏幕右侧出现的弹出窗口？

Question

我正在开发 Windows Store 应用程序，该应用程序需要在用户点击过滤器图标时向其提供一些过滤器选项。我知道如何使用浮出控件，但我对如何满足我的要求一筹莫展。请建议。我想做类似下图所示的事情

当用户点击过滤器时，弹出菜单必须从屏幕右侧打开，类似于下图。

求推荐。

Answer 1

您可以在 XAML 中做到这一点，只需右击主 XAML 代码，然后编写右网格并通过 Blend 做一些情节提要 :)。

<Grid>
        <!-- Your main xaml code.. -->
            <!-- right side menu -->
        <Grid Width="400"  RenderTransformOrigin="0.5,0.5" >
            <Grid.RenderTransform>
                <CompositeTransform TranslateX="400"/>
            </Grid.RenderTransform>
            <!-- some filters -->
        </Grid>

    </Grid>

更新：

参考：Storyboard for XAML

Answer 2

您可以像 Nasser 对您说的那样，通过 Blend 向网格添加一些故事板，或者添加自定义 SettingFlyout，因为此示例展示了如何做到这一点 https://code.msdn.microsoft.com/windowsapps/App-settings-sample-1f762f49

如何创建在图像点击事件中从屏幕右侧出现的弹出窗口？

How to create a flyout which appears from right side of screen on image tap event?

c#

xaml

windows-store-apps

windows-8.1