We can proceed to build the UI of the application. The idea is to open a picture from the filesystem and apply to it the various filters we developed in the filter-designer-plugin project. If you want to keep the result, you can save the resulting image.
We will start by designing the UI. Modify MainWindow.ui to look like the following:
Here is the Object Inspector content to help you build this layout:
There are three elements of this UI:
- The menuFile element, which contains three possible actions: actionOpenPicture, actionExit, and actionSaveAs. You can see the details of these actions in the Action Editor window.
- The pictureLabel element, which will display the loaded picture in the empty top section.
- The filtersLayout element, which contains the three instances of our FilterWidget class in the bottom section.
As you add a FilterWidget...
