自訂 Panorama Title 樣式

開發 Windows Phone App 時很常用到 Panorama 元件…
但 Panorama 本身的設計會刻意讓 Title 的上面被遮掉一些些…
前陣子在寫台灣天氣時…正好因為這個特性…讓台灣天氣變成台灣大氣…

Panorama 本身並沒有屬性可以調整 Title 的字型大小…所以只能從 Template 下手…
簡單的寫個範例記錄一下 Panorama 如何修改 Title 樣式…

首先建立一個 static resource
為了方便我就直接寫在 PhoneApplicationPage 內了
且僅是為了讓字體縮小…讓變成 "大" 的 "天" 字能完整呈現…只簡單縮小字型、改位置…


<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Key="SmallPanoramaTitle">
      <ContentPresenter>
        <TextBlock Text="{Binding}"
               Height="250"
               FontSize="140" FontWeight="ExtraBold"
               Margin="0,80,0,-80"/>
      </ContentPresenter>
    </DataTemplate>
</phone:PhoneApplicationPage.Resources>


接著在使用 Panorama 的地方指定 TitleTemplate 即可


<controls:Panorama Title="台灣天氣" TitleTemplate="{StaticResource SmallPanoramaTitle}">
</controls:Panorama>