VirtualBox虚拟机Ubuntu系统中Visual Studio Code图形显示异常问题

问题场景 #

在运行Ubuntu 22.04的VirtualBox虚拟机中使用VSCode时，突然出现图形 artifacts（窗口顶部栏、打开文件夹弹窗、保存文件弹窗均显示异常），但系统自带的文件管理器运行正常。

异常现象截图 #

• VSCode窗口顶部栏异常：
  
• 打开文件夹弹窗异常：
  
• 保存新文件弹窗异常：
  

原因 #

该异常是VirtualBox虚拟机的3D加速功能与VSCode的渲染逻辑冲突导致的。VSCode的渲染机制对虚拟机的3D加速兼容性较差，而系统文件管理器未触发该冲突场景，因此仅VSCode出现问题。

解决方法 #

1. 关闭虚拟机中的Ubuntu系统
2. 打开VirtualBox的虚拟机设置界面
3. 切换到「显示」选项卡，取消勾选「启用3D加速」
4. 重新启动虚拟机，VSCode的图形异常即可恢复

注：尝试禁用VSCode自身的GPU加速无法解决该问题。

内容的提问来源于stack exchange，提问作者Christopher Miller