Did you remember Windows 8 ? The theme of your app was set once at the launch and you could\u2019nt change it dyamically or set once by control. This was really annoying in some case like Settings Flyout where you often wanted to set the opposite one of your app. <\/strong><\/p>\n

This was good old times and these issues are gone in Windows 8.1 : youpi !<\/strong><\/p>\n

Let\u2019s digg a little more <\/p>\n

<\/p>\n

The theme can be updated at runtime<\/h3>\n

Windows 8 theme resources are provided using StaticResource and so can\u2019t be updated at runtime. The resources are loaded once at the app startup and even if you update it, the controls won\u2019t update themselves because the StaticResource provide the value once and only once : when parsed.<\/p>\n

Now comes a new markup extension named ThemeResource.<\/strong> You can use it like the StaticResource object but this special resource will update the targeted control if the Theme of the control is updated<\/strong>. You can see it as the DynamicResource in WPF but only for some \u201ctheme\u201d resource and triggered only by a theme change.<\/p>\n

Of course, all the template of the frameworks are now using this new feature and you are free (must ) use it in your own controls. You can actually use it anywhere in your XAML :
\n[xml]
\n<Border RequestedTheme="Light"
\n Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
\n<\/Border>
\n[\/xml]\n<\/p>\n

The theme can now be set by control<\/h3>\n

In Windows 8 you had to set the RequestedTheme property at launch (in the constructor of you app for example) and it could be set only once. <\/p>\n

Now this is a property of the FrameworkElement class which is the base class for any control.<\/strong> The value will be inherited by all its children (this is actually done because it overrides values in the resource dictionary which will be available to the children of the control).<\/p>\n

In this sample I override the theme twice in the same visual tree : <\/p>\n

[xml]
\n<StackPanel RequestedTheme="Light"
\n Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
\n <TextBlock Text="Hello World !" \/>
\n <Border RequestedTheme="Dark"
\n Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
\n <TextBlock Text="Another theme" \/>
\n <\/Border>
\n<\/StackPanel>
\n[\/xml]
\nIt then produce this view :
\n<\/p>\n

 <\/p>\n

Be aware that this is a \u201clow priority\u201d setting<\/strong> and that all the styles, directly set attributes\/properties, triggers, animations and even implicit styles are winning over it.<\/p>\n

 <\/p>\n

Questions ?<\/h3>\n

\n
• Can we set it by code ?<\/b> : yes of course, this is a normal property.<\/li>\n
• Can we use binding ?<\/b> : Yes !<\/li>\n
• What are the value of RequestedTheme for the children of a control ?<\/b> : The value is “Default”. This only means that the value is not overriden and not that this use the App’s theme (it’s the theme of the first overriden parent which is used).<\/li>\n<\/ul>\n

  You can read this post in french too.<\/a><\/p>\n

  You can find more by exploring the \u201cXAML requested theme sample (Windows 8.1)\u201d of the samples pack provided by Microsoft.<\/p>\n

  Have a nice code \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

  Did you remember Windows 8 ? The theme of your app was set once at the launch and you could\u2019nt change it dyamically or set once by control. This was really annoying in some case…<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[35,5],"tags":[14,9,20,30,34,25,29,40,24,31],"_links":{"self":[{"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/posts\/1460"}],"collection":[{"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/comments?post=1460"}],"version-history":[{"count":9,"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/posts\/1460\/revisions"}],"predecessor-version":[{"id":1470,"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/posts\/1460\/revisions\/1470"}],"wp:attachment":[{"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/media?parent=1460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/categories?post=1460"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jonathanantoine.com\/wp-json\/wp\/v2\/tags?post=1460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}