Ubuntu下C++图形界面编程如何入门

首页

编程语言

热心网友

转载

2026-05-05

入门路线与工具

Ubuntu下C++图形界面编程如何入门

免费影视、动漫、音乐、游戏、小说资源长期稳定更新！ 👉 点此立即查看 👈

在 Ubuntu 上开启 C++ GUI 开发之旅，通常有几条成熟路线可选。功能全面、跨平台且生态完善的 Qt 无疑是主流之选；如果你深度融入 GNOME 生态，追求原汁原味的 Linux 原生体验，那么 GTK+ 或它的 C++ 封装 gtkmm 会更合适。对于追求极致轻量、希望快速搭建原型的场景，FLTK 值得一看；而 wxWidgets 则以其贴近各平台原生外观的特点，吸引了一批开发者。此外，如果你主要目标是开发游戏引擎工具、调试面板或数据可视化界面，那么采用即时模式（Immediate Mode）的 Dear ImGui 会带来截然不同的高效体验。入门第一步，永远是先配好基础编译环境，然后根据所选框架安装对应的开发库，最后亲手跑通一个“Hello World”——这比任何理论都来得实在。

环境准备

工欲善其事，必先利其器。环境搭建是第一步，也是避免后续踩坑的关键。

安装基础编译工具与构建链： 打开终端，执行以下命令更新软件源并安装必备工具：
- sudo apt update && sudo apt install build-essential cmake
选择你的第一套框架并安装： 根据你的路线选择，运行对应的安装命令（以下为示例）：
- Qt5： sudo apt install qt5-default qtbase5-dev qtchooser
- GTK3： sudo apt install libgtk-3-dev
- gtkmm3： sudo apt install libgtkmm-3.0-dev
- FLTK： sudo apt install libfltk1.3-dev
- wxWidgets： sudo apt install libwxgtk3.0-dev
- Dear ImGui（配合 GLFW/OpenGL）： sudo apt install libimgui-dev libglfw3-dev libopengl-dev
IDE 可选： 工具链配好后，一个顺手的集成开发环境能极大提升效率。Qt Creator 对 Qt 项目支持最为友好；VS Code 配合 CMake 或 Meson 插件同样强大通用；如果你偏好 JetBrains 系列，CLion 也是专业级的选择。

三种路线快速上手

理论说再多，不如动手写几行代码。下面我们分别看看几个主流框架如何快速创建第一个窗口。

Qt（Widgets 应用）

安装完成后，最快捷的方式是直接使用 Qt Creator 新建一个“Qt Widgets Application”项目。当然，手工编写更能理解其脉络。一个最小化的示例如下：

代码示例（main.cpp）

#include 
#include 

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QPushButton button(“Hello, Qt!”);
    button.show();
    return app.exec();
}

编译运行（两种方式）

命令行（qmake）： qmake -project && qmake && make && ./your_app

或 CMake（CMakeLists.txt 片段）：

cmake_minimum_required(VERSION 3.16)
project(HelloQt LANGUAGES CXX)
set(CMAKE_CXX_STANDARD 17)
find_package(Qt5 COMPONENTS Widgets REQUIRED)
add_executable(hello main.cpp)
target_link_libraries(hello Qt5::Widgets)

GTK+ 3（C 接口）

GTK+ 本身是 C 库，但 C++ 调用毫无障碍。其编程模式围绕“信号-回调”展开。

代码示例（main.cpp）

#include 

static void activate(GtkApplication *app, gpointer user_data) {
    GtkWidget *window = gtk_application_window_new(app);
    gtk_window_set_title(GTK_WINDOW(window), “Hello, GTK+”);
    gtk_window_set_default_size(GTK_WINDOW(window), 200, 200);
    gtk_widget_show_all(window);
}

int main(int argc, char **argv) {
    GtkApplication *app = gtk_application_new(“org.gtk.example”, G_APPLICATION_FLAGS_NONE);
    g_signal_connect(app, “activate”, G_CALLBACK(activate), NULL);
    int status = g_application_run(G_APPLICATION(app), argc, argv);
    g_object_unref(app);
    return status;
}

编译： g++ `pkg-config --cflags gtk+-3.0` -o myapp main.cpp `pkg-config --libs gtk+-3.0`

