Home Documentation Download Examples Developer

# The interface example

Adding a graphical user interface around a `QGLViewer`.

Qt's `designer` has been used to create a very simple interface example, described by a `.ui` user interface description file.

Install the QGLViewer designer plugin so that the QGLViewer appears in the designer's widgets tabs. You can then connect signals and slots to and from the viewer. The viewer is fully functional and can be manipulated when you test your interface in `designer`.

The plugin code is in the `designerPlugin` directory. Start from there to create plugins for the classes you will derive from QGLViewer. Select your architecture in the download page for details on the plugin compilation and installation.

With Qt version 3, an alternative to the plugin technique is to use the `qglviewer.cw` (custom widget) file located in this directory (also available in the QGLViewer header file directory). It describes all the QGLViewer signals and slots. Add a "Custom Widget" using the Tools/Custom designer menu, and use Load Descriptions... to load the `.cw` file. This file can be extended with new signals and slots, in case you added some to your QGLViewer sub-class, thus creating a new custom widget description.

Here we use three slots and three signals (axis, grid and fps) to connect to and from the interface and the viewer.

## interface.h

    #include <QGLViewer/qglviewer.h>

    class Viewer : public QGLViewer
    {
    public :
    #if QT_VERSION < 0x040000
      Viewer(QWidget *parent, const char *name);
    #else
      Viewer(QWidget *parent);
    #endif

    protected :
      virtual void draw();
      virtual QString helpString() const;
    };

## interface.cpp

    #include "interface.h"
    #include <math.h>

    // Constructor must call the base class constructor.
    #if QT_VERSION < 0x040000
    Viewer::Viewer(QWidget *parent, const char *name)
      : QGLViewer(parent, name)
    #else
    Viewer::Viewer(QWidget *parent)
        : QGLViewer(parent)
    #endif
    {
      restoreStateFromFile();
      help();
    }

    void Viewer::draw()
    {
      // Draws a spiral
      const float nbSteps = 200.0;
      glBegin(GL_QUAD_STRIP);
      for (float i=0; i<nbSteps; ++i)
        {
          float ratio = i/nbSteps;
          float angle = 21.0*ratio;
          float c = cos(angle);
          float s = sin(angle);
          float r1 = 1.0 - 0.8*ratio;
          float r2 = 0.8 - 0.8*ratio;
          float alt = ratio - 0.5;
          const float nor = .5;
          const float up = sqrt(1.0-nor*nor);
          glColor3f(1.0-ratio, 0.2f , ratio);
          glNormal3f(nor*c, up, nor*s);
          glVertex3f(r1*c, alt, r1*s);
          glVertex3f(r2*c, alt+0.05, r2*s);
        }
      glEnd();
    }

    QString Viewer::helpString() const
    {
      QString text("<h2>I n t e r f a c e</h2>");
      text += "A GUI can be added to a QGLViewer widget using Qt's <i>Designer</i>. Signals and slots ";
      text += "can then be connected to and from the viewer.<br><br>";
      text += "You can install the QGLViewer designer plugin to make the QGLViewer appear as a ";
      text += "standard Qt widget in the Designer's widget tabs. See installation pages for details.<br><br>";
      text += "An other option (with Qt version 2 or 3) is to add a <i>Custom Widget</i> in Designer. ";
      text += "All the available QGLViewer's signals and slots are listed in a <code>qglviewer.cw</code> ";
      text += "(custom widget) file, located in the QGLViewer <code>include</code> directory.";
      return text;
    }

## main.cpp

    #include <qapplication.h>

    #if QT_VERSION >= 0x040000
    # include "ui_viewerInterface.Qt4.h"
      class ViewerInterface : public QDialog, public Ui::Dialog
      {
      public:
        ViewerInterface() { setupUi(this); }
      };
    #else
    # include "interface.h"
    # include "viewerInterface.Qt3.h"
    #endif

    int main(int argc, char** argv)
    {
      QApplication application(argc,argv);

      ViewerInterface vi;

    #if QT_VERSION < 0x040000
      application.setMainWidget(&vi);
    #else
      vi.setWindowTitle("interface");
    #endif

      vi.show();

      return application.exec();
    }

Back to the examples main page.

Last modified on Sunday, February 28, 2010.