blocks|key|196016|text|Visual+Studio2012和Windows的GitHub都是WPF应用程序。Office对"Metro“外观使用自定义控件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|196017|WPF和Silverlight提供了一种简单的方法来创建整个应用程序的主题。GitHub基于Silverlight的主题“大都市”。|196018|这里有一些链接可以了解更多信息。|196019|Cosmopolitan+Theme+for+WPF|offset|length|196020|Making+your+WPF+app+look+like+the+Zune+client|196021|Silverlight+4+Application+Themes|196022|Mishra+Reader+(一个具有类似主题的活动开源WPF客户端)|196023|entityMap|0|LINK|mutability|MUTABLE|url|http://cosmopolitanwpf.codeplex.com/|1|http://coolthingoftheday.blogspot.com/2010/06/making-your-wpf-app-look-like-zune.html|2|http://www.microsoft.com/en-us/download/details.aspx?id=14590|3|http://mishrareader.codeplex.com/^0|0|0|0|0|Q|0|0|0|19|1|0|0|W|2|0|0|D|3|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|16|8|@]|9|@$H|17|I|18|1|19]]|A|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@$H|1B|I|1C|1|1D]]|A|$]]|$1|L|3|M|5|6|7|1E|8|@]|9|@$H|1F|I|1G|1|1H]]|A|$]]|$1|N|3|O|5|6|7|1I|8|@]|9|@$H|1J|I|1K|1|1L]]|A|$]]|$1|P|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|Y]]|Z|$5|S|T|U|A|$V|10]]|11|$5|S|T|U|A|$V|12]]]]

Visual Studio 2012 and GitHub for Windows are WPF applications. Office uses custom controls for the "Metro" look.

WPF and Silverlight provide an easy way to theme an entire application. GitHub is based on the Silverlight theme "Cosmopolitan".

Here are some links for more information.

<a href="http://cosmopolitanwpf.codeplex.com/" rel="noreferrer">Cosmopolitan Theme for WPF</a>

<a href="http://coolthingoftheday.blogspot.com/2010/06/making-your-wpf-app-look-like-zune.html" rel="noreferrer">Making your WPF app look like the Zune client</a>

<a href="http://www.microsoft.com/en-us/download/details.aspx?id=14590" rel="noreferrer">Silverlight 4 Application Themes</a>

<a href="http://mishrareader.codeplex.com/" rel="noreferrer">Mishra Reader</a> (An active open source WPF client with a similar theme)

blocks|key|3030770|text|请注意，默认情况下，应用程序的外观基于操作系统主题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3030771|您的接口是按照Metro+UI+style设计的。Metro+UI应用程序仅适用于Windows8，因为它们需要WinRT。|offset|length|3030772|您只能使用WPF在Windows+7(和vista)中模拟Metro样式:您必须使用第三方控件(或开发自己的控件)，例如以下示例：|3030773|3030774|Modern+UI+for+WPF|unordered-list-item|3030775|MahApps.Metro|3030776|3030777|“大千世界”只是一个共同控制的主题。例如，没有轴心或全景控件。|3030778|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Metro_%2528design_language%2529|1|http://mui.codeplex.com/|2|http://mahapps.com/MahApps.Metro/^0|0|7|E|0|0|0|0|0|H|1|0|0|D|2|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|F|3|G|5|6|7|17|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|19|8|@]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|L|3|M|5|K|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|N|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]|10|$5|T|U|V|A|$W|11]]]]

Please note that the look and feel of the application is based on the operating system theme by default. 

Your Interfaces have been designed following the <a href="http://en.wikipedia.org/wiki/Metro_%28design_language%29">Metro UI style</a>. Metro UI apps are Windows 8 only, as they require WinRT.

You can only simulate the Metro style in Windows 7 (and vista) with WPF : you have to use a third party controls (or develop your own), such as these examples :

<ul>
<li><a href="http://mui.codeplex.com/">Modern UI for WPF</a></li>
<li><a href="http://mahapps.com/MahApps.Metro/">MahApps.Metro</a></li>
</ul>

Cosmopolitan is just a theme for common controls. For example, there are no pivot or panorama control.

