[WP7開發] 美化 Panorama 控制項的標頭

  • Article

Windows Phone 7 中有一個很獨特的控制項－－Panorama（全景），它在手機上的效果就像是這樣：

這是一個示意圖，手機畫面畫面一次會顯示一個區塊的內容，而使用者只需左拉右滑就可以看完全部的內容。

而在 Windows Phone SDK 中也提供了 Panorama 的專案範本，讓開發人員可以直接使用這個控制項來開發應用程式，但這個控制項原本是為英文字型設計的，所以如果直接修改成中文字，可能就會變成這樣：

你可以看到標題的中文字實在是太大了，而且還被 clip 掉一部份，有時候可能會造成閱讀的麻煩，這個時候只要使用 TitleTemplate 的方式就可以改變 Panorama 控制項的標題：

 <phone:PhoneApplicationPage.Resources>
  <DataTemplate x:Key="MyTitleTemplate" >
    <TextBlock FontSize="120" Margin="0,60,0,20"
      Text="{Binding Content, 
        RelativeSource={RelativeSource TemplatedParent}}" />
  </DataTemplate>
</phone:PhoneApplicationPage.Resources>
  ...

  <controls:Panorama Title="這是中文" 
    TitleTemplate="{StaticResource MyTitleTemplate}" >

這樣一改之後，原本的畫面就會變成這樣：

這樣是不是好多了呢？而且如此一來，Panorama 控制項的標頭也不一定只能用純文字了喔 :)