To Set Different Background Colors for Splash Screen and Tile Icon in VS Tools for Apache Cordova

Visual Studio 2015 Community
Project Template Used: JavaScript\Apache Cordova Apps\Empty App (Apache Cordova)
Application Development Environment: Windows 10 Professional
Application Deployment Environment: Same PC
Plugin in use: cordova-plugin-media
Nu modules in use: WinJS, Processing.js

I would like to set up the following icons and splash screens for the apps I have developed in the above environment.

Tiles: Center icons indicating apps, transparent background (color dependent on PC system settings)
Splash Screen: The entire screen is white

Based on the following questions, I set BackgroundColor to config.xml.

https://stackoverflow.com/questions/27807491/splash-background-color-windows-8-cordova-tools


<platform name="windows">
  <icon src="res/icons/windows/Square 150x150 Logo.scale-100.png" width="150" height="150"/>
  <icon src="res/icons/windows/Square 150x150 Logo.scale-240.png" width="360" height="360"/>
  <icon src="res/icons/windows/Square30x30Logo.scale-100.png" width="30" height="30"/>
  <icon src="res/icons/windows/Square310x310Logo.scale-100.png" width="310" height="310"/>
  <icon src="res/icons/windows/Square44x44 Logo.scale-240.png" width="106" height="106"/>
  <icon src="res/icons/windows/Square70x70Logo.scale-100.png" width="70" height="70"/>
  <icon src="res/icons/windows/Square71x71Logo.scale-240.png" width="170" height="170"/>
  <icon src="res/icons/windows/StoreLogo.scale-100.png" width="50" height="50"/>
  <icon src="res/icons/windows/StoreLogo.scale-240.png" width="120" height="120"/>
  <icon src="res/icons/windows/Wide 310x150 Logo.scale-100.png" width="310" height="150"/>
  <icon src="res/icons/windows/Wide 310x150 Logo.scale-240.png" width="744" height="360"/>
  <preference name="BackgroundColor" value="0x00ffffff"/><!---Add-->
</platform>
<platform name="windows">
  <splash src="res/screens/windows/SplashScreen.scale-100.png" width="620" height="300"/>
  <splash src="res/screens/windows/SplashScreen.scale-240.png" width="1152" height="1920"/>
  <splash src="res/screens/windows/SplashScreenPhone.scale-240.png" width="1152" height="1920"/>
  <preference name="BackgroundColor" value="0x00ffffff"/><!---Add-->
</platform>

However, the BackgroundColor specified for the first icon was ignored, and both the tile icon and the splash screen were drawn in a white background.

What should I do if I want to specify different colors for the splash screen and tiles?
As far as Apache Cordova's references, Monaca's development documentation, and the documentation for developing HTML5 apps in Visual Studio, no solution was found.
If anyone knows, please advise me.

cordova visual-studio

2022-09-30 20:58

1 Answers

I solved myself.
As a result, we found that it is possible to copy and edit the package.windows.appxmanifest file printed under platforms/windows/under res/native/windows/.
(The resolved file is →, so please check it if you like. https://github.com/TakamiChie/WSAcerola/tree/master/WSAcerola/res/native/windows)

This is the end of the problem.

2022-09-30 20:58

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656