blocks|key|193618|text|Office+2013使用Metro风格和丝带。为此，您可以使用Fluent+Control+Suite。此项目还具有Metro样式，您可以轻松地使其类似于Office+2013。请注意，您可能需要最新的dll，而不是例如nuget包。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|193619|如果你想要一些像Office2013这样的图标，我在这里找到了一个离Office图标很近的图标包：Axialis+Pure+Flat+2013+(付费)。|193620|对于其他没有丝带的人，你可以像Cybermax建议的那样使用MahApps+Metro，对于码头，你可以使用WPF+Toolkit中的AvalonDock。AvalonDock也有Metro风格。和Visual+Studio+2010风格。您可以像在Visual+Studio中那样停靠Windows，这非常有用;)|193621|entityMap|0|LINK|mutability|MUTABLE|url|https://fluent.codeplex.com/|1|http://www.axialis.com/stock-icons/pure-flat-2013-toolbar.html|2|http://mahapps.com/|3|https://avalondock.codeplex.com/^0|W|K|0|0|1D|M|1|0|U|D|2|1V|A|3|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]|$A|17|B|18|1|19]]|C|$]]|$1|H|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]|R|$5|K|L|M|C|$N|S]]|T|$5|K|L|M|C|$N|U]]]]

Office 2013 uses Metro Style and Ribbons. For this you can use <a href="https://fluent.codeplex.com/" rel="nofollow">Fluent Control Suite</a>. This project also has a Metro Style where you can easily make it like Office 2013. Note that you maybe need the recent dll instead of e.g. the nuget package.

If you want some icons like Office 2013, here i found an icon pack that is close to the Office icons: <a href="http://www.axialis.com/stock-icons/pure-flat-2013-toolbar.html" rel="nofollow">Axialis Pure Flat 2013</a> (with costs).

For others without Ribbons, you can use for example <a href="http://mahapps.com/" rel="nofollow">MahApps Metro</a> as Cybermaxs suggested and for the docks you can use <a href="https://avalondock.codeplex.com/" rel="nofollow">AvalonDock</a> from the WPF Toolkit. AvalonDock also has a Metro Style. And a Visual Studio 2010 Style. And you can dock your Windows like in Visual Studio, very useful ;)

I'd like to know how to create a program interface like the one used in Visual Studio, Office 2013, GitHub for Windows, etc.
Looks like Cosmopolitan Theme for WPF is not the same theme used on those softwares.
To show you the difference between these programs interfaces and common others take a look at those printscreens:
<h2>Interfaces I wanna know how to build:</h2>
<h3>Visual Studio:</h3>
<img src="https://i.stack.imgur.com/pIdSY.png" alt="enter image description here" />
<h3>Office 2013 (Excel):</h3>
<img src="https://i.stack.imgur.com/rC0Oz.png" alt="enter image description here" />
<h3>GitHub for Windows:</h3>
<img src="https://i.stack.imgur.com/msN3U2.png" alt="enter image description here" />
<h2>Common Interface:</h2>
<img src="https://i.stack.imgur.com/UXyyL.png" alt="enter image description here" />
The difference between these programs is its interfaces. I already downloaded the Visual Studio Express for Windows 8, Visual Studio Express for Windows Desktop and I also looked at Visual Studio Ultimate, but them doesn't have the option the build such kind of interfaces when you create a &quot;New Project...&quot;.
Do I need to install a new Template on my VS to be able to build such kind of interface? I think it's some sort of theme for WPF. I'd like to see proves that those applications use this UI style you refer in your answer.
Thanks.

How to create a program interface (style) like the one used in Visual Studio, Office 2013, GitHub for Windows, etc?

Visual Studio

Windows

GitHub

我想知道如何创建一个程序界面，就像在Visual Studio，Office2013，GitHub中使用的那样。看起来世界和平论坛的主题不是在这些软件上使用的相同主题。为了向您展示这些程序接口与其他常见程序接口之间的区别，请看一下这些打印屏幕：我想知道如何构建的接口：Visual Studio：​​Office 201...

问如何创建一个类似于Visual Studio，Office2013，GitHub for Windows等的程序界面(风格)？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何创建一个类似于Visual Studio，Office2013，GitHub for Windows等的程序界面(风格)？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何创建一个类似于Visual Studio，Office2013，GitHub for Windows等的程序界面(风格)？
EN