Putting it all together – an image gallery application

Let's apply what we've discussed in the last few chapters by putting together a simple image gallery application, such as the photo gallery on smartphones. We'll display images from the system's directory in a grid, letting the user flick to scroll the images. Here's how our application will look:

Putting it all together – an image gallery application

To do this, we need the following components:

  • A model containing the paths to the images to be displayed
  • A controller responsible for creating the model
  • An image provider that can load the images from the system's image directory
  • The QML UI

Let's take a look at the application's QML first:

import QtQuick ...

Get Application Development with Qt Creator - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.