Learn your way! Get started

Windows 8 Using XAML, Part 13: Tiles and Templates

with expert Ken Getz


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 4/8/2013
Level Advanced
Runtime 1h 43m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs Included
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

The tiles and templates are the new icons for Windows 8. In this course you will learn to work with tiles from a user’s perspective. Then learn how to create a default tile for an application. Next you will investigate each of the 46 tile templates that Windows 8 supports, followed up by creating tile notifications using both the XML DOM and the NotificationsExtensions API. Then you will see how to create tile notifications using “peek” templates, schedule and cancel tile notifications.

Prerequisites

This course assumes that students have some programming background and experience using Visual Studio 2010 and C# or Visual Basic. In addition, the course assumes some basic knowledge of XAML markup and basic knowledge of Windows store applications and Windows 8.

Learning Paths

This course will help you prepare for the following certification and exam:
MCSD: Windows Store Apps
70-484: Essentials of Developing Windows Store Apps Using C#

This course is part of the following LearnNowOnline SuccessPaths™:
Building Windows Store Applications

Meet the expert

Ken Getz is a featured instructor for several of our Visual Studio courses. He is a Visual Basic and Visual C# expert and has been recognized multiple times as a Microsoft MVP. Ken is a seasoned instructor, successful consultant, and the author or co-author of several best-selling books. He is a frequent speaker at technical conferences like Tech-Ed, VSLive, and DevConnections and he has written for several of the industry's most-respected publications including Visual Studio Magazine, CoDe Magazine, and MSDN Magazine.

Course outline



Tiles and Templates

Tiles (17:02)
  • Introduction (00:40)
  • Tiles on Start Screen (00:32)
  • Two Sizes Fit All (00:23)
  • Tiles in Two Sizes (00:47)
  • Tiles with Badges (00:25)
  • Secondary Tiles (01:07)
  • Demo: Using Tiles (01:27)
  • Demo: Setup Secondary Tile (02:01)
  • Creating Tiles (00:35)
  • What's on a Tile? (00:31)
  • What About Badges? (00:43)
  • Tiles, Logos, and Badges (00:31)
  • Default Tiles (00:50)
  • Making Choices (00:46)
  • Creating a Default Tile (01:10)
  • Demo: Creating a Default Tile (03:52)
  • Summary (00:34)
Tile Templates (17:34)
  • Introduction (00:54)
  • Creating Notifications (01:00)
  • Understanding Tiles (00:36)
  • Varying Templates (00:36)
  • Things to Note (01:29)
  • Wide vs. Square (01:02)
  • Using a Peek Template (00:24)
  • Square Tile Templates (00:23)
  • Wide Tile Templates (00:15)
  • Tile XML (00:33)
  • Tile Basic Schema (01:02)
  • Tile Schema (00:21)
  • Tile Branding (00:38)
  • Tile Templates (00:26)
  • TileSquareBlock (00:50)
  • TileSquareText01 (01:26)
  • TileSquareImage (00:35)
  • TileSquarePeekImageAndText01 (02:13)
  • TileWideText01 (02:23)
  • Summary (00:21)
More Tile Templates (15:39)
  • Introduction (00:20)
  • TileWideText06 (02:40)
  • TileWideImage (00:24)
  • TileWideImageCollection (00:23)
  • TileWideImageAndText01 (00:49)
  • TileWideBlockAndText01 (01:00)
  • TileWideSmallImageAndText01 (02:18)
  • TileWidePeekImageCollection01 (03:04)
  • TileWidePeekImageAndText01 (01:09)
  • TileWidePeekImage01 (02:50)
  • Summary (00:37)
Tile XML (23:47)
  • Introduction (00:34)
  • XML By Hand (00:39)
  • Retrieving the Template (00:36)
  • Use the DOM (00:41)
  • Displaying the Tile (00:32)
  • Getting Started (00:40)
  • Demo: Tile Notification (02:19)
  • Demo: TileWideImageAndText02 (03:48)
  • Demo: Branding (00:54)
  • Demo: Code for Notification (02:30)
  • Demo: Setup Notification (02:42)
  • Using NotificationsExtensions (00:19)
  • Benefits (00:21)
  • Where To Get It? (00:27)
  • Creating Tiles (00:37)
  • Displaying Tiles (00:28)
  • Demo: Notification Library (03:30)
  • Demo: Setup Notification (01:08)
  • Summary (00:54)
Peek and Notifications (29:17)
  • Introduction (00:40)
  • Using a Peek Template (00:33)
  • Demo: Using Peek Template (03:46)
  • Investigating All the Options (00:34)
  • Queuing Tile Notifications (01:34)
  • Examining TileTemplates (00:12)
  • Demo: TileTemplates (03:19)
  • Demo: TileTemplate Code (01:44)
  • Demo: Setup Branding (00:50)
  • Demo: Set Description (00:32)
  • Demo: List Box (01:00)
  • Demo: Notify Tile Button (03:45)
  • Scheduling and Cancelling (00:42)
  • Scheduling (01:22)
  • Demo: Scheduling Notifications (03:19)
  • Demo: Run Notification (01:14)
  • Demo: Remove Tile (03:07)
  • Summary (00:58)