PDF Viewer Example

Renders PDF documents.

[Missing image pdfviewer.png]

PDF Viewer demonstrates how to use the QPdfDocument class to render PDF documents and the QPdfPageNavigation class to navigate them.

Qt Creator and the integrated Qt Designer were used to create the example UI and to connect it to the code. This affects the code, which might be somewhat different to what you would typically write by hand. For more information about using Qt Designer, see Qt Designer Manual and Qt Creator: Creating a Qt Widget Based Application.

Running the Example

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

Creating the Main Window

The MainWindow class inherits the QMainWindow class:

 class MainWindow : public QMainWindow
 {
     Q_OBJECT

 public:
     explicit MainWindow(QWidget *parent = nullptr);
     ~MainWindow();

The class declares public and private slots that match the actions of the selectors:

 public slots:
     void open(const QUrl &docLocation);

 private slots:
     void bookmarkSelected(const QModelIndex &index);

     // action handlers
     void on_actionOpen_triggered();
     void on_actionQuit_triggered();
     void on_actionAbout_triggered();
     void on_actionAbout_Qt_triggered();
     void on_actionZoom_In_triggered();
     void on_actionZoom_Out_triggered();
     void on_actionPrevious_Page_triggered();
     void on_actionNext_Page_triggered();
     void on_actionContinuous_triggered();

The actual layout of the main window is specified in a .ui file. The widgets and actions are available at runtime in the ui member variable.

 private:
     Ui::MainWindow *ui;

The m_zoomSelector variable holds the zoom selector and the m_pageSelector holds the page selector. The m_document variable is an instance of the QPdfDocument class that contains the PDF document.

     ZoomSelector *m_zoomSelector;
     PageSelector *m_pageSelector;

     QPdfDocument *m_document;
 };

The actual setup of the different objects is done in the MainWindow constructor:

 MainWindow::MainWindow(QWidget *parent)
     : QMainWindow(parent)
     , ui(new Ui::MainWindow)
     , m_zoomSelector(new ZoomSelector(this))
     , m_pageSelector(new PageSelector(this))
     , m_document(new QPdfDocument(this))
 {

The constructor first calls setupUi() to construct the zoom and page selectors according to the UI file. We set the maximum width of the selectors.

     ui->setupUi(this);

     m_zoomSelector->setMaximumWidth(150);
     ui->mainToolBar->insertWidget(ui->actionZoom_In, m_zoomSelector);

     m_pageSelector->setMaximumWidth(150);
     ui->mainToolBar->addWidget(m_pageSelector);

We use the QPdfPageNavigation class to handle the navigation through a PDF document:

     m_pageSelector->setPageNavigation(ui->pdfView->pageNavigation());

We connect the zoomModeChanged and zoomFactor changed signals of the PDF view to the functions that reset the zoom selector:

     connect(m_zoomSelector, &ZoomSelector::zoomModeChanged, ui->pdfView, &QPdfView::setZoomMode);
     connect(m_zoomSelector, &ZoomSelector::zoomFactorChanged, ui->pdfView, &QPdfView::setZoomFactor);
     m_zoomSelector->reset();

We then load the PDF document to the viewer:

     ...
     ui->pdfView->setDocument(m_document);

Finally, we connect the zoomFactorChanged signal to the function that sets the value of the zoom selector:

     connect(ui->pdfView, &QPdfView::zoomFactorChanged,
             m_zoomSelector, &ZoomSelector::setZoomFactor);
 }

Files and Attributions

Files:

Images:

Contents

PDF Viewer Example

Running the Example

Creating the Main Window

Files and Attributions