Microsoft Visual Studio 2019介绍之UI美化及相关插件

Microsoft Visual Studio 2019介绍之UI美化及相关插件

目录

1、前言

2、窗口透明化

3、背景设置

4、其他美化小技巧

1、前言

Visual Studio 号称宇宙第一IDE,功能最为强大之处就在于其庞大扩展插件库,能够满足使用者多种多样的需求。
在这篇文章里,将会介绍一些常用于UI美化的插件和使用方法,让使用者可以设置自己专属的Visual Studio界面。
(扩展安装:顶部工具栏–扩展–管理扩展–联机,搜索你所需的扩展。)

2、窗口透明化

参考文献

2.1、需要的插件

Color Theme Editor for Visual Studio 2019
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第1张图片

2.2、透明化窗口修改

下载完成后需要重启Visual Studio进行安装
重新进入Visual Studio会进入以下界面,如果不小心关掉了这个界面,可以在顶部工具栏:工具–Color Themes重新打开它。
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第2张图片

在每一个预设置主题的右上角有一个copy键,点击后就会在下方生成一个可以由自己设置的主题:Microsoft Visual Studio 2019介绍之UI美化及相关插件_第3张图片
可以为自己的主题取名,我取的名字就是My Theme,然后点击中间的编辑键:
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第4张图片
接着会出现编辑各控件各属性的界面,选择标注按钮:
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第5张图片
有时候各控件并不是完全为26个字母的顺序,为了方便接下来的操作,点击排序按钮重新排序。
按照示例,修改下表指定控件指定属性
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第6张图片

Solution Explorer
TreeView -> Background

IDE and text editor
Environment -> Window
Environment -> EnvironmentBackground
Environment -> EnvironmentBackgroundGradientBegin
Environment -> EnvironmentBackgroundGradientEnd
Environment -> EnvironmentBackgroundGradientMiddle1
Environment -> EnvironmentBackgroundGradientMiddle2

Window Title
Environment -> MainWindowActiveCaption
Environment -> MainWindowInactiveCaption

Command Bar
Environment -> CommandShelfBackgroundGradientBegin
Environment -> CommandShelfBackgroundGradientEnd
Environment -> CommandShelfBackgroundGradientMiddle
Environment -> CommandShelfHighlightGradientBegin
Environment -> CommandShelfHighlightGradientEnd
Environment -> CommandShelfHighlightGradientMiddle
Environment -> CommandBarGradientBegin
Environment -> CommandBarGradientEnd
Environment -> CommandBarGradientMiddle
Environment -> CommandBarToolBarBorder
保存并应用后将会出现这个界面:
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第7张图片
还觉得单调?还觉得不够酷?不要着急,接下来的背景设置将会改变这一切。

3、背景设置

3.1、需要的插件

ClaudiaIDE
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第8张图片
同上完成插件的安装。

3.2背景设置

完成安装后在 工具–选项–ClaudiaIDE 中设置你的背景
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第9张图片
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第10张图片

这是我自己的设置,其中,建议对齐方式选择Center,图像拉伸选择Fill以避免图像变形。图像路径是单张图像路径,幻灯片路径是图片文件夹路径。如果想自动切换背景图片则“启用循环播放”选择true并且’背景图片展示方式类型:选择Slideshow,反之则不用。还可以在0——1之间设置图片透明度。
另外,如果设置自动切换背景图片,可以在 扩展–ClaudiaIDE 中调整幻灯片播放。
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第11张图片
也可以在顶部工具栏 工具–自定义–命令 中添加新菜单并修改所选内容为CluadiaIDE,并且可以调整它在顶部工具栏的位置。
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第12张图片
之后在扩展菜单中的CluadiaIDE关掉,重启Visual Studio就可以发现CluadiaIDE出现在顶部工具栏:
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第13张图片
在这里插入图片描述
更改完成后效果:

4、其他美化小技巧

4.1、括号与标识符颜色

需要插件:Viasfora
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第14张图片
使用前后对比图:
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第15张图片
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第16张图片

4.2输出窗口自动隐藏

鼠标右键输出窗口边框,选择自动隐藏,可以令输出窗口在运行调试时自动弹出,结束后自动隐藏。
Microsoft Visual Studio 2019介绍之UI美化及相关插件_第17张图片

4.3代码字体大小修改

代码输入窗口右下角的百分数位置可以修改代码字体大小

你可能感兴趣的:(笔记,经验分享,visual,studio)