在Qt項目中結合OpenGL與CMake需要配置正確的依賴關系、鏈接庫以及代碼結構設計。以下是具體實現步驟和關鍵要點：

---

一、環境準備

1. 安裝Qt
   確保安裝包含OpenGL模塊的Qt版本（如Qt OpenGL、Qt OpenGLWidgets組件）。
2. 安裝CMake
   使用3.10及以上版本，并配置系統環境變量。

---

二、CMake配置

1. 基礎配置

cmake_minimum_required(VERSION 3.10)
project(Qt_OpenGL_Project)# 設置C++標準
set(CMAKE_CXX_STANDARD 11)
set(CMAKE_CXX_STANDARD_REQUIRED ON)# 查找Qt組件
find_package(Qt6 COMPONENTS Core Gui Widgets OpenGL OpenGLWidgets REQUIRED)# 添加可執行文件
add_executable(${PROJECT_NAME} main.cpp)

2. 鏈接OpenGL與Qt庫

# 鏈接Qt核心庫
target_link_libraries(${PROJECT_NAME}Qt6::CoreQt6::GuiQt6::WidgetsQt6::OpenGLQt6::OpenGLWidgets
)# 鏈接系統OpenGL庫（Windows需顯式鏈接）
if(WIN32)target_link_libraries(${PROJECT_NAME} opengl32 glu32)
endif()

3. 啟用OpenGL特性

若使用QCustomPlot等第三方庫需啟用OpenGL支持：

target_compile_definitions(${PROJECT_NAME} PRIVATE QCUSTOMPLOT_USE_OPENGL)

---

三、代碼實現

1. 繼承QOpenGLWidget

#include <QOpenGLWidget>
#include <QOpenGLFunctions>class GLWidget : public QOpenGLWidget, protected QOpenGLFunctions {Q_OBJECT
public:explicit GLWidget(QWidget *parent = nullptr) : QOpenGLWidget(parent) {}protected:void initializeGL() override {initializeOpenGLFunctions(); // 初始化OpenGL函數glClearColor(0.2f, 0.3f, 0.3f, 1.0f); // 設置背景色}void paintGL() override {glClear(GL_COLOR_BUFFER_BIT); // 清空緩沖區// 添加OpenGL繪制代碼}void resizeGL(int w, int h) override {glViewport(0, 0, w, h); // 設置視口}
};

2. 主窗口集成

#include <QApplication>
#include <QMainWindow>int main(int argc, char *argv[]) {QApplication a(argc, argv);QMainWindow window;GLWidget glWidget;window.setCentralWidget(&glWidget);window.show();return a.exec();
}

---

四、常見問題解決

1. OpenGL函數未識別

   • 確保繼承QOpenGLFunctions并調用initializeOpenGLFunctions()。
   • 使用QOpenGLExtraFunctions獲取更高版本API支持。

2. Qt版本兼容性

   • Qt6默認使用QOpenGLWidget替代舊版QGLWidget，推薦使用新API。
   • 若需兼容Qt5，修改CMake中Qt6為Qt5并調整組件名稱。

3. 第三方庫集成（如OpenCV）
   在CMake中啟用WITH_QT和WITH_OPENGL選項，確保OpenCV編譯時支持Qt和OpenGL：

   find_package(OpenCV REQUIRED)
   target_link_libraries(${PROJECT_NAME} ${OpenCV_LIBS})
   

---

五、高級配置

• 多平臺適配
  CMake自動處理不同平臺的庫依賴（如Linux下鏈接-lGL，macOS下鏈接-framework OpenGL）。
• 調試工具
  使用qDebug()輸出OpenGL錯誤碼，或借助glGetError()檢查錯誤。

通過以上步驟，Qt與OpenGL可在CMake項目中無縫集成，實現跨平臺的圖形渲染功能。建議參考Qt官方文檔和OpenGL教程深入優化渲染邏輯。

---

下面利用QT和OpenGL畫一個三角形

---

一、創建OpenGL繪制組件

1. 繼承QOpenGLWidget實現自定義繪制類：

// myopenglwidget.h
#include <QOpenGLWidget>
#include <QOpenGLFunctions_3_3_Core>
#include <QOpenGLShaderProgram>class MyOpenGLWidget : public QOpenGLWidget, protected QOpenGLFunctions_3_3_Core
{Q_OBJECT
public:explicit MyOpenGLWidget(QWidget *parent = nullptr);void setTriangleColor(const QColor &color);protected:void initializeGL() override;void paintGL() override;private:GLuint VAO, VBO;QOpenGLShaderProgram *shaderProgram;QVector3D triangleColor = QVector3D(1.0f, 0.0f, 0.0f); // 默認紅色
};

二、實現OpenGL初始化與繪制

// myopenglwidget.cpp
void MyOpenGLWidget::initializeGL()
{initializeOpenGLFunctions();glClearColor(0.1f, 0.1f, 0.1f, 1.0f);// 頂點數據（三角形位置）float vertices[] = {-0.5f, -0.5f, 0.0f,0.5f, -0.5f, 0.0f,0.0f,  0.5f, 0.0f};// 創建VAO/VBOglGenVertexArrays(1, &VAO);glGenBuffers(1, &VBO);glBindVertexArray(VAO);glBindBuffer(GL_ARRAY_BUFFER, VBO);glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);// 配置頂點屬性glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(float), (void*)0);glEnableVertexAttribArray(0);// 創建著色器程序shaderProgram = new QOpenGLShaderProgram(this);shaderProgram->addShaderFromSourceCode(QOpenGLShader::Vertex,"#version 330 core\n""layout (location = 0) in vec3 aPos;\n""void main() {\n""   gl_Position = vec4(aPos, 1.0);\n""}");shaderProgram->addShaderFromSourceCode(QOpenGLShader::Fragment,"#version 330 core\n""out vec4 FragColor;\n""uniform vec3 ourColor;\n""void main() {\n""   FragColor = vec4(ourColor, 1.0);\n""}");shaderProgram->link();
}void MyOpenGLWidget::paintGL()
{glClear(GL_COLOR_BUFFER_BIT);shaderProgram->bind();shaderProgram->setUniformValue("ourColor", triangleColor);glBindVertexArray(VAO);glDrawArrays(GL_TRIANGLES, 0, 3);shaderProgram->release();
}void MyOpenGLWidget::setTriangleColor(const QColor &color)
{triangleColor = QVector3D(color.redF(), color.greenF(), color.blueF());update(); // 觸發重繪
}

三、添加顏色選擇按鈕

// mainwindow.cpp
#include <QMainWindow>
#include <QPushButton>
#include <QColorDialog>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent)
{MyOpenGLWidget *glWidget = new MyOpenGLWidget(this);setCentralWidget(glWidget);// 創建顏色選擇按鈕QPushButton *colorBtn = new QPushButton("選擇顏色", this);colorBtn->setGeometry(10, 10, 100, 30);connect(colorBtn, &QPushButton::clicked, [=](){QColor color = QColorDialog::getColor(Qt::red, this, "選擇三角形顏色");if (color.isValid()) {glWidget->setTriangleColor(color);}});
}

四、運行效果

1. 窗口顯示灰色背景的紅色三角形
2. 點擊"選擇顏色"按鈕彈出顏色選擇對話框
3. 選擇顏色后三角形實時更新顏色

關鍵實現原理

1. 著色器控制顏色：通過uniform變量傳遞顏色值到片段著色器
2. 顏色轉換：將Qt的QColor轉換為OpenGL的歸一化顏色值（0.0-1.0）
3. 實時更新：調用update()觸發OpenGL重繪