Windows Phone 7(WP7)開發 自訂磁貼（深度連結）

　　用過Wp7手機的同學應該都對內建的Office印象深刻，每一個文檔的表徵圖長按會出現一個菜單，能夠“固定到開始畫面”，固定到開始畫面的那個表徵圖，點擊之後，會直接開啟該文檔內容。

　　又如，“人脈”中的某個連絡人，長按能固定到開始畫面，下次能更便捷的開啟與該連絡人的聯絡。

　　又如，新浪微博的某個連絡人，長按也能固定到開始畫面，下次在開始畫面直接點擊他的頭像，直接開啟他的微博首頁。傳說中的暗戀功能：你在你的手機上關注了他/她，而他/她卻不知道。

 

　　這是一個不錯的功能，這就是自訂磁貼——深度連結。它能夠直接把使用者導航到你的應用中的某一個頁面，而不再是只能從你的首頁面進入。

　　最近忙沒太多時間寫文章，今天做了個很粗糙的簡單程式（能省的都省了，只為說明自訂磁貼的問題，圖片來源Bing），見：

　　

　　

　　OK,now,how to……

　　1、首頁使用的兩個正方形的控制項，是HubTile；長按出現的那個菜單，是ContextMenu；這兩個都需要使用SilverlightToolkit For WP7這個控制項包，直接用NuGet下載就好了。（這兩個對深度磁貼來說，都不是重點，你完全可以用一個Button或者其他的來進行）

　　新聞1的那個XAML代碼如下：

　　

<toolkit:HubTile HorizontalAlignment="Left" Margin="21,31,0,0" VerticalAlignment="Top" d:LayoutOverrides="Width, Height" Source="Images/t1.png" Title="新聞1" Message="111111">
<i:Interaction.Triggers>
<i:EventTrigger EventName="Tap">
<ec:NavigateToPageAction TargetPage="/NewsView.xaml?id=1"/>
</i:EventTrigger>
</i:Interaction.Triggers>
<toolkit:ContextMenuService.ContextMenu>
<toolkit:ContextMenu>
<toolkit:MenuItem Header="固定到開始菜單" Click="MenuItem_Hub_Click1" />
</toolkit:ContextMenu>
</toolkit:ContextMenuService.ContextMenu>
</toolkit:HubTile>

　　解釋一下上面的代碼，如果使用者Tap了這個HubTile，直接進入新聞1的詳情頁面。如果長按，觸發菜單。

　　2、上面的MenuItem_Hub_Click1的處理常式：

　　

private void MenuItem_Hub_Click1(object sender, RoutedEventArgs e)
        {
            ViewOperate.PinToStart("新聞1", "/Images/t1.png","新聞1","1111","","/NewsView.xaml?id=1");
        }

　　3、ViewOperate類（名字可以自己取）：

　　

using System;
using System.Linq;
using Microsoft.Phone.Shell;

namespace PinToStart
{
public class ViewOperate
    {
public static void PinToStart(string title, string image, string backTitle, string backContent, string backImage, string url)
        {
//如果存在則刪除，並在下面重新Pin到案頭
            ShellTile oldTile = ShellTile.ActiveTiles.FirstOrDefault
                (e => e.NavigationUri.ToString().Contains(url));
if (oldTile != null)
            {
                oldTile.Delete();
            }

//產生Tile
            StandardTileData myTile = new StandardTileData
            {
                BackgroundImage = new Uri(image, UriKind.Relative),
                Title = title,
                Count = 0,
                BackTitle = backTitle,
                BackContent = backContent,
                BackBackgroundImage = new Uri(backImage, UriKind.Relative)
            };
//固定到開始介面
            ShellTile.Create(new Uri(url, UriKind.Relative), myTile);
        }
    }
}

　　很簡單，完成~

　　在提醒一句：上面的樣本為了簡單起見和時間問題，很多代碼寫的很不優美，建議大家自行改進。

　　附源碼下載： http://vdisk.weibo.com/s/2fmlH

　　

 

轉載請註明出處~  http://www.cnblogs.com/vistach/archive/2012/02/01/Windows_Phone_WP7_Develop_Tile_StandardTileData_ShellTile_DeepLink.html