Qt OpenGL - 三维坐标系 (带刻度标签)

引言

在OpenGL进行3D可视化，绘制网格形式的坐标系则能更清晰的展示所画图形位置。由于OpenGL本身并没有绘制文字的功能，所以想要显示刻度标签或者一些其他标签需要自己手撸代码。Qt的QOpenGLWidget可以较方便的解决这个问题，其可以在OpenGL绘制之后，使用QPainter继续绘制2D图形或文字标签。

• 在Qt OpenGL上绘制2D标签的核心思路：先确定想要绘制标签处的3D坐标，然后将其投影到2D屏幕上，最后使用QPainter进行绘制。

一、回顾之前的坐标轴、坐标系

可参考之前写的博客：
https://blog.csdn.net/qq_38204686/article/details/135352555 Qt OpenGL初探 - 画坐标轴
https://blog.csdn.net/qq_38204686/article/details/135418523 Qt OpenGL - 网格式的直角坐标系

1.1 优化坐标轴代码，封装为函数

• 增加可配置的坐标轴原点以及坐标轴长度

void QopenGLDemo::GL3DAxis(std::vector<float> origin_p, int axis_length){
   

    axis_length = axis_length + 1;  // 加点长度好看
    // 坐标轴
    glLineWidth(5);
    glBegin(GL_LINE_STRIP);
    glColor3f(1, 0, 0);
    glVertex3f(origin_p[0], origin_p[1], origin_p[2]);
    glVertex3f(origin_p[0] + axis_length, origin_p[1], origin_p[2]);
    glEnd();
    glFlush();

    glBegin(GL_LINE_STRIP);
    glColor3f(0, 1, 0);
    glVertex3f(origin_p[0], origin_p[1], origin_p[2]);
    glVertex3f(origin_p[0], origin_p[1] + axis_length, origin_p[2]);
    glEnd();
    glFlush();

    glBegin(GL_LINE_STRIP);
    glColor3f(0, 0, 1);
    glVertex3f(origin_p[0], origin_p[1], origin_p[2]);
    glVertex3f(origin_p[0], origin_p[1], origin_p[2] + axis_length);
    glEnd();
    glFlush();

    // 坐标轴箭头  参考官方文档: https://registry.khronos.org/OpenGL-Refpages/gl4/
    GLUquadricObj *objCylinder = gluNewQuadric();
    glPushMatrix();
    glColor3f(0, 0, 1);
    glTranslatef(origin_p[0], origin_p[1], origin_p[2]);  // 这里先移动屏幕中心原点，使得当前坐标系的原点成为旋转中心
    glTranslatef(0, 0, axis_length);                      // 再移动轴长度
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    glPushMatrix();
    glColor3f(1, 0, 0);                                   // (以下操作，相对来说比先旋转好理解一点)
    glTranslatef(origin_p[0], origin_p[1], origin_p[2]);  // 这里先移动屏幕中心原点，使得当前坐标系的原点成为旋转中心
    glRotatef(90, 0, 1, 0);                               // 沿着y轴转90度 使得x轴对着原z轴方向
    glTranslatef(0, 0, axis_length);                      // 再移动轴长度
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    glPushMatrix();
    glColor3f(0, 1, 0);
    glTranslatef(origin_p[0], origin_p[1], origin_p[2]);  // 这里先移动屏幕中心原点，使得当前坐标系的原点成为旋转中心
    glRotatef(-90, 1, 0, 0.0);                            // 沿着x轴转90度 使得y轴对着原z轴方向
    glTranslatef(0, 0, axis_length);                      // 再移动轴长度
    gluCylinder(objCylinder, 0.3, 0.0, 0.3, 100, 1);  // gluCylinder绘制一个沿z轴定向的圆柱体
    glPopMatrix();

    // 画原点 - 白色
    glPointSize(10.0f);
    glBegin(GL_POINTS);
    glColor3f(1, 1, 1);
    glVertex3f(origin_p[0], origin_p[1], origin_p[2]);
    glEnd();
    glFlush();
}

1.2 融合坐标轴、坐标系

• 将之前的网格式的坐标系与坐标轴画在一起.效果如下图所示：
  
• 核心代码：

void QopenGLDemo::paintGL(){
   
    // 初始化
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);//清除屏幕和深度缓存
    glLoadIdentity();

    //旋转显示窗口
    glTranslatef(0, 0, -30);
    glRotatef(45.0, 0, -1, 0);  // 绕y轴旋转45度
    //glRotatef(45.0, 1, 0, -1);  // 绕向量(1,0,-1) 旋转45度

    //画3D坐标轴
    std::vector<float> org = {
   -4.0f, -4.0f, -4.0f};
    GL3DAxis(org, 8);

    //画3D直角坐标系
    std::vector<float> x1 = {
   -4.0f, -4.0f, -4.0f}, x2 = {
   -4.0f, 4.0f, 4.0f};
    GL3DGrid(x1, x2, 10);

    std::vector<float> y1 = {
   -4.0f, -4.0f, -4.0f}, y2 = {
   4.0f, -4.0f, 4.0f};
    GL3DGrid(y1, y2, 10);

    std::vector<float> z1 = {
   -4.0f, -4.0f, -4.0f}, z2 = {
   4.0f, 4.0f, -4.0f};
    GL3DGrid(z1, z2, 10);
}

void QopenGLDemo::GL3DGrid(std::vector<float> p1, std::vector<float> p2, int num)
{
   
    if(p1.size() !=3 || p2.size() !=3){
   
        return; // 稳健
    }
    num = num