Windows Phone - 从底部自定义滑动菜单答案

【问题标题】：Windows Phone - custom sliding menu from bottomWindows Phone - 从底部自定义滑动菜单
【发布时间】：2014-12-15 22:54:02
【问题描述】：

我想创建自己的底部菜单。我创建自定义控件，并将 MainPage 添加到底部的 Canvas。现在我想在点击项目后向上滑动菜单并显示其余部分。我不知道该怎么做。我试过这样的事情：

<UserControl.Resources>

    <Storyboard x:Key="SlideUp">
        <DoubleAnimation x:Name="myDoubleAnimation"
                         Storyboard.TargetName="bottomMenu"
                         Storyboard.TargetProperty="(Canvas.Top)"
                         From="64.0" To="400.0" Duration="0:0:2"
                         />
    </Storyboard>
</UserControl.Resources>

我在 BottomMenu.xaml.cs 中调用它：

    private void HomeBarImage_Tap(object sender, System.Windows.Input.GestureEventArgs e)
    {
        Storyboard db = this.Resources["SlideUp"] as Storyboard;
        db.Begin();
    }

但它什么也没做。它适用于不透明度、宽度等，但不适用于 Canvas 属性。我想这与其他属性有关，但可以在 MainPage.xaml 中设置画布。

那么让它工作的最佳方式是什么？我该如何解决这个问题？当我点击菜单中的某些内容时，如何将此手势传播到 MainPage.xaml.cs？

【问题讨论】：

您要制作动画的元素的名称是什么？ Canvas 也不是属性
我的意思是 Canvas.Top 属性。哦，现在我看到我错误地更改了示例，但在项目中我做对了。

标签： c# windows-phone-8 windows-phone slide

【解决方案1】：

您只能在作为Canvas 的直接子元素的元素上使用Canvas.Top。相反，您可能想要为以下之一设置动画：

Height
MaxHeight
将RenderTransform 添加到您的菜单并为其Y 属性设置动画

【讨论】：