如何创建一个程序界面（样式），如Visual Studio，Office 2013，GitHub for Windows等使用的程序界面（样式）？

Question

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

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

为了向您展示这些程序接口与普通其他程序之间的区别，请查看这些打印屏幕：

接口我想知道如何构建：

Visual Studio：

Office 2013（Excel）：

Windows的GitHub：

通用接口：

这些程序之间的区别在于它的界面。我已经下载了适用于Windows 8的Visual Studio Express，适用于Windows桌面的Visual Studio Express，我也查看了Visual Studio Ultimate，但是当您创建“新项目”时，他们没有选择构建此类接口的选项... ”

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

Answer 1

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

您的接口是根据Metro UI style设计的。 Metro UI应用程序仅适用于Windows 8，因为它们需要WinRT。

您只能使用WPF 模拟 Windows 7（和vista）中的Metro风格：您必须使用第三方控件（或开发自己的），例如：

• Modern UI for WPF
• MahApps.Metro

Cosmopolitan只是常见控件的主题。例如，没有透视或全景控制。

Answer 2

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

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

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

Cosmopolitan Theme for WPF

Making your WPF app look like the Zune client

Silverlight 4 Application Themes

Mishra Reader（具有类似主题的活动开源WPF客户端）

Answer 3

Office 2013使用Metro Style和Ribbon。为此，您可以使用Fluent Control Suite。此项目还具有Metro风格，您可以轻松地将其设置为Office 2013.请注意，您可能需要最近的dll而不是例如nuget包。

如果您想要一些像Office 2013这样的图标，我在这里找到了一个靠近Office图标的图标包：Axialis Pure Flat 2013（含有费用）。

对于没有Ribbons的其他人，您可以使用例如MahApps Metro作为Cyber​​maxs建议，对于Dock，您可以使用WPF Toolkit中的AvalonDock。 AvalonDock也有地铁风格。和Visual Studio 2010风格。你可以像在Visual Studio中一样停靠Windows，非常有用;）