kanzi运行时节点状态展示

2024-04-03 12:28
文章标签 运行 展示 状态 节点 kanzi

本文主要是介绍kanzi运行时节点状态展示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

背景：有时候kanzi运行后节点不显示，可能是visible/opacity等属性设置不正确，排查困难。做一个实时节点树，方便查看节点信息。

1. 引入imgui

在vs工程里导入glad,glfw,imgui代码
vs属性-链接库，增加glfw3.lib
在这里插入图片描述

在这里插入图片描述

2. 实现框架

在onProjectLoaded里创建子线程

CreateThread(NULL, 0, multiTask, 0, 0, NULL);

子线程负责创建glfw窗口，刷新，销毁窗口

DWORD WINAPI multiTask(LPVOID p) {FCreateWindow();while (!glfwWindowShouldClose(m_Window)) {Update();}Destory();return 0;
};

2.1 创建窗口

void FCreateWindow() {glfwInit();const char* glsl_version = "#version 130";glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 0);m_Window = glfwCreateWindow(m_WindowWidth, m_WindowHeight, "Xml", nullptr, nullptr);glfwMakeContextCurrent(m_Window);glfwSwapInterval(1); // Enable vsyncint status = gladLoadGLLoader((GLADloadproc)glfwGetProcAddress);printf("status-%d\n", status);printf("Vendor-%s\n", glGetString(GL_VENDOR));printf("Renderer-%s\n", glGetString(GL_RENDERER));printf("Version-%s\n", glGetString(GL_VERSION));IMGUI_CHECKVERSION();ImGui::CreateContext();ImGuiIO &io = ImGui::GetIO();(void)io;io.ConfigFlags |= ImGuiConfigFlags_NavEnableKeyboard; // Enable Keyboard Controls// io.ConfigFlags |= ImGuiConfigFlags_NavEnableGamepad;      // Enable Gamepad Controlsio.ConfigFlags |= ImGuiConfigFlags_DockingEnable;	// Enable Dockingio.ConfigFlags |= ImGuiConfigFlags_ViewportsEnable; // Enable Multi-Viewport / Platform Windows// io.ConfigFlags |= ImGuiConfigFlags_ViewportsNoTaskBarIcons;// io.ConfigFlags |= ImGuiConfigFlags_ViewportsNoMerge;float fontSize = 18.0f; // *2.0f;io.Fonts->AddFontFromFileTTF(("./font/Alimama_DongFangDaKai_Regular.ttf"), fontSize, NULL, io.Fonts->GetGlyphRangesChineseSimplifiedCommon());io.FontDefault = io.Fonts->AddFontFromFileTTF(("./font/Alimama_DongFangDaKai_Regular.ttf"), fontSize, NULL, io.Fonts->GetGlyphRangesChineseSimplifiedCommon());// Setup Dear ImGui styleImGui::StyleColorsDark();//ImGui::StyleColorsClassic();// When viewports are enabled we tweak WindowRounding/WindowBg so platform windows can look identical to regular ones.ImGuiStyle &style = ImGui::GetStyle();if (io.ConfigFlags & ImGuiConfigFlags_ViewportsEnable){style.WindowRounding = 0.0f;style.Colors[ImGuiCol_WindowBg].w = 1.0f;}// Setup Platform/Renderer bindingsImGui_ImplGlfw_InitForOpenGL(m_Window, true);ImGui_ImplOpenGL3_Init(glsl_version);
};

2.2 刷新

