vs2013或者2015界面个性化（更换背景、主题）

我会带着你远行 2022-06-18 00:59 1741阅读 0赞

http://blog.csdn.net/bin\_ge\_love/article/details/51620504

这算是第一次写关于软件配置方面的博客，或者说教程吧，所以写的尽量详细一点。

为了更换vs2013的背景，在网上查资料，然后自己试着弄，折腾了好久才弄好的，为了让大家少走弯路，少费点时间，所以我写一篇博客，帮助真正需要的小伙伴们。前一段时间刚配置好的vs2013主题背景，发出来先让大家看看呗![吐舌头][tongue.gif](背景图片可以自己更换哦)

![Center][]

本片博客主要解决win10用户上安装Visual Studio 2013 Color Theme Editor的问题

废话不多说，下来进入正题：

1.安装需要的插件

1> [Visual Studio 2013 SDK][](可以在vs2013--->工具---->扩展和扩展-->联机  里边搜索下载)

下载的地址: http://www.microsoft.com/en-au/download/details.aspx?id=40758

![Center 1][]

![Center 2][]

2> Visual Studio 2013Color Theme Editor(win7用户可以在vs2013--->工具---->扩展和扩展-->联机  里边搜索下载。。。

如果不会或者嫌搜索麻烦，博客后边有更加详细的教程，往下看哦！![大笑][laugh.gif])

下载地址：https://visualstudiogallery.msdn.microsoft.com/9e08e5d3-6eb4-4e73-a045-6ea2a5cbdabe(可以在网上搜这个名字，下载一个就ok)

![Center 3][]

win10的系统貌似可以下载并安装 上面的 第一个插件，第二个插件安装的时候会报错，或者两个安装时都报错（win7的可以直接按上述方法试下，看报不报错）

如果报错的话，就不要在vs2013里面下载安装了，直接在网上搜索下载并安装

关于win10，用“工具-->扩展和更新”安装会提示NET.xxx的错误或警告（估计是版本不符）

解决方案：

打开”工具”下的”扩展和更新”选择”联机”右上角搜索”Visual Studio 2013 Color Theme Editor”(注意空格,没有空格貌似会搜不到)

![Center 4][]

单机“Visual Studio 2013 Color Theme Editor”右边的”详细信息”,我们从网站上单独下载这个扩展包

![Center 5][]

下载后，用压缩工具打开，然后修改文件名为” extension..vsixmanifest”文件，右键编辑他(用记事本编辑噢)将其中的 <Dependency Id="Microsoft.Framework.NDP" DisplayName="Microsoft .NET Framework" Version="4.5" /> 这段话删除掉.

![Center 6][]

将修改好的文件重新放回” ColorThemeEditor”文件内.关掉压缩工具，点击安装.

安装成功后，打开C:\\Users\\13081\\AppData\\Local\\Microsoft\\VisualStudio目录（红色字体是主机账户名，你的跟我肯定不一样，所以你自己修改一下），可以看到这个目录下有两个文件夹，如图

![Center 7][]

一个有Exp后缀,一个没有.没有的这个就是成功安装“Visual Studio 2013 Color Theme Editor”的,而Exp(就是我们改了背景的VS)并没有安装,那么,我们将没有后缀文件夹内的” Extensions”文件复制到Exp后缀文件夹下,再次启动VS2013个性版.

打开“工具”→”扩展和更新”在已安装内找到“Visual Studio 2013 Color Theme Editor”启动它→重启VS2013个性版。重启后可以看到”工具”栏选项下多了

” Change color Theme ”和” Customize Colors ”

” Change color Theme ”,下拥有更多可以选择的主题.

打开” Customize Colors ”

![Center 8][]

至此，Visual Studio 2013 Color Theme Editor安装成功，以后要用的话，就在你的工具里边。

2、按照上述方法安装好两个插件后，打开vs2013

a、 点击“文件-->新建-->项目-->在“已安装”内选择“C\#”找到里面的“扩展性”选择“Visual Studio Package”→”确定”建立一个VSPackage(自定名称,如果在接下来的操作中出现问题,试试用纯字母名称建立试试?噢,对了,在”其他项目类型”里的”扩展性”也能找到“Visual Studio Package”)(安装正确的话肯定能找到)

