windows phone 7 之全景视图

全景视图不同于以往的任何一个手机系统的用户界面，不再是让你的内容去适应狭小的手机屏幕，也不再是在不同的窗体之间来回切 换。它提供了一种全新的视图，在水平方向上扩展内容到屏幕之外，来展现/集成不同的控件、数据和服务，就好像把它们排布在一张横轴的画卷上。当前可视区域 所停留的部分，则只是手机屏幕的大小部分，就好像画卷上的一个滑动窗口。用户所需要做的只是轻轻地在界面上横向滑动手指，这张画卷就会随之而动将你想要看 的内容带到你眼前的焦点区域。 

  

   在新建工程里选择Windows Phone Panorama Application即可。

在新建的工程里，可以看到PanoramaBackground.png这个图片，它就是全景视图的背景图了，可以更换这张图来满足自已需要。

<controls:Panorama.Background>

        <ImageBrush ImageSource="Panoramabg.png"/>

    </controls:Panorama.Background>

 

<!--LayoutRoot is the root grid where all page content is placed-->     <Grid x:Name="LayoutRoot" Background="Transparent">           <!--Panorama control-->         <controls:Panorama Title="my application">             <controls:Panorama.Background>                 <ImageBrush ImageSource="11.jpg"/>             </controls:Panorama.Background>               <!--Panorama item one-->             <controls:PanoramaItem Header="first item">                 <!--Double line list with text wrapping-->                 <ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">                     <ListBox.ItemTemplate>                         <DataTemplate>                             <StackPanel Margin="0,0,0,17" Width="432">                                 <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>                                 <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>                             </StackPanel>                         </DataTemplate>                     </ListBox.ItemTemplate>                 </ListBox>             </controls:PanoramaItem>               <!--Panorama item two-->             <!--Use 'Orientation="Horizontal"' to enable a panel that lays out horizontally-->             <controls:PanoramaItem Header="second item">                 <!--Double line list with image placeholder and text wrapping-->                 <ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">                     <ListBox.ItemTemplate>                         <DataTemplate>                             <StackPanel Orientation="Horizontal" Margin="0,0,0,17">                                 <!--Replace rectangle with image-->                                 <Rectangle Height="100" Width="100" Fill="#FFE5001b" Margin="12,0,9,0"/>                                 <StackPanel Width="311">                                                                        <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>                                     <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>                                 </StackPanel>                             </StackPanel>                         </DataTemplate>                     </ListBox.ItemTemplate>                 </ListBox>             </controls:PanoramaItem>                         <!--Panorama item Three-->             <controls:PanoramaItem Header="Three Item">                 <Grid Height="500" Width="460" HorizontalAlignment="Left" Name="grid1" VerticalAlignment="Top">                                     </Grid>             </controls:PanoramaItem>         </controls:Panorama>        </Grid>

 

 

也可以动态添加

 

PanoramaItem item = new PanoramaItem();

panorama1.Items.Add(item);

 

http://blog.sina.com.cn/s/blog_4adf31ea0100mfh3.html