Step 4: Create images and add them to your Xcode project

Use the following guidelines for creating images for your app. For the latest information, see the Apple iOS Human Interface Guidelines.

App icons

Create different sizes of the app icon for each app to make sure it displays correctly on all supported devices. You need to provide only the icons that your app uses.

The recommended file format for icons is PNG.

Launch image

When your app launches, a launch image is displayed immediately. It is then quickly replaced by the first screen of your app.

You can create images at 1x, 2x, or 3x resolution to provide the sharpest image for each device. If you don't want the image to be cropped, use a square image.

Security shield image

If a FileMaker custom app uses the fmreauthenticate extended privilege, a security shield covers the content of the screen after the custom app moves to the background. You can create an image to be displayed near the top center of the security shield screen.

Design a security shield image that looks similar to the app icon. The height of the security shield image can't exceed 120 pixels. You can create the security images at 1x, 2x, or 3x resolution to provide the sharpest image for each device.

Add image resources to the Xcode project

  1. In Xcode, click the disclosure triangle next to your project in the project navigator.

  2. Click the disclosure triangle next to the Custom Application Resources folder, then click CustomAppMedia.xcassets.

  3. Click AppIcon, then drag each image to its target box.

  4. Click LaunchImage to add your launch images, and click ObscureIcon to add your security shield images. Drag each image to its target. If you do not provide all versions, delete the remaining placeholder files. iOS will automatically scale one of your existing images for the required resolutions.