![Center 9][]

![Center 10][]![Center 11][]![Center 12][]![Center 13][]![Center 14][]

b、建立好项目后，打开解决方案资源管理器，右击“引用” -->“添加引用”  添加以下引用（一个一个添加）

“PresentationCore”

“PresentationFramework”

“System.Xaml”

“WindowsBase”

“System.ComponentModel.Composition”

“Microsoft.VisualStudio.CoreUtility”

“Microsoft.VisualStudio.Text.UI”

“Microsoft.VisualStudio.Text.UI.Wpf”

![Center 15][]

可以在上面 “搜索程序集”里面（右上角箭头）搜索你要添加的名称

c、添加完成后，打开“xxxPackage.cs”(xxx就是你刚才建项目时的名字，我这里是VSPackagePackage.cs)，把你原来的代码删除，将下面代码粘贴到你的文件里边

**\[csharp\]**  [view plain][]   [copy][view plain]

[print][view plain] [?][view plain]

1.  <pre name="code" **class**="csharp">**using** Microsoft.VisualStudio;  
2.  **using** Company.VSPackage;注意改掉此句中的VSPackage ，改成你的项目名称，如若找不到  
3.  **using** Microsoft.VisualStudio.Shell;  
4.  **using** Microsoft.VisualStudio.Shell.Interop;  
5.  **using** System;  
6.  **using** System.Runtime.InteropServices;  
7.  **using** System.Windows;  
8.  **using** System.Windows.Controls;  
9.  **using** System.Windows.Media;  
10. **using** System.Windows.Media.Imaging;  
11.   
12. **namespace** Moen.IDEBackground  
13. \{  
14.     \[PackageRegistration(UseManagedResourcesOnly = **true**)\]  
15.     \[InstalledProductRegistration("\#110", "\#112", "1.0", IconResourceID = 400)\]  
16.     \[Guid(GuidList.guidVSPackagePkgString)\]//注意改掉此句中的VSPackage ，改成你的项目名称，如若找不到，可在Guids.cs寻找变量名替换,头文件也需改变  
17.     \[ProvideAutoLoad(UIContextGuids.NoSolution)\]  
18.     \[ProvideAutoLoad(UIContextGuids.SolutionExists)\]  
19.     **public** **sealed** **class** IDEBackgroundPackage : Package  
20.     \{  
21.         **protected** **override** **void** Initialize()  
22.         \{  
23.             **base**.Initialize();  
24.   
25.             Application.Current.MainWindow.Loaded += MainWindow\_Loaded;  
26.         \}  
27.   
28.         **void** MainWindow\_Loaded(**object** sender, RoutedEventArgs e)  
29.         \{  
30.             var rWindow = (Window)sender;  
31.   
32.             var rImageSource = BitmapFrame.Create(**new** Uri(@"C:\\vs 背景\\11.jpg"/\*图片路径\*/), BitmapCreateOptions.None, BitmapCacheOption.OnLoad);  
33.             rImageSource.Freeze();  
34.   
35.             var rImageControl = **new** Image()  
36.             \{  
37.                 Source = rImageSource,  
38.                 Stretch = Stretch.UniformToFill,  
39.                 HorizontalAlignment = HorizontalAlignment.Center,  
40.                 VerticalAlignment = VerticalAlignment.Center,  
41.             \};  
42.   
43.             Grid.SetRowSpan(rImageControl, 4);  
44.             var rRootGrid = (Grid)rWindow.Template.FindName("RootGrid", rWindow);  
45.             rRootGrid.Children.Insert(0, rImageControl);  
46.         \}  
47.     \}  
48. \}

要注意上面的注释那块要改成创建项目时的名称 ★★★  上面图片后面的路径改成你自己图片的路径

编译运行即可得到一个新vs2013实验实例。

现在，可能你什么还看不见，或者说只能看到一些边框有图片，不要着急，马上就能看到了。

下来，我们导入一个透明的主题，这个透明的主题，我会在博客后边上传成一个文件，你到时直接下载，然后导入到你的vs里边去，就是用上面的Visual Studio 2013 Color Theme Editor导入。Import Theme按钮导入（下图）

