Our project will now have five views: the note list view, the text note edit view, the audio note edit view, the image note edit view, and now the video note edit view. The last view is the only new view, just like the previous project, and the UI is very familiar.

Let's look at the following screenshot that shows what the UI looks like:

Our view is structured similar to both the audio note edit view and the image note edit view. We have a view at the top that will hold the video for playback, and below it, we have a single record control (the outlined circle as shown in the previous image).

An example of the asset we'll use on the note list view is shown in the following screenshot:

Note the new film strip icon; this is what we'll use to represent video notes.

In this task, we defined the user interface...