void Update() {glfwPollEvents();//startImGui_ImplOpenGL3_NewFrame();ImGui_ImplGlfw_NewFrame();ImGui::NewFrame();{//  bool show_demo_window = true;// ImGui::ShowDemoWindow(&show_demo_window);ImGui::Begin("Project");if (g_pApplication) {ShowProjectTreeTop();}ImGui::End();bool show_demo_window = true;ImGui::ShowDemoWindow(&show_demo_window);}//endImGuiIO &io = ImGui::GetIO();ImVec4 clear_color = ImVec4(0.45f, 0.55f, 0.60f, 1.00f);// RenderingImGui::Render();int display_w, display_h;glfwGetFramebufferSize(m_Window, &display_w, &display_h);glViewport(0, 0, display_w, display_h);glClearColor(clear_color.x * clear_color.w, clear_color.y * clear_color.w, clear_color.z * clear_color.w, clear_color.w);glClear(GL_COLOR_BUFFER_BIT);ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData());io.DisplaySize = ImVec2(display_w, display_h);if (io.ConfigFlags & ImGuiConfigFlags_ViewportsEnable){GLFWwindow *backup_current_context = glfwGetCurrentContext();ImGui::UpdatePlatformWindows();ImGui::RenderPlatformWindowsDefault();glfwMakeContextCurrent(backup_current_context);}glfwSwapBuffers(m_Window);};

2.3 销毁窗口

void Destory() {ImGui_ImplOpenGL3_Shutdown();ImGui_ImplGlfw_Shutdown();ImGui::DestroyContext();glfwDestroyWindow(m_Window);glfwTerminate();
};

3. 实现功能逻辑

遍历kanzi运行时节点，用tree展示

void ShowProjectTreeTop()
{static ImGuiTreeNodeFlags base_flags = ImGuiTreeNodeFlags_OpenOnArrow | ImGuiTreeNodeFlags_OpenOnDoubleClick | ImGuiTreeNodeFlags_SpanAvailWidth | ImGuiTreeNodeFlags_DefaultOpen;static bool align_label_with_current_x_position = false;static bool test_drag_and_drop = true;if (align_label_with_current_x_position)ImGui::Unindent(ImGui::GetTreeNodeToLabelSpacing());static int selection_mask = 0;int node_clicked = -1;ImGuiTreeNodeFlags node_flags = base_flags;const bool is_selected = (selection_mask & (1 << 0)) != 0;shared_ptr<Node> node = dynamic_pointer_cast<Node>(g_pApplication->getRoot());if (is_selected && node.get() == g_CurrentNode)node_flags |= ImGuiTreeNodeFlags_Selected;bool node_open = ImGui::TreeNodeEx((void*)(intptr_t)0, node_flags, node->getName().c_str(), 0);if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen()) {node_clicked = 0;g_CurrentNode = node.get();}if (node_open){ShowProjectTree(node);ImGui::TreePop();}if (node_clicked != -1){// Update selection state// (process outside of tree loop to avoid visual inconsistencies during the clicking frame)if (ImGui::GetIO().KeyCtrl)selection_mask ^= (1 << node_clicked);          // CTRL+click to toggleelse //if (!(selection_mask & (1 << node_clicked))) // Depending on selection behavior you want, may want to preserve selection when clicking on item that is part of the selectionselection_mask = (1 << node_clicked);           // Click to single-select}if (align_label_with_current_x_position)ImGui::Indent(ImGui::GetTreeNodeToLabelSpacing());}void ShowProjectTree(shared_ptr<Node>& node)
{static ImGuiTreeNodeFlags base_flags = ImGuiTreeNodeFlags_OpenOnArrow | ImGuiTreeNodeFlags_OpenOnDoubleClick | ImGuiTreeNodeFlags_SpanAvailWidth | ImGuiTreeNodeFlags_DefaultOpen;static bool align_label_with_current_x_position = false;static bool test_drag_and_drop = false;if (align_label_with_current_x_position)ImGui::Unindent(ImGui::GetTreeNodeToLabelSpacing());static int selection_mask = 0;int node_clicked = -1;size_t size = node->getAbstractChildCountOverride();for (unsigned int i = 0; i < size; ++i){shared_ptr<Node> object = dynamic_pointer_cast<Node>(node->getAbstractChildOverride(i));// Disable the default "open on single-click behavior" + set Selected flag according to our selection.// To alter selection we use IsItemClicked() && !IsItemToggledOpen(), so clicking on an arrow doesn't alter selection.ImGuiTreeNodeFlags node_flags = base_flags;const bool is_selected = (selection_mask & (1 << i)) != 0;if (is_selected && object.get() == g_CurrentNode)node_flags |= ImGuiTreeNodeFlags_Selected;std::string name = object->getName();if (object->getProperty(Node::VisibleProperty)) {}else {name += " NoVisible";node_flags |= ImGuiTreeNodeFlags_TextDisabled;}if (object->getProperty(Node::OpacityProperty)) {}else {//ImGui::TextDisabled("NoVisible");name += " NoOpacity";node_flags |= ImGuiTreeNodeFlags_TextDisabled;}bool node_open = ImGui::TreeNodeEx((void*)(intptr_t)i, node_flags, (char *)name.c_str(), i);if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen()) {node_clicked = i;g_CurrentNode = object.get();}if (node_open){if (object->getAbstractChildCountOverride() > 0){ShowProjectTree(object);}else {Viewport2DSharedPtr v2d = dynamic_pointer_cast<Viewport2D>(object);if (v2d) {//Viewport2D                SceneSharedPtr sc = v2d->getScene();if (sc->getChildCount() > 0){shared_ptr<Node3D> node = dynamic_pointer_cast<Node3D>(sc);ShowProjectTree3D(node);}}}ImGui::TreePop();}}if (node_clicked != -1){// Update selection state// (process outside of tree loop to avoid visual inconsistencies during the clicking frame)if (ImGui::GetIO().KeyCtrl)selection_mask ^= (1 << node_clicked);          // CTRL+click to toggleelse //if (!(selection_mask & (1 << node_clicked))) // Depending on selection behavior you want, may want to preserve selection when clicking on item that is part of the selectionselection_mask = (1 << node_clicked);           // Click to single-select}if (align_label_with_current_x_position)ImGui::Indent(ImGui::GetTreeNodeToLabelSpacing());
}void ShowProjectTree3D(shared_ptr<Node3D>& node)
{static ImGuiTreeNodeFlags base_flags = ImGuiTreeNodeFlags_OpenOnArrow | ImGuiTreeNodeFlags_OpenOnDoubleClick | ImGuiTreeNodeFlags_SpanAvailWidth | ImGuiTreeNodeFlags_DefaultOpen;static bool align_label_with_current_x_position = false;static bool test_drag_and_drop = false;if (align_label_with_current_x_position)ImGui::Unindent(ImGui::GetTreeNodeToLabelSpacing());static int selection_mask = 0;int node_clicked = -1;size_t size = node->getChildCount();for (unsigned int i = 0; i < size; ++i){Node3DSharedPtr object = node->getChild(i);// Disable the default "open on single-click behavior" + set Selected flag according to our selection.// To alter selection we use IsItemClicked() && !IsItemToggledOpen(), so clicking on an arrow doesn't alter selection.ImGuiTreeNodeFlags node_flags = base_flags;const bool is_selected = (selection_mask & (1 << i)) != 0;if (is_selected && object.get() == g_CurrentNode)node_flags |= ImGuiTreeNodeFlags_Selected;std::string name = object->getName();if (object->getProperty(Node::VisibleProperty)) {}else {name += " NoVisible";node_flags |= ImGuiTreeNodeFlags_TextDisabled;}if (object->getProperty(Node::OpacityProperty)) {}else {//ImGui::TextDisabled("NoVisible");name += " NoOpacity";node_flags |= ImGuiTreeNodeFlags_TextDisabled;}bool node_open = ImGui::TreeNodeEx((void*)(intptr_t)i, node_flags, (char *)name.c_str(), i);if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen()) {node_clicked = i;g_CurrentNode = object.get();}if (node_open){if (object->getChildCount() > 0){ShowProjectTree3D(object);}ImGui::TreePop();}}if (node_clicked != -1){// Update selection state// (process outside of tree loop to avoid visual inconsistencies during the clicking frame)if (ImGui::GetIO().KeyCtrl)selection_mask ^= (1 << node_clicked);          // CTRL+click to toggleelse //if (!(selection_mask & (1 << node_clicked))) // Depending on selection behavior you want, may want to preserve selection when clicking on item that is part of the selectionselection_mask = (1 << node_clicked);           // Click to single-select}if (align_label_with_current_x_position)ImGui::Indent(ImGui::GetTreeNodeToLabelSpacing());
}

4. 效果

运行kanzi程序后，会额外出来一个窗口，实时显示所有节点信息

在这里插入图片描述
节点无效置灰请参考 imgui tree节点无效置灰实现方案

5. 拓展

将来可以根据点击某一个节点，展示属性窗口。

这篇关于kanzi运行时节点状态展示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/872916。

相关文章

在VSCode中本地运行DeepSeek的流程步骤

在VSCode中本地运行DeepSeek的流程步骤

《在VSCode中本地运行DeepSeek的流程步骤》本文详细介绍了如何在本地VSCode中安装和配置Ollama和CodeGPT,以使用DeepSeek进行AI编码辅助,无需依赖云服务,需要的朋友可... 目录步骤 1：在 VSCode 中安装 Ollama 和 CodeGPT安装Ollama下载Olla
阅读更多...
Flutter监听当前页面可见与隐藏状态的代码详解

Flutter监听当前页面可见与隐藏状态的代码详解

《Flutter监听当前页面可见与隐藏状态的代码详解》文章介绍了如何在Flutter中使用路由观察者来监听应用进入前台或后台状态以及页面的显示和隐藏,并通过代码示例讲解的非常详细,需要的朋友可以参考下... flutter 可以监听 app 进入前台还是后台状态，也可以监听当http://www.cppcn
阅读更多...
解读docker运行时-itd参数是什么意思

解读docker运行时-itd参数是什么意思

《解读docker运行时-itd参数是什么意思》在Docker中,-itd参数组合用于在后台运行一个交互式容器,同时保持标准输入和分配伪终端,这种方式适合需要在后台运行容器并保持交互能力的场景... 目录docker运行时-itd参数是什么意思1. -i（或 --interactive）2. -t（或 --
阅读更多...
pycharm远程连接服务器运行pytorch的过程详解

pycharm远程连接服务器运行pytorch的过程详解

《pycharm远程连接服务器运行pytorch的过程详解》：本文主要介绍在Linux环境下使用Anaconda管理不同版本的Python环境,并通过PyCharm远程连接服务器来运行PyTorc... 目录linux部署pytorch背景介绍Anaconda安装Linux安装pytorch虚拟环境安装cu
阅读更多...
Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件：四、dhtmlx
阅读更多...
MySQL 中的服务器配置和状态详解(MySQL Server Configuration and Status)

MySQL 中的服务器配置和状态详解(MySQL Server Configuration and Status)

《MySQL中的服务器配置和状态详解(MySQLServerConfigurationandStatus)》MySQL服务器配置和状态设置包括服务器选项、系统变量和状态变量三个方面,可以通过... 目录mysql 之服务器配置和状态1 MySQL 架构和性能优化1.1 服务器配置和状态1.1.1 服务器选项
阅读更多...
linux进程D状态的解决思路分享

linux进程D状态的解决思路分享

《linux进程D状态的解决思路分享》在Linux系统中,进程在内核模式下等待I/O完成时会进入不间断睡眠状态（D状态）,这种状态下,进程无法通过普通方式被杀死,本文通过实验模拟了这种状态,并分析了如... 目录1. 问题描述2. 问题分析3. 实验模拟3.1 使用losetup创建一个卷作为pv的磁盘3.
阅读更多...
Java实现状态模式的示例代码

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例
阅读更多...
通过prometheus监控Tomcat运行状态的操作流程

通过prometheus监控Tomcat运行状态的操作流程

《通过prometheus监控Tomcat运行状态的操作流程》文章介绍了如何安装和配置Tomcat,并使用Prometheus和TomcatExporter来监控Tomcat的运行状态,文章详细讲解了... 目录Tomcat安装配置以及prometheus监控Tomcat一. 安装并配置tomcat1、安装
阅读更多...
Linux之进程状态&&进程优先级详解

Linux之进程状态&&进程优先级详解

《Linux之进程状态&&进程优先级详解》文章介绍了操作系统中进程的状态,包括运行状态、阻塞状态和挂起状态,并详细解释了Linux下进程的具体状态及其管理,此外,文章还讨论了进程的优先级、查看和修改进... 目录一、操作系统的进程状态1.1运行状态1.2阻塞状态1.3挂起二、linux下具体的状态三、进程的
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2