当然，如果你嫌麻烦，我会再上传一个我自己的主题，就是你上面看到的那个背景。

![Center 16][]

导入之后，下边就会出现你导入的主题，点击主题上边的“编辑”按钮，进入如下页面（下图）

![Center 17][]

在此页面找到如下选项，并将其设置为0，

“Environment →EnvironmentBackgroundGradientXXX”

"Environment → MainWindowActiveCaption”

“Environment →MainWindowInactiveCaption”

“Environment → CommandShelfBackgroundGradientXXX”

“Environment →CommandShelfHighlightGradientXXX”

“Environment → CommandBarGradientXXX”

“Environment → CommandBarToolBarBorder”

其中如Environment →EnvironmentBackgroundGradientXXX，指Environment →EnvironmentBackgroundGradient开头的全部选项

接下来就可以看到，除了编辑器，其他地方的图片都可以显示出来。

关闭vs2013实验实例，打开原版vs2013,在刚才的文档里找到“source.extension.vsixmanifest”

进入“Assets”选项卡，单击“New”按钮。在弹出的对话框里，“Type”选“Microsoft.VisualStudio.MefComponent”，“Source”选“Aproject in current solution”，“Project”选当前的Project，目前应该就一个选项的。最后OK

![Center 18][]

接下来在项目中新建一个文件，叫“EditorBackground.cs”，代码如下

**\[csharp\]**  [view plain][]   [copy][view plain]

[print][view plain] [?][view plain]

1.  **using** Microsoft.VisualStudio.Text.Classification;  
2.  **using** Microsoft.VisualStudio.Text.Editor;  
3.  **using** Microsoft.VisualStudio.Utilities;  
4.  **using** System;  
5.  **using** System.ComponentModel.Composition;  
6.  **using** System.Windows;  
7.  **using** System.Windows.Controls;  
8.  **using** System.Windows.Media;  
9.  **using** System.Windows.Threading;  
10.   
11. **namespace** Moen.IDEBackground  
12. \{  
13.     \[Export(**typeof**(IWpfTextViewCreationListener))\]  
14.     \[ContentType("Text")\]  
15.     \[ContentType("BuildOutput")\]  
16.     \[TextViewRole(PredefinedTextViewRoles.Document)\]  
17.     **class** Listener : IWpfTextViewCreationListener  
18.     \{  
19.         \[Import\]  
20.         IEditorFormatMapService EditorFormatMapService = **null**;  
21.   
22.         **public** **void** TextViewCreated(IWpfTextView rpTextView)  
23.         \{  
24.             **new** EditorBackground(rpTextView);  
25.   
26.             //去掉断点边栏的背景  
27.             var rProperties = EditorFormatMapService.GetEditorFormatMap(rpTextView).GetProperties("Indicator Margin");  
28.             rProperties\["BackgroundColor"\] = Colors.Transparent;  
29.             rProperties\["Background"\] = Brushes.Transparent;  
30.         \}  
31.     \}  
32.   
33.     **class** EditorBackground  
34.     \{  
35.         IWpfTextView r\_TextView;  
36.         ContentControl r\_Control;  
37.         Grid r\_ParentGrid;  
38.         Canvas r\_ViewStack;  
39.   
40.         **public** EditorBackground(IWpfTextView rpTextView)  
41.         \{  
42.             r\_TextView = rpTextView;  
43.             r\_Control = (ContentControl)r\_TextView;  
44.             r\_TextView.Background = Brushes.Transparent;  
45.             r\_TextView.BackgroundBrushChanged += TextView\_BackgroundBrushChanged;  
46.             r\_TextView.Closed += TextView\_Closed;  
47.             r\_Control.Loaded += TextView\_Loaded;  
48.         \}  
49.         **void** MakeBackgroundTransparent()  
50.         \{  
51.             r\_TextView.Background = Brushes.Transparent;  
52.             r\_ViewStack.Background = Brushes.Transparent;  
53.             r\_ParentGrid.ClearValue(Grid.BackgroundProperty);  
54.         \}  
55.         **void** TextView\_Loaded(**object** sender, RoutedEventArgs e)  
56.         \{  
57.             **if** (r\_ParentGrid == **null**)  
58.                 r\_ParentGrid = (Grid)r\_Control.Parent;  
59.             **if** (r\_ViewStack == **null**)  
60.                 r\_ViewStack = (Canvas)r\_Control.Content;  
61.             MakeBackgroundTransparent();  
62.         \}  
63.         **void** TextView\_BackgroundBrushChanged(**object** sender, BackgroundBrushChangedEventArgs e)  
64.         \{  
65.             r\_Control.Dispatcher.BeginInvoke(**new** Action(() =>  
66.             \{  
67.                 **while** (r\_ParentGrid.Background != **null**)  
68.                     MakeBackgroundTransparent();  
69.             \}), DispatcherPriority.Render);  
70.         \}  
71.         **void** TextView\_Closed(**object** sender, EventArgs e)  
72.         \{  
73.             //清除委托，以防内存泄露  
74.             r\_TextView.Closed -= TextView\_Closed;  
75.             r\_TextView.BackgroundBrushChanged -= TextView\_BackgroundBrushChanged;  
76.         \}  
77.     \}  
78. \}

