How to get iOS storyboard to display background color as expected?

JohnHardmanJohnHardman GBUniversity mod

I'm trying to get my iOS splash screen looking right. It basically wants to be a centered image, with the background in the brand's color. The image itself contains the brand's color, as well as other colors.

When the app is run, there is a significant difference between the "brand" color in the image and the "brand" color of the surrounding space. The following is my LaunchScreen.storyboard . Any ideas why the difference in coloring? It's as if the background is being muted somehow.

Also, if I wanted to expand the image to fill the available space (whilst maintaining aspect ratio), what would I need to change?

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13771" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="X5k-f2-b5h" launchScreen="YES">
    <dependencies>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13772"/>
        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
    </dependencies>
    <scenes>
        <!--View Controller-->
        <scene sceneID="gAE-YM-kbH">
            <objects>
                <viewController id="X5k-f2-b5h" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="492"/>
                        <viewControllerLayoutGuide type="bottom" id="493"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="yd7-JS-zBw" userInteractionEnabled="NO" clearsContextBeforeDrawing="NO" autoresizesSubviews="NO">
                        <rect key="frame" x="0.0" y="0.0" width="414" height="736"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <imageView userInteractionEnabled="NO" contentMode="scaleAspectFill" image="Icon-60.png" translatesAutoresizingMaskIntoConstraints="NO" id="23" clearsContextBeforeDrawing="NO" autoresizesSubviews="NO">
                                <rect key="frame" x="177" y="338" width="60" height="60"/>
                                <rect key="contentStretch" x="0.0" y="0.0" width="0.0" height="0.0"/>
                                <accessibility key="accessibilityConfiguration">
                                    <accessibilityTraits key="traits" image="YES" notEnabled="YES"/>
                                </accessibility>
                                <color key="backgroundColor" colorSpace="calibratedRGB" red="0.29607843137254902" green="0.41764705882352939" blue="0.30196078431372548" alpha="1"/>
                            </imageView>
                        </subviews>
                        <color key="backgroundColor" customColorSpace="sRGB" colorSpace="calibratedRGB" red="0.29607843137254902" green="0.41764705882352939" blue="0.30196078431372548" alpha="1"/>
                        <constraints>
                            <constraint firstItem="23" firstAttribute="centerY" secondItem="yd7-JS-zBw" secondAttribute="centerY" id="39"/>
                            <constraint firstItem="23" firstAttribute="centerX" secondItem="yd7-JS-zBw" secondAttribute="centerX" id="41"/>
                        </constraints>
                        <rect key="contentStretch" x="0" y="0" width="0" height="0"/>
                        <accessibility key="accessibilityConfiguration">
                            <accessibilityTraits key="traits" notEnabled="YES" image="YES"/>
                        </accessibility>
                    </view>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="XAI-xm-WK6" userLabel="First Responder" sceneMemberID="firstResponder"/>
            </objects>
            <point key="canvasLocation" x="349" y="339"/>
        </scene>
    </scenes>
    <resources>
        <image name="Icon-60.png" width="60" height="60"/>
    </resources>
    <color key="tintColor" colorSpace="calibratedRGB" red="0.29607843137254902" green="0.41764705882352939" blue="0.30196078431372548" alpha="1"/>
</document>
Sign In or Register to comment.