在OpenGL中调整大小时保持纵横比

时间:2013-05-11 15:33:05

标签: opengl resize aspect-ratio

我实现了以下代码:

void TestGlPlot::resizeGL(int width, int height) 
{
   setupViewport(width, height);
}

void TestGlPlot::setupViewport(int width, int height)
{
   /* Prevent divide by zero --------------------------------------------------------------------*/
   if (height == 0) height = 1;
   /* Calculate aspect ratio --------------------------------------------------------------------*/
   float aspectRatio = (float)width / (float)height;

   /* Set viewport to cover the window ----------------------------------------------------------*/
   glViewport(0, 0, width, height);

   /* Set aspect ratio --------------------------------------------------------------------------*/
   glMatrixMode(GL_PROJECTION); /* switch to projection matrix */
   glLoadIdentity();
   /*
   if (width >= height)
   {
   gluOrtho2D(-0.5*aspectRatio, 0.5*aspectRatio, 0.0, 1.0);
   }
   else
   {
   gluOrtho2D(-0.5, 0.5, 0.0*aspectRatio, 1.0*aspectRatio);
   }
   glMatrixMode(GL_MODELVIEW);
   */
   gluOrtho2D(-1, 1, 0.0, 1.0);
   glMatrixMode(GL_MODELVIEW);
}

void TestGlPlot::paintEvent(QPaintEvent *event) {
   makeCurrent();
   setupViewport(width(), height());

   glMatrixMode(GL_MODELVIEW);

   /* Set white background ----------------------------------------------------------------------*/
   glClear(GL_COLOR_BUFFER_BIT);
   glClearColor(255,255,255,0);

   /* Paint OpenGL events -----------------------------------------------------------------------*/
   glColor4f(1.0, 0.0, 0.0, 1.0);

   /* light grey */
   glColor4f(0.0, 0.0, 0.0, 0.3); 
   gluPartialDisk(plainQuad, 0.1, 1, 20, 4, -60, 120);

   /* Paint QPainter events ---------------------------------------------------------------------*/
   QPainter painter(this);

   /* Draw grey border around plot --------------------------------------------------------------*/
   painter.setPen(QColor("#808080"));
   painter.drawRect(0, 0, width()-1, height()-1);

   painter.setFont(font);

   /* Translate coordinate system to (0,0) center -----------------------------------------------*/
   QMatrix m;
   m.translate(width()*0.5, height()*0.5);   
   painter.setMatrix(m);

   /* Left side descriptions for radius ---------------------------------------------------------*/
   painter.drawText(-0.17*width(), 0.38*height(), tr("100m"));
   painter.drawText(-0.27*width(), 0.28*height(), tr("200m"));
   painter.drawText(-0.37*width(), 0.18*height(), tr("300m"));
   painter.drawText(-0.47*width(), 0.08*height(), tr("400m"));

   painter.drawText(0.45*width(), -0.01*height(), tr("60°"));
   painter.drawText(0.26*width(), -0.38*height(), tr("30°"));

   painter.drawText(-0.47*width(), -0.01*height(), tr("300°"));
   painter.drawText(-0.28*width(), -0.38*height(), tr("330°"));

   painter.end();
}

我尝试了不同的方法来调整大小(保持partialDisk对象的形状而不拉伸它),但每个方法都失败了。我还想保持单位圆的坐标处理(这样我可以将我的测量标准化并将它们绘制成极坐标图)。

1 个答案:

答案 0 :(得分:1)

要保持宽高比,一般有几种选择:

  1. 始终缩放到一个维度。例如,您只需定义要始终查看水平范围[-0.5,0.5]。在这种情况下,您必须通过因子(1 / aspect_viewport)更正垂直范围。
  2. 使用一些等效的letterboxing。因此,您可以定义一个您想要完全看到的“感兴趣区域”,但您可能会看到更多宽度或高度,具体取决于窗口方面(在观看letterboxed电影时基本上等同于黑条)。有两种情况需要考虑:视口的方面大于您所在区域的方面,因此它更宽。在这种情况下,您应该映射整个高度并将horitonal范围增加一个因子(aspect_viewport / aspect_region)。否则,窗口的方面低于您所在区域的宽高比,因此您应该使用整个宽度并按(aspect_region / aspect_viewport)向上扩展垂直范围。请注意,在这两种情况下,因子都是> = 1。
  3. 在您的代码中,您几乎已经实现了方法2,但是您获得了aspectRatio< 1例错误,应该是

       if (width >= height)
               gluOrtho2D(-0.5f*aspectRatio, 0.5f*aspectRatio, 0.0f, 1.0f); 
       else 
               gluOrtho2D(-0.5f, 0.5f, 0.0, 1.0/aspectRatio);