Now, that we have completed all of the code for our tutorial, it is time to configure our project to use the image resources needed for our application. As you can see from the picture (right), our project has all of the images used by our image buttons directly added to the project in an images group. This was accomplished by dragging the images folder from the Finder into the project window.

When you have an application that uses image resources and you want them bundled in to your application, it is a good idea to add them to your project. Once these resources are part of your project, you can select all of the images, and then click on the project inspector button in the project window so that you can tell CodeWarrior to copy the image files directly into the output file for the application.

The project inspector dialog is shown in the image below. For image files, you will need to click the checkbox Merge Into Output. This tells CodeWarrior that you want to copy the image file into the jar that is output when you build the application.

This is a much more desirable approach then having a folder of images used by your application that the user could muck with an image editing tool, or move out from under your application.

The project associated with this tutorial should already be set up so that all of the image files will be merged into the output file. This is mentioned primarily for future reference.

If you do not perform this step, the SlideShow application will not be able to find the image files when it looks for them.

Now that we have our image resources configured, close the inspector windows.

Back to top