Sådan laver du UWP cordova app ikon baggrund for at matche windows tema

Indlæg af Hanne Mølgaard Plasc

Problem



Titlen siger det hele.


Alle billeder i platformen/windows/billeder mappen er png filer med gennemsigtig baggrund, men når jeg bygger app pakken bliver den grå. Som i billedet nedenfor.


Er der en måde at gøre min cordova UWP app har en dynamisk baggrund, der matcher windows-temaet ligesom 'skype' gør.


Indtast billedbeskrivelse her [3]


Filer i platforme/windows/billeder bibliotek


SplashScreen.scale-100.png
SplashScreenPhone.scale-240.png
Square150x150Logo.scale-100.png
Square150x150Logo.scale-240.png
Square30x30Logo.scale-100.png
Square310x310Logo.scale-100.png
Square44x44Logo.scale-100.png
Square44x44Logo.scale-240.png
Square70x70Logo.scale-100.png
Square71x71Logo.scale-100.png
Square71x71Logo.scale-240.png
StoreLogo.scale-100.png
StoreLogo.scale-240.png
Wide310x150Logo.scale-100.png
Wide310x150Logo.scale-240.png


UPDATE:


Efter at have læst Dave Smits svar indså jeg, at baggrundsfarve på startmenuen er defineret i cordova genereret .appxmanifest fil. Jeg redigerede det manuelt og ændrede elementet uap: VisualElements attribut BackgroundColor til 'transparent' og genereret pakke havde en baggrundsfarve på det aktuelle tema, som jeg spurgte.


Næste trin er at ændre den BackgroundColor-egenskab fra cordova config.xml, fordi den vil blive slettet næste gang cordova beslutter at generere en ny .appmanifest fil

Bedste reference


i din manifest definerer du også en farve; gør dette også gennemsigtigt Indtast billedbeskrivelse her [4]


at gøre direkte i cordava tilføj dette til din config.xml


<preference name="BackgroundColor" value="0xff0000ff"/>