The background color of my LaunchScreen.storyboard is not displayed on my iPad

Kim Strasser 811

I have created a launch screen in my iOS project on my iMac. After that I have copied my iOS project to my Windows 11 laptop. But the problem is that the background color of my launch screen is not displayed when I debug my game on my iPad. The background color is always white but I set another color when I created the launch screen on my iMac.

Why is the background color of my LaunchScreen.storyboard not displayed correctly? Is it possible to open a .storyboard file in Visual Studio on Windows 11 or can I only open it on my iMac?

1 answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 28,321 Reputation points Microsoft Vendor

2024-06-27T06:50:39.6066667+00:00
Hello,

In the same project as the previous thread and you are using MonoGame, right?

You could open the LaunchScreen.storyboard in VS(Windows) with source code, find the Color key in the view of the ViewController, then you can change the color.

 <color key="backgroundColor" systemColor="systemYellowColor" />

For example:

<scenes>  <scene sceneID="EHf"> <objects> <viewController id="01J-lp-oVM" sceneMemberID="viewController"> <layoutGuides> <viewControllerLayoutGuide type="top" id="Llm-lL-Icb" /> <viewControllerLayoutGuide type="bottom" id="xb3-aO-Qok" /> </layoutGuides> <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3"> <rect key="frame" x="0.0" y="0.0" width="600" height="600" /> <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES" />  <color key="backgroundColor" systemColor="systemYellowColor" /> </view> </viewController> <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-K1" userLabel="First Responder" sceneMemberID="firstResponder" /> </objects> <point key="canvasLocation" x="53" y="375" /> </scene>

Best Regards,

Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
Kim Strasser 811 Reputation points

2024-06-27T21:50:23.7666667+00:00

Yes. It´s the same project. I created the .storyboard file on my iMac and then I have added the .storyboard file on my Windows 11 laptop in Visual Studio to my iOS project. But I cannot open the .storyboard file on my Windows laptop.

I get this error when I double click the file:

The document´s format is either unsupported or the document contains binary characters, opening with a different application.

I have tried to choose other applications to open it but it did not worked. When I use the Editor on Windows then the file is opened but there are many strange characters in the file.

I get this when I right click the .storyboard file in Visual Studio and choose open with:

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 28,321 Reputation points Microsoft Vendor

2024-06-28T01:11:00.52+00:00

Open with Source Code (Text)Editor.

Then you can try to change the background color.

Kim Strasser 811 Reputation points

2024-06-28T06:55:01.6+00:00

I can open the storyboard file in Visual Studio but the background color doesn´t change when I replace my color with this color:

<color key="backgroundColor" systemColor="systemYellowColor" />

The background color is still white. In addition, I have tried to delete the bin and obj folder and did clean and build.

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 28,321 Reputation points Microsoft Vendor

2024-06-29T01:35:48.36+00:00

If you copy your project and move to your mac, is the background color yellow? If it's still white, please share the .storyboard file with me so that I can investigate further. (make sure there is no sensitive private information in your file).

If it's possible, please test if the issue occurs on both your physical device and simulators.

Kim Strasser 811 Reputation points

2024-06-29T10:51:50.3166667+00:00

On my iMac the background color yellow and my background color get displayed correctly on both my iPad and the iPhone 15 Max simulator.

I found out that on my iMac the build action of my .storyboard file is InterfaceDefinition.

But on my Windows 11 laptop I cannot choose the build action InterfaceDefinition because it is missing in the list. Build action is set to None instead.

What can I do if I cannot choose the build action InterfaceDefinition? Is it possible to add it manually in the .csproj file or should I choose another build action?

They use build action InterfaceDefinition here:

https://github.com/jfversluis/MauiStoryboardSample?tab=readme-ov-file

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 28,321 Reputation points Microsoft Vendor

2024-07-01T05:11:09.7733333+00:00

<InterfaceDefinition Include="LaunchScreen.storyboard" /> is a default setting in .csproj file. The build action is None on my side, but the color has been changed.

If it's possible, could you share a minimal reproduceable sample with me so that I can investigate further? Please make sure there is no sensitive private information.
Sign in to comment

Share via

The background color of my LaunchScreen.storyboard is not displayed on my iPad

1 answer