Udostępnij za pośrednictwem


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

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 控制項的標頭也不一定只能用純文字了喔 :)