windows phone開發學習–Hubtile

在metro風格中，除了在開始菜單顯示的tile外，hubtile也是metro很炫的一種展示，而且比tile更炫，因為hubtile不僅能實現翻轉，還能實現圖片上下平移滾動。例如下面就是一個hubtile

其中上面每個hubtile都是可以動的

那該如何?hubtile呢？其實微軟已經幫我們做好了控制項，只需要下載Microsoft Silverlight for Windows Phone Toolkit 然後在VS中引入hubtile控制項

出現表徵圖後拖拽到頁面中，然後引入Microsoft.Phone.Controls.Toolkit.dll，這個dll可以在 http://blog.humann.info/file.axd?file=2011%2f11%2fMicrosoft.Phone.Controls.Toolkit.dll下載，這個是最新的dll，而且修補了很多人之前遇到的hubtile中顯示上下顛倒的BUG

在xaml中聲明命名空間

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

然後hubtile中就可以設定了，下面是個例子

<StackPanel x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" Orientation="Horizontal"><StackPanel>                <toolkit:HubTile x:Name="hubTile" Title="HubTile Title" Message="This is HubTile message!"  Margin="10"/><toolkit:HubTile x:Name="hubTile1" Source="wpglogo.png" Title="HubTile Title" Message="This is HubTile message!" Margin="10"/><toolkit:HubTile x:Name="hubTile2" Background="Green" Source="wpglogo.png" Title="HubTile Title" Message="This is HubTile message!" Margin="10"/></StackPanel><StackPanel><toolkit:HubTile Title="London" GroupTag="Cities" Margin="10"/><toolkit:HubTile Title="NewYork" GroupTag="Cities" Margin="10"/><Button x:Name="freeze" Content="FreezeGroup" Click="freeze_Click" Margin="10"/><Button x:Name="unfreeze" Content="UnFreezeGroup" Click="unfreeze_Click" Margin="10"/></StackPanel></StackPanel>

hubtile其中還有很多屬性，在後台也可以修改例如message，title，image等等屬性，具體的內容網上有一大堆資料，只需要在後台cs代碼中添加

using Microsoft.Phone.Controls;

以上就是我目前學到的hubtile的一些知識，感覺對目前來說已經夠用了，如果以後要做出更複雜的效果，那到時候再學吧。