如何为ImGui按钮添加跳转至浏览器URL的功能？

核心逻辑 #

• 用ImGui::Button()创建按钮，判断其返回值为true时（表示按钮被点击），调用系统平台相关API打开默认浏览器访问目标URL

分平台实现代码示例 #

Windows平台 #

依赖ShellExecuteW函数，需包含windows.h头文件：

#include <imgui.h>
#include <windows.h>

void RenderUrlButton() {
    if (ImGui::Button("访问示例网站")) {
        // URL必须带http/https前缀，否则无法正确识别为网页链接
        ShellExecuteW(NULL, L"open", L"https://example.com", NULL, NULL, SW_SHOWNORMAL);
    }
}

macOS平台 #

使用NSWorkspace的openURL:方法，需启用Objective-C++编译（将源文件后缀改为.mm）：

#include <imgui.h>
#include <Cocoa/Cocoa.h>

void RenderUrlButton() {
    if (ImGui::Button("访问示例网站")) {
        NSURL* url = [NSURL URLWithString:@"https://example.com"];
        [[NSWorkspace sharedWorkspace] openURL:url];
    }
}

Linux平台 #

调用系统命令xdg-open（大部分桌面环境默认支持）：

#include <imgui.h>
#include <cstdlib>

void RenderUrlButton() {
    if (ImGui::Button("访问示例网站")) {
        system("xdg-open https://example.com");
    }
}

跨平台封装方案 #

自动适配不同平台的封装函数：

#include <imgui.h>
#include <cstdlib>

#ifdef _WIN32
#include <windows.h>
#elif __APPLE__
#include <Cocoa/Cocoa.h>
#endif

void OpenUrl(const char* url) {
#ifdef _WIN32
    // 转换UTF-8字符串为宽字符
    int wlen = MultiByteToWideChar(CP_UTF8, 0, url, -1, NULL, 0);
    wchar_t* wurl = new wchar_t[wlen];
    MultiByteToWideChar(CP_UTF8, 0, url, -1, wurl, wlen);
    ShellExecuteW(NULL, L"open", wurl, NULL, NULL, SW_SHOWNORMAL);
    delete[] wurl;
#elif __APPLE__
    NSURL* nsUrl = [NSURL URLWithString:@(url)];
    [[NSWorkspace sharedWorkspace] openURL:nsUrl];
#elif __linux__
    // 处理URL含空格的情况，用单引号包裹
    char cmd[256];
    snprintf(cmd, sizeof(cmd), "xdg-open '%s'", url);
    system(cmd);
#endif
}

void RenderUrlButton() {
    if (ImGui::Button("访问示例网站")) {
        OpenUrl("https://example.com");
    }
}

注意事项 #

• URL必须包含完整协议前缀（http://或https://），否则系统无法识别为网页链接
• Linux环境下xdg-open依赖桌面环境，无桌面的服务器场景可能无法正常工作
• macOS纯C项目需将源文件后缀改为.mm，才能编译Objective-C代码

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