跨頁的 PanoramaItem

在 Windows Phone 上很常用到 Panorama Layout
有許多知名的 App 除了一般的翻頁效果外…還有跨頁的 Item
最近也在公司軟體的改版內有個頁面必須顯示較多的橫向資訊
所以必須加入跨頁的 PanoramaItem

實際試過後在 PanoramaItem 中直接擺入寬度超過一頁的 Grid 是沒用的
看了一下文件原來只要改變內容的排列方向即可…也就是加入 Orientation="Horizontal"
以下即是簡單的在一個跨頁的 PanoramaItem 中顯示 5 個色塊的範例


<controls:PanoramaItem Header="thread item" Orientation="Horizontal">
  <StackPanel Orientation="Vertical">
    <StackPanel Height="200" Orientation="Horizontal">
      <Rectangle Width="180" Height="180" Fill="White"></Rectangle>
      <Rectangle Width="180" Height="180" Fill="Aqua" Margin="10, 0, 0, 0"></Rectangle>
      <Rectangle Width="180" Height="180" Fill="Olive" Margin="10, 0, 0, 0"></Rectangle>
    </StackPanel>
    <StackPanel Height="200" Orientation="Horizontal">
      <Rectangle Width="180" Height="180" Fill="RosyBrown"></Rectangle>
      <Rectangle Width="180" Height="180" Fill="Yellow" Margin="10, 0, 0, 0"></Rectangle>
    </StackPanel>
  </StackPanel>
</controls:PanoramaItem>