FLTK（轻量 C++ GUI）

FLTK 的 API 设计非常直接，代码量少，依赖极轻，适合快速验证想法。

代码示例（main.cpp）

#include 
#include 
#include 

void cb(Fl_Widget*, void*) { printf(“Button clicked!\n”); }

int main() {
    Fl_Window win(300, 200, “Hello, FLTK”);
    Fl_Button btn(100, 80, 100, 30, “Click Me”);
    btn.callback(cb);
    win.end(); win.show();
    return Fl::run();
}

编译： g++ `pkg-config --cflags fltk` -o myapp main.cpp `pkg-config --libs fltk`

Dear ImGui（即时模式，适合工具/调试）

Dear ImGui 的编程范式与传统 GUI 库不同，它属于“即时模式”，每一帧都重新绘制整个界面，非常适合需要频繁更新状态的可视化工具。

代码示例（main.cpp，基于 GLFW+OpenGL3）

#include “imgui.h”
#include “backends/imgui_impl_glfw.h”
#include “backends/imgui_impl_opengl3.h”
#include 

int main() {
    if (!glfwInit()) return -1;
    GLFWwindow* window = glfwCreateWindow(1280, 720, “ImGui”, nullptr, nullptr);
    glfwMakeContextCurrent(window); glfwSwapInterval(1);
    IMGUI_CHECKVERSION(); ImGui::CreateContext(); ImGui::StyleColorsDark();
    ImGui_ImplGlfw_InitForOpenGL(window, true);
    ImGui_ImplOpenGL3_Init(“#version 130”);
    while (!glfwWindowShouldClose(window)) {
        glfwPollEvents();
        ImGui_ImplOpenGL3_NewFrame(); ImGui_ImplGlfw_NewFrame(); ImGui::NewFrame();
        ImGui::Begin(“Hello, ImGui!”); ImGui::Text(“This is ImGui”); ImGui::End();
        ImGui::Render();
        glClearColor(0.45f, 0.55f, 0.60f, 1.00f); glClear(GL_COLOR_BUFFER_BIT);
        ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData());
        glfwSwapBuffers(window);
    }
    ImGui_ImplOpenGL3_Shutdown(); ImGui_ImplGlfw_Shutdown(); ImGui::DestroyContext();
    glfwDestroyWindow(window); glfwTerminate(); return 0;
}

编译（pkg-config 方式示例）： g++ main.cpp `pkg-config --cflags --libs imgui glfw3 opengl` -o imgui_demo
注意： ImGui 本身只是一个 GUI 库，需要搭配 GLFW、SDL 这样的窗口管理和 OpenGL/Vulkan 等渲染后端才能工作。它更适合用于开发调试面板、编辑器或游戏内工具，而非直接发布给最终用户的传统桌面应用。

如何选择与下一步

面对众多选择，如何决策？关键在于明确你的核心需求。

选择建议
- 如果你追求功能完整、跨平台兼容性和强大的官方工具链（如设计器、翻译工具），选 Qt。
- 如果你的应用深度集成在 GNOME 桌面环境，希望获得最原生的 Linux 外观和体验，选 GTK+/gtkmm。
- 如果你的项目对二进制体积和依赖项极其敏感，或者只是想快速搭个原型验证功能，选 FLTK。
- 如果你希望应用在不同操作系统上都能自动适配其原生控件风格，选 wxWidgets。
- 如果你的目标是开发游戏引擎编辑器、实时数据可视化工具或任何需要高频界面刷新的内部工具，选 Dear ImGui。
下一步学习路径
- 控件与布局： 掌握按钮、文本框、列表、表格等基础控件，并学会使用布局管理器（如 Qt 的 Layouts，GTK 的 Box/Grid）来构建自适应界面。
- 事件与信号槽/回调： 这是 GUI 交互的核心。理解如何响应用户点击、输入，如何处理定时器任务，以及如何在多线程环境中安全地更新 UI。
- 资源管理： 学习如何嵌入和管理图片、图标、字体等资源，如何实现界面的多语言国际化，以及如何定制应用的主题和样式。
- 构建与打包： 使用 CMake 或 Meson 管理复杂项目结构，编写单元测试保证质量，最后学习如何将应用打包成便于分发的格式（如 Linux 下的 AppImage 或 deb 包）。