Designing and implementing the UI for the usecase

So, we are taking a shortcut and jumping straight to the UI layer. We still want to make sure that our use case is satisfied, and we will verify it by looking at the UI and interacting with it.

Looking at our use case, the page is a given entity, so we will just create its visual counterpart as an already given instance, place it on top of a table surface, and give it a bit of shadow, to show that it is actually a page and not a window, or a simple rectangle.

We start off by creating a new .qml file in the gui folder, which will contain the table surface. Let's call it TableSurface.qml. Qt Creator provides a specific template wizard for QML files, you can find it under Files and Classes > ...

Get End to End GUI Development with Qt5 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.