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