Opret et brugerdefineret tema til universelle apps i Windows 10

Selv med temaunderstøttelse er tilpasningsmulighederne i Windows 10 begrænsede. Du kan anvende et tredjepartstema, som ændrer udseendet en smule af de visuelle brugergrænsefladeelementer og vinduesrammen, men det påvirker ikke Universal-apps. Out-of-the-box, Windows 10 understøtter kun lyse og mørke temaer til universelle apps. Her er hvordan du kan oprette dit eget brugerdefinerede tema.

Reddit bruger "mcdenis" fundet en relativt enkel og pålidelig metode til fuldt ud at tilpasse standardtemaet, der bruges af Universal-apps i Windows 10. Ved hjælp af hans metode er det muligt at ændre udseendet af alle UWPs almindelige kontroller. Her er et eksempel på de anvendte tilpasninger:

Sådan opretter du et brugerdefineret tema til universelle apps i Windows 10

Før du fortsætter, skal du installere disse værktøjer og apps:

• Visual Studio 2015 Express med SDK til den samme Windows-build, som du bruger. Husk, at Microsoft ofte ikke frigiver SDK'er til Insider-builds. Se dette link.
• Ressource hacker.

Del 1: Opret dit tilpassede XAML-tema

1. Lav en kopi af standardtemaet på dit skrivebord. Forudsat at du bruger build 10240 og standardinstallationsplaceringen for alt, er dens fulde sti:

   C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.10240.0\Generic\themeresources.xaml

2. Åbn den nyoprettede kopi med Visual Studio. Filen er opdelt i tre sektioner. Den første definerer det mørke tema (kaldet "standard"-temaet), den anden definerer det lyse tema, og den tredje definerer højkontrast-temaet. Lad os sige, at du vil ændre farven på Edges værktøjslinje, når du bruger det mørke tema. Først skal du identificere nøglen til den ressource, der definerer den. Du kan bruge denne guide:
   I dette tilfælde er nøglen "SystemChromeMediumLowColor"
3. Find den første forekomst af den nøgle i themeresources.xaml (Jeg angiver "den første instans", fordi nøglen også vises senere i filen for lystemaet og højkontrasttemaet).
4. Erstat hex-værdien indeholdt i farveelementet med ARGB-hex-værdien for den farve, du vælger. Gem til sidst dine ændringer.

Del 2: Kompiler dit tema til en xbf-fil

I Visual Studio skal du oprette et nyt C# eller Visual Basic Universal app-projekt. Brug ruden Solution Explorer til at indsætte en kopi af dit ændrede XAML-tema i projektet.

Indstil derefter byggetilstanden til Release og processorarkitekturen til den samme som din Windows-installation.

Trykke Ctrl + Shift + B at bygge din løsning.

Når det er gjort, skal du højreklikke på dit projektnavn i Solution Explorer og vælge "Åbn mappe i File Explorer". Naviger til bin -> x86 eller x64 -> Frigiv og kopier filen kaldet "themeresources.xbf" på dit skrivebord.

Til sidst skal du ændre filtypenavnet på kopien fra ".xbf" til ".rc".

Del 3: Erstat standardtemaet med dit brugerdefinerede tema

1. Tage ejerskab af følgende fil og opret en kopi af den på dit skrivebord:

   %windir%/System32/Windows. UI.XAML.Resources.dll

2. Åbn kopien i Resource Hacker
3. I navigationsruden skal du navigere til 256 -> themeresource.xbf: 1024.
4. I menulinjen skal du klikke på Handling -> Erstat ressource.
5. I dialogboksen, der vises, skal du klikke på knappen "Vælg fil" og åbne filen kaldet "themeresources.rc", der er på dit skrivebord.
6. Klik på knappen "Erstat".
7. Gem til sidst dine ændringer (Ctrl + S).
8. Omdøb den original fil til Windows. UI.XAML.Resources.dll.old og flyt den ændrede fil, der er på dit skrivebord i system32 folder. Til sidst skal du logge ud og logge ind igen. Det nye tema skulle nu anvendes.

Hvis du vil ændre en standardkontrolskabelon (som er nødvendig for at foretage mere komplekse ændringer), er processen lidt mere kompliceret, men ens:

Du skal tage den originale kontrolskabelon, ændre den, lægge den i en tom ressourceordbog, oprette en xbf-fil fra den og erstatte den relaterede ressource i Windows. UI.XAML.Resources.dll.

Husk, at systemfilændringer kan forårsage uventet operativsystemadfærd. En dag vil en opdatering til Windows 10, som påvirker de filer, du ændrede, også gendanne standardtemaet, så du bliver nødt til at gentage ovenstående trin igen.

Credits: mcdenis. Tak til @FlatDesignSucks for dette tip.