Xamarin.iOS Splash-Screen: How to fill the Background with a Image

Splashscreens: One of my fewest beloved app development topics ;-)

A recurring problem in mobile apps are splash screens. I work with Xamarin for Android and iOS mostly but for creating the splash screen you need to use the native tools. That’s not always that easy.

One of the problems that was really taking me a lot of time was just this seemingly easy task: Have a splash screen consisting of two parts: A background image that fills the whole screen of my app and the logo that sticks in the center and always has the same size. Especially the “fill the whole screen” part took me a lot of time to figure out, because I work on Visual Studio for windows and had no idea of how to use XCode and its editor.

But fortunately it’s quite easy if you know how to do it:

  1. Open the project and the splash screen file
  2. Place the image on the main view
  3. Drag it so it fills the whole screen
  4. Browse the settings as seen in the following screenshot and make it autoresize to the full size. The red moving rectangle on the right shows you how it will behave.
Easy if you know it … otherwise it can be really time consuming if you don’t work with XCode usually.

5. And now just try different phone screen sizes from the devices menu.

--

--

--

I’m a software developer from bavaria, germany. I like to try out and learn new things, especially about software architecture.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Swift Concurrency — Part1

@IBDesignable in UIKit

Swift Date/Time Periodic Repeats (Every Day, Week, Month, etc.)

Distribute Your Swift Package With Swift Package Manager, CocoaPods, and Carthage

Simpler, Better “Floating Label” TextFields in SwiftUI

When Design Is So Helpful It Drives Your Customers Crazy

Getting Started With the FileManager in Your iOS App

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Gabriel Weidmann

Gabriel Weidmann

I’m a software developer from bavaria, germany. I like to try out and learn new things, especially about software architecture.

More from Medium

Import image files into macOS Preview for iOS

Preview mini takes the simplicity of the macOS Preview app and its image editing features to your iPhone and iPad.

Vulnerabilities and Threats in Local Authorization on iOS Devices — Securing

Jailbreak iOS 15.1.1 / 15.1 — Checkra1n Released

How to specify your Xcode version on Appveyor