Displaying multiple pickups of the same object with multiple status icons
If there is a small, fixed total number of an item to be collected rather than text totals, an effective UI approach is to display placeholder icons (empty or grayed-out pictures) to show the user how many of the same item are left to be collected. Each time an item is picked up, a placeholder icon is replaced with a full-color, collected icon.
In this recipe, we will use gray-filled star icons as the placeholders and yellow-filled star icons to indicate each collected star, as shown in the following screenshot:
Figure 3.14: UI showing multiple status icons
Getting ready
This recipe assumes that you are starting with the Simple2Dgame_SpaceGirl project, which we set up in the first recipe of this chapter.
How to do it...
To display multiple inventory icons for multiple pickups of the same type of object, follow these steps:
- Start with a new copy of the
Simple2Dgame_SpaceGirl...
