Xaml Windows Phone 8.1类似于操作中心的页面设计

我正在尝试使用translate transform在用户手指移动时从上到下移动页面表单中的对象。我们应该看到的页面内容，因为酒吧下降到页面和坐在底部

就像windows phone 8.1中的操作中心一样

请让我知道我们如何设计的任何想法。谢谢。

问得好

我的第一个想法是做类似的事情。 您可以获取触摸输入位置，然后从屏幕顶部移动一个矩形，并根据触摸输入的Y线向下平移

编辑： 好的，这就是你能做的

创建一个画布并将其放置在顶部的某个位置（在折叠状态下，我将其高度设置为14）

然后创建一个

private void cn\u操纵delta（对象发送者，System.Windows.Input.ManipulationDeltaEventArgs e）

事件，并设置画布的高度。我还包括了一个

float I

，如果用户在pull事件中释放，它会在稍后使其回缩或覆盖整个屏幕

private void cn_ManipulationDelta(object sender, System.Windows.Input.ManipulationDeltaEventArgs e)
        {
            cn.Height += e.DeltaManipulation.Translation.Y;
            i = (float)e.CumulativeManipulation.Translation.Y;

        }

就这样。您还可以添加此事件，使其在用户释放时快速返回或覆盖整个屏幕

private void cn_ManipulationCompleted(object sender, System.Windows.Input.ManipulationCompletedEventArgs e)
        {
            if(i < 100)
            {
                cn.Height = 14; 
            }
            else
            {
                cn.Height = Application.Current.Host.Content.ActualHeight;  
            }
        }

private void cn\u操作已完成（对象发送方，System.Windows.Input.ManipulationCompletedEventArgs e）
{
如果（i<100）
{
cn.高度=14；
}
其他的
{
cn.Height=Application.Current.Host.Content.ActualHeight；
}
}

当然，您可以添加更平滑的动画，使其缓慢返回到折叠视图或填充整个页面。

---

我希望这有帮助

我尝试过使用这些事件，问题是整个矩形将沿Y移动，我仍然需要一个底部栏沿Y移动的页面。就像操作中心栏一样。尝试更改矩形的高度，而不是其Y位置。谢谢，但我无法获得预期的结果。让网格视图显示内容并移动网格视图页脚如何。最初，它应该只显示页脚，当用户按住页脚并向下移动时，它应该显示网格视图的内容。有可能吗。我希望我已经正确地向你传达了这个问题。考虑使用画布而不是栅格视图，来获得与动作中心一样的“显露”效果。只需更改画布的高度即可，其中包含所有按钮、文本视图等。谢谢：）。在代码中进行了一些小的编辑，以支持电话属性。