LIVE TILES WINDOWS PHONE 8 HOW TO
LIVE TILES WINDOWS PHONE 8 UPDATE
LIVE TILES WINDOWS PHONE 8 FULL

LIVE TILES WINDOWS PHONE 8 FULL

the characters full hight/width (includning char spaceing)

Measure the actual size of the TextBlock, this is with Text = _count > 0 ? _count.ToString() : null,ДЇontFamily = new FontFamily('Segoe WP SemiBold') If the _count is 0 you want to clean the text blockДЇoreground = new SolidColorBrush(Colors.White), And after that we render it with WritableBitmap: private WriteableBitmap CreateTileImage(BitmapImage img) We take the image that was read, render the text and place it all in a canvas to align it properly. So for the details of CreateTileImage(image), this is where the the composition is taking place.

LIVE TILES WINDOWS PHONE 8 UPDATE

First is a call for creating the tile image, then save to isolated storage and finally update the live tile, like this: private void OnBackgroundBmpOpened(object sender, RoutedEventArgs e) First off is to open the background image with the following: private void StartCreateTileImage()Д«mp.ImageOpened += OnBackgroundBmpOpened Д«mp.UriSource = new Uri('Background.png', UriKind.RelativeOrAbsolute) Д®ven if the image is included in the project as content it will be loaded asynchronously, thus you need to handle it on the Image opened event. The result is horribleвЂ¦ Composing with WritableBitmapДЄs with the Гredev tile you start out with images, canvas and WritableBitmap as the tools. Here I made a little mistake: Make sure you save it in the correct PNG format вЂ“ Windows Phone supports 8 pixel color depths + alpha (ARGB32), by mistake I first saved with 16 bit color depth. I cut out the graphics, save it to a PNG, 173Г—173 with alpha channel to get smooth lines. Other things that are important is that the correct size and font weight is used as well as everything being transparent to let the accent color come through. This design above already have space for the count but you could easily extend the code to use two images, one for the count and a bigger empty one without the count. After some Photoshopping I ended up with this look as empty and with a count notification: I also wanted it to be transparent and follow white on accent color. I wanted to have a count that follows the style and tone of the native application tiles (messaging, mail, etc). The first sketch was something like this: I start out with a sketch of what I want to accomplish, and move that over Photoshop to handle the image parts that are needed for the tile. The first idea in my head was to have a live tile that was more like the messaging, phone an mail tiles.

LIVE TILES WINDOWS PHONE 8 HOW TO

Here the focus is on saving it as transparent images and how to place and define text and fonts. Using a WritableBitmap for composition and saving that result in isolated storage for your tile. In the post Crafting the Гredev Windows Phone app live tile we explained the basic idea how this works. Here is a walkthrough with how you handle images, texts and the hardest part transparencies. However, when you want to do something more advanced your mostly on your own. Outlined in the MSDN documentation, and thousands sites with getting started information. The basic live tile gives you two sides with some text, a count and ability to set background images. The live tiles are brilliant to show information regarding your application without forcing the user to open it up.

Live tiles windows phone 8