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

  • Post author:
  • Post category:其他




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


主题设置



2.2、透明化窗口修改

下载完成后需要重启Visual Studio进行安装

重新进入Visual Studio会进入以下界面,如果不小心关掉了这个界面,可以在顶部工具栏:工具–Color Themes重新打开它。

在这里插入图片描述

在每一个预设置主题的右上角有一个copy键,点击后就会在下方生成一个可以由自己设置的主题:
在这里插入图片描述

可以为自己的主题取名,我取的名字就是My Theme,然后点击中间的编辑键:

在这里插入图片描述

接着会出现编辑各控件各属性的界面,选择标注按钮:

在这里插入图片描述

有时候各控件并不是完全为26个字母的顺序,为了方便接下来的操作,点击排序按钮重新排序。

按照示例,修改下表指定控件指定属性

在这里插入图片描述

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

保存并应用后将会出现这个界面:

在这里插入图片描述

还觉得单调?还觉得不够酷?不要着急,接下来的背景设置将会改变这一切。



3、背景设置



3.1、需要的插件


ClaudiaIDE


在这里插入图片描述

同上完成插件的安装。



3.2背景设置

完成安装后在 工具–选项–ClaudiaIDE 中设置你的背景

在这里插入图片描述

在这里插入图片描述

这是我自己的设置,其中,建议对齐方式选择Center,图像拉伸选择Fill以避免图像变形。图像路径是单张图像路径,幻灯片路径是图片文件夹路径。如果想自动切换背景图片则“启用循环播放”选择true并且’背景图片展示方式类型:选择Slideshow,反之则不用。还可以在0——1之间设置图片透明度。

另外,如果设置自动切换背景图片,可以在 扩展–ClaudiaIDE 中调整幻灯片播放。

在这里插入图片描述

也可以在顶部工具栏 工具–自定义–命令 中添加新菜单并修改所选内容为CluadiaIDE,并且可以调整它在顶部工具栏的位置。

在这里插入图片描述

之后在扩展菜单中的CluadiaIDE关掉,重启Visual Studio就可以发现CluadiaIDE出现在顶部工具栏:

在这里插入图片描述

在这里插入图片描述

更改完成后效果:

在这里插入图片描述



4、其他美化小技巧



4.1、括号与标识符颜色

需要插件:

Viasfora


在这里插入图片描述

使用前后对比图:

在这里插入图片描述

在这里插入图片描述



4.2输出窗口自动隐藏

鼠标右键输出窗口边框,选择自动隐藏,可以令输出窗口在运行调试时自动弹出,结束后自动隐藏。

在这里插入图片描述



4.3代码字体大小修改

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

在这里插入图片描述



版权声明:本文为m0_51444969原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。