Windows phone 8开发入门：使用Pivot和Panorama控件

最新推荐文章于 2025-11-28 16:20:30 发布

原创

最新推荐文章于 2025-11-28 16:20:30 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Windows Phone #pivot #Panorama

本文介绍了Windows Phone 8应用开发中常用的Pivot和Panorama控件，它们都用于实现左右循环切换的导航功能。Pivot控件类似于TabControl，常用于功能导航，而Panorama控件在切换时有动态背景和标题移动，提供良好的用户体验。通过创建不同类型的Windows Phone项目，可以快速开始使用这两种控件。

Pivot和Panorama均继承自TemplatedItemsControl<T>，这两个控件都可以很方便的实现可左右循环切换的导航功能，在Windows phone的应用中这两个控件很常见，大部分的APP都是用他们来实现功能导航。

Pivot控件

Pivot 控件的功能上有点类似传统Windows控件中的TabControl(个人见解，大神勿喷)。windows phone的api中没有提供TabControl这个控件。新建项目，选择Windows Phone->Windows Phone透视应用程序；在项目的MianPage.xaml中会自动添加一个带有两个PivotItem的Pivot控件，PivotItem的Content均是LongListSelector，代码如下：

 <phone:Pivot Title="我的应用程序">
            <!--枢轴项一-->
            <phone:PivotItem Header="first">
                <!--具有文字环绕的双线列表-->
                <phone:LongListSelector Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                    <phone:LongListSelector.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="0,0,0,17">
                                <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>
                    </phone:LongListSelector.ItemTemplate>
                </phone:LongListSelector>
            </phone:PivotItem>

            <!--枢轴项二-->
            <phone:PivotItem Header="second">
                <!--无文字环绕的双线列表-->
                <phone:LongListSelector Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                    <phone:LongListSelector.ItemTemplate>
                            <DataTe