Windows Store App - Tiled Background using Mindscape Metro Elements
Apparently WinRT XAML lacks the ability to tile a background image, and surfing the net seems to come to the conclusion that the only way is to just create a large tiled image in photoshop…
I want to pick a Tile image from http://subtlepatterns.com/ and just use it, but I can’t. So I tried photoshop… (creating a benehoth of an image that is) I tried that, and it… crashed the Simulator, over and over… So I flagged it, instead I decided to put in a feature request over at Mindscape for their Metro Elements:
I asked them to include a TiledBackground, and they delivered!
Currently in the nightly build is the makings of a TiledBackground element.
(To get access to the Nightly builds you will need to purchase a license for Metro Elements, which is well worth it, so go buy a license!)
After installing the Metro Elements, in your app you want to add a reference to Metro Elements:
Now in the page attributes you need to include an alias for the MetroElements:
Then you can add the TileBackground element:
<ms:TileBackground ImageSource="/Assets/debut_dark.png" />
And that’s all there is to it! How simple is that?
Now when you run the app, you should end up with the Hello World looking like:
It may be a little hard to see on the screen shot, but we now have a tiled background. The background used here is this image:
Note: Currently the tiled-background is not viewable in the designer, it can only be viewed when debugging. This may be fixed in the future, but it’s a minor issue.
Thanks a lot to the Mindscape team for implementing this feature so quickly. I love you guys!blog comments powered by Disqus