You may find that there is no image specified for the “wide” logo – so let´s define which image to display here.
#Surface live tiles windows#
So as a first step, let´s create a new Windows Store Application (blank) and subsequently open the auto-created Package.appxmanifest. a small logo (30×30 px recommended by Microsoft) that will be displayed while being zoomed out.a wide logo (310×150 px recommended by Microsoft) that will be displayed on the start screen when switched to wide view mode and.a square logo (150×150 px recommended by Microsoft) that will be displayed on the start screen.Microsoft allows us to provide tile images for three purposes: Taking into account both badges and a tile´s capability to change its appearance dynamically, Microsoft provides a mighty new feature enabling developers to keep the user updated about an application’s status even if the application itself is terminated or suspended.Ī tile displaying its application´s name (bottom-left corner), two dynamically set strings (lines at the top) and a badge notification (bottom-right corner) Tutorial The term “live” tile implies that the contents displayed by a tile may be updated dynamically during runtime. In this context, a badge may be either a small icon or a numeric value that is displayed in the bottom-right corner of a tile.
The term “tile” defines a rectangular button capable of displaying images, textual content and so-called “badges”.
#Surface live tiles windows 8#
Being one of the most defining UI elements in Modern UI style, the concept of (live) tiles should be worth looking at a bit closer.Īlready introduced in Windows Phone 7, the concept of “(live) tiles” has also been adopted in Windows 8 and thus applies regardless of whether our target platform is a mobile device (such as a Windows 8 phone or a corresponding tablet like the Microsoft Surface) or a Personal Computer. This blog post seeks to demonstrate the capabilities of Windows 8 “live tiles” and “badges” as initially introduced in Microsoft´s design language Modern UI (also referred to as Metro UI).
0 kommentar(er)
