如何将 Vulkan 的场景渲染到 ImGui 窗口

Question

https://github.com/ocornut/imgui/issues/5110

版本：1.87 分支：对接

后端/渲染器/编译器/操作系统

后端：imgui_impl_Vulkan.cpp + imgui_impl_Vulkan.cpp 操作系统：MacOS

我的问题：

如何将 Vulakn 的场景渲染到 ImGui 窗口？

想要实现这个：

image

我已经阅读了各种文档和 #914，但我仍然不知所措。 也许我已经接近答案了？ 这是我的项目代码，通过 CMake 快速构建。参考Vulkan教程实现。 也将不胜感激任何帮助，非常感谢。

关键代码是这里：

m_Dset = ImGui_ImplVulkan_AddTexture(m_TextureSampler, m_TextureImageView, VK_IMAGE_LAYOUT_SHADER_READ_ONLY_OPTIMAL);
...
ImGui::Begin("Viewport");

ImVec2 viewportPanelSize = ImGui::GetContentRegionAvail();
ImGui::Image(m_Dset, ImVec2{viewportPanelSize.x, viewportPanelSize.y});

ImGui::End();

我尝试了几种方法:

1. 根据这段代码我得到了：

m_Dset = ImGui_ImplVulkan_AddTexture(m_TextureSampler, m_TextureImageView, VK_IMAGE_LAYOUT_SHADER_READ_ONLY_OPTIMAL);
...
ImGui::Begin("Viewport");

ImVec2 viewportPanelSize = ImGui::GetContentRegionAvail();
ImGui::Image(m_Dset, ImVec2{viewportPanelSize.x, viewportPanelSize.y});

ImGui::End();

image

2. 根据这段代码我得到了：

m_Dset = ImGui_ImplVulkan_AddTexture(m_TextureSampler, m_SwapChainImageViews[currentFrame], VK_IMAGE_LAYOUT_SHADER_READ_ONLY_OPTIMAL); 
// std::vector<VkImageView> m_SwapChainImageViews;
...
ImGui::Begin("Viewport");

ImVec2 viewportPanelSize = ImGui::GetContentRegionAvail();
ImGui::Image(m_Dset, ImVec2{viewportPanelSize.x, viewportPanelSize.y});

ImGui::End();

image

但是当我将 ImGui 窗口拖到主窗口时：

图片

3.最后一次尝试：

// remove m_Dset =  ImGui_ImplVulkan_AddTexture(...);
...
ImGui::Begin("Viewport");

ImVec2 viewportPanelSize = ImGui::GetContentRegionAvail();
ImGui::Image(m_DescriptorSets[currentFrame], ImVec2{viewportPanelSize.x, viewportPanelSize.y});

ImGui::End();

我明白了：

图片

希望你明白我的意思......任何帮助将不胜感激。如果您有时间，可以使用上面提供的项目快速复制它。 我已经被困了好几天了

ps：我正在孜孜不倦地解决学习Vulkan和ImGui时遇到的问题。我因此感冒了。

Answer 1

对我来说，图像只是没有在 ImGui::Image 中渲染，我不知道为什么。我在着色器输入中看到了我的图像，但在着色器输出中我只有黑色。
我想在你的情况下你应该将场景渲染到另一个图像（不是交换链图像）。这意味着您需要使用另一个渲染通道。仅将交换链图像用于 imgui 输出。

Answer 2

我认为当我们 createSwapChain();

VkSurfaceFormatKHR surfaceFormat;
surfaceFormat.format = VK_FORMAT_B8G8R8A8_UNORM;
surfaceFormat.colorSpace = VK_COLORSPACE_SRGB_NONLINEAR_KHR;

这样设置时可以避免验证错误！