Chapter 29
Building a Carousel-Like User Interface with Paging Support

Kickstarter is one of my favorite crowdfunding services. The current version of the app uses a table view to list all the crowdfunding projects. Before the revamp of its user interface, it displayed all featured projects in a carousel, with which you could flick left or right through the cards to discover more Kickstarter projects. Themed with vivid colors, the carousel design of the app looks plain awesome.

Carousel is a popular way to showcase a variety of featured content. Not only can you find carousel design in mobile apps, but it has also been applied to web applications for many years. A carousel arranges a set of items horizontally, where each item usually includes a thumbnail. Users can scroll through the list of items by flicking left or right.

Figure 29.1. A carousel UI design (left: An older version of the Kickstarter app, right: our demo app)
Figure 29.1. A carousel UI design (left: An older version of the Kickstarter app, right: our demo app)

In this chapter, I will show you how to build a carousel in iOS apps. It's not as hard as you might think. All you need to do is to implement a UICollectionView. If you do not know how to create a collection view, I recommend you take a look at chapter 18. As usual, to walk you through the feature we will build a demo app with a simple carousel that displays a list of trips.

To continue reading and access the full version of the book, please get the full copy here. You will also be able to access the full source code of the project.

results matching ""

    No results matching ""