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

Question

我正在使用Windows应用商店应用，当他点击过滤器图标时需要为用户提供一些过滤器选项。我知道如何使用弹出窗口但我仍然坚持如何满足我的要求。请建议。我想做类似的事情，如下图所示

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

请建议。

Answer 1

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

Answer 2

你可以在XAML中做到这一点，恰好在主XAML代码上，然后编写Right Grid并通过Blend做一些Storyboard :)。

<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