Windows应用商店应用中的选项卡

时间:2012-10-07 06:13:18

标签: xaml windows-store-apps

我正在尝试将一些旧的应用程序转换为新的Windows应用商店应用程序设计。其中一些应用程序使用Tab来表示应用程序的多个功能。例如,我有一个简单的英语 - 德语词典,有两个主要功能:

  • 将英语翻译成德语
  • 将德语翻译成英语

每个都以分开的Tab

表示

我查看了Metro风格的各种应用程序,发现没有等同于Tab的。 可以手动创建Tab(使用按钮和...),但他们可能有理由不在默认元素中包含此类内容。

在Metro设计此类概念的正确方法是什么?

2 个答案:

答案 0 :(得分:2)

您可以通过两种方式实施“标签”:

  1. 使用顶级应用栏,例如Internet Explorer
  2. 在应用程序标题中提供屏幕按钮(并将它们设置为类似于Windows Phone 7中的Pivot项目)
  3. 但是,我认为标签应该用于独立活动。在您的情况下,大多数用户希望轻松地从一个翻译交换到另一个翻译。因此,我建议您实施类似于http://www.bing.com/translator/http://translate.google.com/

    的界面

答案 1 :(得分:0)

您可以查看使用FlipView控件。显示其使用位置的典型示例是用于在Windows应用商店中导航屏幕截图的控件。您可以使用按钮(或您选择的任何控件)来更改和跟踪flipview中当前显示的项目。

参考:http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.flipview