Windows Phone 實用開發技巧（17）：自訂應用程式的Tile

在Windows Phone 7 （Nodo）之前的版本中，我們在應用程式列表中長按某個應用程式的時候，會彈出“Pin To Start”的選擇，選中後系統會將該應用程式的捷徑Pin到啟動介面中，類似於Windows 上的案頭捷徑。那時候呈現在啟動介面的圖片是應用程式中的Background.png，如果你沒有改變該變片的話，Pin到Start中的圖片大致如下：

 

在Mango中，我們可以做的更多（在Nodo中我們僅能改變背景圖片和應用程式的顯示名字），在Mango中，我們可以：1.動態更新Pin 到案頭的背景圖片2.建立一個Secondary的Tile，讓我們的Tile 變得更加Live3.可以使用Back Agent動態更新Count馬寧大大給出了一篇很好的入門文章《馬寧的Windows Phone 7.1初體驗（三）——Tile》

下面講講稍微進階一點的知識

1. 在代碼中合成圖片  

我在項目中會用到如下三張圖片： 

 第一張BackBg.png是用於Secondary Tile的背景圖片，用於和第三張圖片合成，產生一張新的Secondary Tile的背景圖片，中間一張圖片即Tile的背景圖片，最終的如：

 

合成圖片的思想是利用WriteableBitmap可以將UIElement儲存為圖片，下面是詳細代碼：

public static string CreateBackground()
        {
            Grid grid = new Grid
            {
                Background = new ImageBrush
                {
                    ImageSource = new BitmapImage
                    {
                        UriSource = new Uri("/mangTile;component/Images/BackBg.png", UriKind.Relative),
                        CreateOptions = BitmapCreateOptions.IgnoreImageCache
                    }
                },
                Width = 173,
                Height = 173
            };
            Image profileImg = new Image
            {
                Height=48,
                Width=48,
                Source = new BitmapImage
                {
                    UriSource = new Uri("/mangTile;component/Images/u97911.jpg", UriKind.Relative),
                    CreateOptions = BitmapCreateOptions.IgnoreImageCache
                },
            };
            grid.Children.Add(profileImg);
            grid.Arrange(new Rect(0d, 0d, 173, 173));
            WriteableBitmap wbmp = new WriteableBitmap(grid, null);
            string tiledirectory = "Shared/ShellContent/tiles";//note :父目錄必須是 Shared/ShellContent
            string fullPath = tiledirectory + @"/" + "LiveTile.jpg";
            using (var store = IsolatedStorageFile.GetUserStoreForApplication())
            {
                if (!store.DirectoryExists(tiledirectory))
                {
                    store.CreateDirectory(tiledirectory);
                }
                using (var stream = store.OpenFile(fullPath, System.IO.FileMode.OpenOrCreate))
                {
                    wbmp.SaveJpeg(stream, 173, 173, 0, 100);
                }
            }
            return "isostore:/" + fullPath;}StandardTileData std = new StandardTileData
            {
                BackgroundImage=new Uri("/Background.png"),
                Title = "",
                BackTitle = "Secondary",
                BackBackgroundImage = new Uri(CreateBackground())
            };
ShellTile.Create(new Uri("/MainPage.xaml", UriKind.Relative),std);

 

 2. ShellTile 的ActiveTiles屬性

 MSDN的解釋為Contains the collection of an applications tiles pinned to Start. 就是包含應用程式已經Pin to start的集合，要注意的是：

第一、指的是當前的應用程式，而不是所有的應用程式

第二、不管你的應用程式有沒有Pin To Start，  ActiveTiles中始終包含一個預設的Tile（Uri為”/“），而且始終為第一個

第三、如果你講Uri為“/MainPage.xaml” Pin到案頭了，則ActiveTiles包含兩個Tile（Uri分別為“/”與/MainPage.xaml）

 

原始碼下載：