WPF 手机 UI（滑动屏幕）

Question

我正在寻找一些关于创建类似 UI 的手机的最佳方法的建议（特别是滑动屏幕部分）。这是我正在为一家 IT 支持公司开发的系统托盘工具。 WPF 应用程序看起来像一部手机，在手机显示屏上包含各种不同的按钮和数据。我实际上已经完成了应用程序，但现在他们想要改变一些东西并添加更多屏幕。

我现在拥有的：

在其主屏幕上想象一部 android 手机，然后向右滑动并获得一组全新的图标和数据。这几乎就是这样。我目前有 3 个不同的屏幕，我通过创建一个比可视区域更大的 Grid 来实现这一点。当您转到下一个屏幕时，网格的边距使用情节提要更改（因此看起来像滑动），然后下一个屏幕位于可视区域中。然后主屏幕位于手机的左侧（隐藏），第三个屏幕位于手机的右侧（也隐藏）。

知道现在的情况吗？如果我做了一个糟糕的解释工作，也许我可以上传一些显示 UI 的东西（让我知道）。

我这样做的问题：

按照我想要的方式获得三个屏幕有点痛苦，因为我必须手动更改边距，以便查看需要查看和编辑的网格部分。当应用程序运行时，更容易看到它们，因为您只需按下一个按钮，屏幕就会为您移动。现在我要添加更多的屏幕，这更加困难，而且似乎应该有一种更简单的方法。

有人知道我可以修改哪些示例 WPF 应用程序、模板或控件以使用类似的东西吗？关于如何从头开始构建一些更容易修改和添加的东西的建议怎么样？想到的可能是一种对每个屏幕进行单独控制的方法，并找到一种方法使一个控件滑出另一个控件同时滑入。它必须看起来像它们基本上是连接的。

完全披露：我不是开发人员。我是一名系统工程师，恰好负责为我们的客户创建自定义系统托盘工具以启动聊天支持会话（除其他外）。您可以提供的任何帮助将不胜感激！我确实尝试过搜索，但不断提出诸如音量控制滑块之类的示例（而不是像滑块那样的手机 UI）。

再次感谢！

Answer 1

您还可以使用Frame 在Pages 之间导航（请参阅QuickStart）。除了转换之外，这将完成处理页面之间导航所需的一切，但可以使用类似this from StackOverflow

Answer 2

如果您使用的是 DevExpress，您可以使用 DevExpress FlipView 控件。通过使用翻转视图，您可以添加所需的屏幕数量。在显示时，您可以隐藏翻转按钮、捕捉滑动或鼠标移动并相应地翻转视图。

我对 DevExpress 控件的了解非常有限。但据我了解，我认为 Flipview 可能是您的正确选择。