控件开发五

目标：

-Panorama全景视图

-Pivot枢轴视图

一．Panorama：全景视图控件

简介：

-使用一个超过屏幕宽度的长水平画布，提供了独特显示控件、数据和服务的方式。

-是一种选项、导航和数据的多屏滚动菜单。

结构：

-Background、Title、Items

 

使用：

-背景图片的高度为800像素，宽度大于480像素，不超过2000像素。

Panorama Demo：

 1 <controls:Panorama Height="768" HorizontalAlignment="Left" Name="panorama1" Title="Panorama Demo" VerticalAlignment="Top" Width="480" SelectionChanged="panorama1_SelectionChanged">
 2       <controls:Panorama.Background>
 3           <ImageBrush ImageSource="PanoramaBackground.png"></ImageBrush>
 4       </controls:Panorama.Background>
 5             
 6       <controls:PanoramaItem Header="ScrollViewer">
 7           <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
 8               <Image Source="PanoramaBackground.png"></Image>
 9           </ScrollViewer>
10       </controls:PanoramaItem>
11 </controls:Panorama>

二．Pivot枢轴视图

简介：

-快捷管理应用应用中的视图或页面

-过滤数据、视图分类

 

结构：

-Title、Header、PivotItem

使用：

-Header文字不要过长，以免其他 PivotItem中的Header无法显示。

-在PivotItem中，不要使用ScrollViewer或ListBox这类带有手势的控件。

 Pivot Demo:

<controls:Pivot Name="pivot1" Title="Pivot DEmo" SelectionChanged="Pivot_SelectionChanged">
      <controls:Pivot.Background>
          <ImageBrush ImageSource="Background.png"></ImageBrush>
      </controls:Pivot.Background>

      <controls:PivotItem Header="ScrollViewer">
          <ScrollViewer>
              <Image Source="background.png"></Image>
          </ScrollViewer>
      </controls:PivotItem>
</controls:Pivot>