调试，进入调试即可进入实验用例VS，进入配色表，找到“Environment →EnvironmentBackground”，设为透明。再找到“Environment → Window”设置为透明，"TreeView → Background"，透明度设为0。

![20160609191042269][]

至此，大功就告成了。。。。。。。。。

下次直接在“开始菜单->Microsoft Visual Studio 2013->Microsoft Visual Studio SDK->Tools->Start Experimental Instance of Visual Studio2013”打开编译器。或者，你也可以将打开的实验实例锁定在电脑的边侧栏

vs2013的原版还是原版，如需使用皮肤，必须使用vs2013实验实例，可在上路径找出。其他版本的vs应该都可以按照这个方法，更换主题或者背景。

主题背景链接：http://pan.baidu.com/s/1mhC9SWK    美女背景图主题

http://pan.baidu.com/s/1pLeofmr     全透明主题

[tongue.gif]: /images/20220618/048b5c94237643e4b4abc1dd960cd0bb.png
[Center]: /images/20220618/10e4452250eb449d937fca5be6cd1b63.png
[Visual Studio 2013 SDK]: http://go.microsoft.com/?linkid=9810482
[Center 1]: /images/20220618/110442a7dea14a458bc740004d8aa5b4.png
[Center 2]: /images/20220618/c8aafea7e6bd43c2ada906d8949c68c6.png
[laugh.gif]: /images/20220618/39ce8c956f654923b6130ff8742a953a.png
[Center 3]: /images/20220618/86741acd728748838a8f52467842beb8.png
[Center 4]: /images/20220618/d0861012366c4285af89efccea7431ba.png
[Center 5]: /images/20220618/1c823ef774ac403b90791b302da284f6.png
[Center 6]: /images/20220618/cee2cf3d803f4f4b815d532c4951e4a7.png
[Center 7]: /images/20220618/9722862c03834812bb1a5614fd39f47b.png
[Center 8]: /images/20220618/cdd8f00f7fd848ecbc3513bcbae5e067.png
[Center 9]: /images/20220618/28e7aa3e42e04ff69fee3cb00b21d023.png
[Center 10]: https://img-blog.csdn.net/20160609153027106?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 11]: https://img-blog.csdn.net/20160609153101966?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 12]: https://img-blog.csdn.net/20160609153129092?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 13]: https://img-blog.csdn.net/20160609153155561?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 14]: /images/20220618/19d6bf96b305438bb59009153abadefc.png
[Center 15]: /images/20220618/a8a896e2c9a24c55a47ec65d38a74430.png
[view plain]: http://blog.csdn.net/bin_ge_love/article/details/51620504#
[Center 16]: /images/20220618/61b3f8e3c4364b5cafe63a0d6b698099.png
[Center 17]: /images/20220618/166bea94052e46e4ba52279fd1428a9a.png
[Center 18]: /images/20220618/98c55919944c4ab4bdee26e09b7a5ffe.png
[20160609191042269]: /images/20220618/1717bad6e8ba49ea996e24ff7fd87c0a.png