Implementing a task list application

To explore some of the widgets listed in the previous sections and how they can be brought together into a simple application, we will build a small task list. This application will show a list of tasks based on complete or incomplete state and allow the user to edit the details of each item.

Designing the GUI

First, we will piece together a basic user interface for the task application. It will contain a list of tasks on the left-hand side of the app and a collection of components that edit a task on the right-hand side. Above this, we will add a toolbar for other actions. Let’s get started:

1. The list of tasks will be a List widget that notifies the user when an item has been selected. The List widget will contain static content for this mock-up. Here, we will tell the list that there are a set number of items (for example, 5) so that it creates the correct number of items to display. We create a new check item each time the...