Modifying the app images

Nearly all of the images used in the user interface of the app can be customized. Override the default image with one you create that has the same dimensions, file name, and extension as the default.

About this task

The project folder DeploymentKitApp has a subfolder DefaultImages containing copies of the default images. See the contents of this folder using Finder.

This folder also contains a file _README.txt that explains the purpose of each image file and where it is used in the app.

Procedure

Identify which image files you need to customize by using the reference in DefaultImages/_README.txt.
Copy the needed files to a new folder.
You must retain the same file names as the originals.
Customize these image files using the graphic editor of your choice.
You must retain the same resolution (that is, the height and width in pixels), pixel density, and file format as the originals.
Add the customized image files.
You can do this either by right-clicking the Resources folder to display the context menu, and then clicking Add files to DeploymentKitApp, or by dragging and dropping the files from Finder onto the Resources folder.
Ensure your images are at the top of the compiled resources list.
This step is required so the app uses your customized images rather than the defaults.
1. In the Xcode Project navigator, select the DeploymentKitApp project.
2. In the editor window, under Project > Targets, select DeploymentKitApp (or the target name for the app if you changed it) from the projects and targets list.
3. Click the Build Phases tab, and then expand Copy Bundle Resources.
4. In the list of resources, make sure the images you added to the project are at the top, listed above all others.
  These resources are specified by "… in DeploymentKitApp" or the name of your target app, after the name. You might have to find them in the list, select them, then drag them to the top of the list.