After a user selects a photo to use, we present the user with a screen, which contains that image. In the following screenshot, we have a scroller, also known as a UIScrollView, which allows us to create content that scrolls either horizontally or vertically. The UIScrollView displays an image (thumbnail) with the filter applied to it as well as the name of the filter. This image and name represent our filters visually to our users.
When the user taps on the image, the user will see the selected filter change the primary image. Let's look at an example:
We are now going to create the elements inside the UIScrollView. Since we have created a lot inside our storyboard, let's create the PhotoItem entirely in code:
- Right-click the Model folder inside of Review Form folder and select New File.
- Inside the Choose a template for your new file...
