與眾不同windows phone (8) Tile（磁貼）

介紹

與眾不同 windows phone 7.5 (sdk 7.1) 之磁貼

概述

示範如何建立、更新、刪除磁貼

示範如何按計劃更新磁貼的正面背景圖

樣本

1、建立、更新、刪除磁貼的 Demo

ShellTileDemo.xaml

<phone:PhoneApplicationPage      x:Class="Demo.Tile.ShellTileDemo"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    FontFamily="{StaticResource PhoneFontFamilyNormal}"    FontSize="{StaticResource PhoneFontSizeNormal}"    Foreground="{StaticResource PhoneForegroundBrush}"    SupportedOrientations="Portrait" Orientation="Portrait"    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"    shell:SystemTray.IsVisible="True">        <StackPanel Orientation="Vertical">         <TextBlock Name="lblMsg" />         <Button Name="btnUpdateApplicationTile" Content="更新 Application Tile" Click="btnUpdateApplicationTile_Click" />         <Button Name="btnCreateSecondaryTile" Content="建立 Secondary Tile（可以建立多個）" Click="btnCreateSecondaryTile_Click" />         <Button Name="btnDeleteSecondaryTile" Content="刪除全部 Secondary Tile" Click="btnDeleteSecondaryTile_Click" />     </StackPanel>    </phone:PhoneApplicationPage>

ShellTileDemo.xaml.cs

/*  * Tile - 磁貼  *     Tile 的大小是173 * 173；寬 Tile 的大小 356 * 173，需要把 manifest 中的 <TemplateType5> 修改為 <TemplateType6>，但是不會通過微軟審核  *     Tile 分為應用程式磁貼（Application Tile）和次要磁貼（Secondary Tile）  *     程式無慮如何都有一個 Application Tile（無論它是否被固定到了開始畫面），只能更新它（不能建立和刪除）；而 Secondary Tile 是可以建立、更新和刪除的，Secondary Tile 如果存在一定是在開始畫面上  */   using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using Microsoft.Phone.Controls;    using Microsoft.Phone.Shell;    namespace Demo.Tile {     public partial class ShellTileDemo : PhoneApplicationPage     {         public ShellTileDemo()         {             InitializeComponent();         }            protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)         {             // 示範擷取點擊 Tile 後傳遞過來的參數資料             if (NavigationContext.QueryString.Count > 0)                 lblMsg.Text = "參數 t 的值為：" + this.NavigationContext.QueryString["t"];                base.OnNavigatedTo(e);         }            private void btnUpdateApplicationTile_Click(object sender, RoutedEventArgs e)         {             /*              * StandardTileData - 用於描述 Tile 的資料              *     Title - 正面標題              *     BackgroundImage - 正面背景              *     Count - 正面顯示的 badge （徽章），範圍 1 - 99              *     BackTitle - 背面標題              *     BackBackgroundImage - 背面背景              *     BackContent - 背面內容              *                   *               * ShellTile - 用於管理應用程式Tile和次要Tile              *     Update(StandardTileData data) - 使用指定的 Tile 資料更新已有的 Tile 資訊              *     Delete() - 刪除此 Tile              *     NavigationUri - 此 Tile 的導航地址              *                   *     ShellTile.ActiveTiles - 固定到開始畫面的 Tile 集合。注意：其第一個元素必然是 application tile，無論其是否被固定到了首頁              *     ShellTile.Create(Uri navigationUri, ShellTileData initialData) - 建立一個新的 Secondary Tile（如果有 Secondary Tile，其必然是被固定到開始畫面的）              *         navigationUri - 點擊 Tile 後所導航到的地址，此值相當於 key 值，不能重複              *         initialData - 需要建立的 Tile 資料              */               /*              * 注意：              * 建立次要磁貼時背景圖必須使用本地資源（程式包內或隔離儲存區 (Isolated Storage)中，如果是隔離儲存區 (Isolated Storage)則映像必須位於 Shared/ShellContent）              * 更新應用程式磁貼或次要磁貼時，可以使用本地資源或遠端資源來更新背景映像              * 磁貼映像可以是 jpg 或 png 或 gif（只顯示第一幀），png 或 gif 的透明地區的背景會呈現主題色              * 當使用遠程映像時，不能是https，要小於80KB，必須30秒內下載完              */               // 建立應用程式 Tile 的 Demo             ShellTile applicationTile = ShellTile.ActiveTiles.First();                StandardTileData newTile = new StandardTileData             {                 Title = "App Fore Tile Title",                 BackgroundImage = new Uri("TileBackgroundBlue.png", UriKind.Relative),                 Count = 6,                 BackTitle = "App Back Tile Title",                 BackBackgroundImage = new Uri("TileBackgroundGreen.png", UriKind.Relative),                 BackContent = "App Back Tile Content" + Environment.NewLine + "OK"            };                applicationTile.Update(newTile);         }            private void btnCreateSecondaryTile_Click(object sender, RoutedEventArgs e)         {             // 建立次要 Tile 的 Demo             StandardTileData newTile = new StandardTileData             {                 Title = "Secondary Fore Tile Title",                 BackgroundImage = new Uri("TileBackgroundBlue.png", UriKind.Relative),                 Count = 6,                 BackTitle = "Secondary Back Tile Title",                 BackBackgroundImage = new Uri("TileBackgroundGreen.png", UriKind.Relative),                 BackContent = "Secondary Back Tile Content" + Environment.NewLine + "OK"            };                // uri 是 key 不能重複             ShellTile.Create(new Uri("/Tile/ShellTileDemo.xaml?t=" + DateTime.Now.Ticks.ToString(), UriKind.Relative), newTile);         }            private void btnDeleteSecondaryTile_Click(object sender, RoutedEventArgs e)         {             // 刪除全部次要磁貼             if (ShellTile.ActiveTiles.Count() > 1)             {                 ShellTile lastTile = ShellTile.ActiveTiles.Last();                 lastTile.Delete();             }                // xna 關閉應用程式：Microsoft.Xna.Framework.Game.Exit();             // sl 關閉應用程式             throw new Exception();         }     } }

查看本欄目更多精彩內容：http://www.bianceng.cnhttp://www.bianceng.cn/OS/extra/