18

我想知道如何创建一个程序界面,如 Visual Studio、Office 2013、GitHub for Windows 等中使用的界面。

看起来 WPF 的 Cosmopolitan Theme 与那些软件上使用的主题不同。

为了向您展示这些程序界面和其他常见程序界面之间的区别,请查看这些打印屏幕:

我想知道如何构建的接口:

视觉工作室:

在此处输入图像描述

办公室 2013 (Excel):

在此处输入图像描述

适用于 Windows 的 GitHub:

在此处输入图像描述

通用接口:

在此处输入图像描述

这些程序之间的区别在于其接口。我已经下载了适用于 Windows 8 的 Visual Studio Express、适用于 Windows 桌面的 Visual Studio Express,并且还查看了 Visual Studio Ultimate,但是当您创建“新项目...... ”。

我是否需要在我的 VS 上安装一个新模板才能构建这样的界面?我认为这是 WPF 的某种主题。我希望证明这些应用程序使用您在答案中引用的这种 UI 样式。谢谢。

4

3 回答 3

13

请注意,应用程序的外观默认基于操作系统主题。

您的界面是按照Metro UI 风格设计的。Metro UI 应用程序仅适用于 Windows 8,因为它们需要 WinRT。

您只能使用 WPF 在 Windows 7(和 vista)中模拟Metro 风格:您必须使用第三方控件(或开发自己的控件),例如这些示例:

Cosmopolitan 只是普通控件的主题。例如,没有枢轴或全景控制。

于 2013-06-24T08:44:40.253 回答
7

Visual Studio 2012 和 GitHub for Windows 是 WPF 应用程序。Office 对“Metro”外观使用自定义控件。

WPF 和 Silverlight 提供了一种为整个应用程序设置主题的简单方法。GitHub 基于 Silverlight 主题“Cosmopolitan”。

以下是一些链接以获取更多信息。

WPF 的国际化主题

使您的 WPF 应用程序看起来像 Zune 客户端

Silverlight 4 应用程序主题

Mishra Reader(具有类似主题的活跃开源 WPF 客户端)

于 2013-03-25T22:12:28.590 回答
0

Office 2013 使用 Metro 风格和功能区。为此,您可以使用Fluent Control Suite。该项目还具有 Metro 风格,您可以轻松地将其制作为 Office 2013。请注意,您可能需要最近的 dll 而不是例如 nuget 包。

如果你想要一些像 Office 2013 这样的图标,我在这里找到了一个接近 Office 图标的图标包:Axialis Pure Flat 2013(有成本)。

对于没有 Ribbons 的其他人,您可以使用Cyber​​maxs 建议的MahApps Metro,对于码头,您可以使用WPF Toolkit 中的AvalonDock。AvalonDock 也有 Metro Style。以及 Visual Studio 2010 风格。你可以像在 Visual Studio 中一样停靠你的 Windows,非常有用;)

于 2014-09-05T14:02:28.713 回答