Click here to Skip to main content
Click here to Skip to main content
 
Add your own
alternative version
Go to top

Super Simple Live Tile Notification Using an Image (C++)

, 11 Sep 2012
This sample demonstrates how to use the Tile Template, specifically the TileSquareImage and an image.
LiveTileFunImage.zip
LiveTileFun
Assets
AfterTileNotification.png
AnimeRunner150.png
AnimeRunner24BadgeSize.png
AnimeRunner30.png
AnimeRunner310.png
Logo.png
redWide.png
redWide.scale-100.png
redWide.scale-140.png
SmallLogo.png
SplashScreen.png
StoreLogo.png
Winner150.png
Common
LiveTileFun.vcxproj.filters
LiveTileFun.vcxproj.user
LiveTileFun_TemporaryKey.pfx
Package.appxmanifest
<Page
    x:Class="LiveTileFun.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:LiveTileFun"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Button x:Name="btnDemoTile" Content="Send Tile" 
                HorizontalAlignment="Left"  VerticalAlignment="Top" 
                Margin="41,213,0,0" Height="124" Width="126" 
                Click="DemoTile1" FontSize="22" />
        <TextBlock x:Name="txtblkExplanation" HorizontalAlignment="Left" 
                   Height="198" Margin="41,15,0,0" TextWrapping="Wrap" 
                    VerticalAlignment="Top" Width="208" FontFamily="Global User Interface" FontSize="22" Text="Click the &quot;Send Tile&quot; button and then switch to the start screen by pushing the flag keyyou will see the text notification"/>
        <Image 
            HorizontalAlignment="Left" Height="100" Margin="41,424,0,0" VerticalAlignment="Top" Width="100" Source="Assets/AnimeRunner150.png"/>
        <TextBlock HorizontalAlignment="Left" Height="36" Margin="41,383,0,0" TextWrapping="Wrap" Text="This is the initial tile" VerticalAlignment="Top" Width="208" FontSize="22"/>
        <TextBlock HorizontalAlignment="Left" Height="59" Margin="41,544,0,0" TextWrapping="Wrap" 
                   Text="This is the tile after notification" VerticalAlignment="Top" Width="208" FontSize="22" Foreground="#FF23F012"/>
        <Image HorizontalAlignment="Left" Height="100" Margin="41,627,0,0" VerticalAlignment="Top" Width="100" Source="Assets/Winner150.png"/>

    </Grid>
</Page>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)

Share

About the Author

sam stokes
Instructor / Trainer Microsoft
United States United States
Sam Stokes works for Microsoft as a technology evangelist and is focused on working with colleges, students and professors.

| Advertise | Privacy | Mobile
Web02 | 2.8.140916.1 | Last Updated 12 Sep 2012
Article Copyright 2012 by sam stokes
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid