與眾不同windows phone (2) Control（控制項）

介紹

與眾不同 windows phone 7.5 (sdk 7.1) 之控制項

Panorama - 全景控制項

Pivot - 樞軸控制項

Map - bing 地圖控制項

WebBrowser - 內嵌瀏覽器控制項

Other - 其他可用控制項

樣本

1、Panorama 的 Demo

Panorama.xaml

<phone:PhoneApplicationPage      x:Class="Demo.Controls.Panorama"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"    FontFamily="{StaticResource PhoneFontFamilyNormal}"    FontSize="{StaticResource PhoneFontSizeNormal}"    Foreground="{StaticResource PhoneForegroundBrush}"    SupportedOrientations="Portrait"  Orientation="Portrait"    shell:SystemTray.IsVisible="False"           xmlns:sys="clr-namespace:System;assembly=mscorlib">        <Grid x:Name="LayoutRoot">         <!--             Panorama - 全景控制項                 Title - Panorama 的標題                 Background - Panorama 的背景         -->         <controls:Panorama x:Name="panorama" Title="Title">                <controls:Panorama.Background>                 <ImageBrush ImageSource="/Controls/Assets/diandian.jpg"/>             </controls:Panorama.Background>                <!--                 PanoramaItem - Panorama 的項                     Header - PanoramaItem 的標題                      Orientation - PanoramaItem 中的內容的排列方向（Vertical 或 Horizontal），預設值為 Vertical             -->             <controls:PanoramaItem Header="Item 01">                 <Grid>                     <StackPanel>                         <TextBlock Text="我是文本，太長了的話會自動換行" Style="{StaticResource PhoneTextLargeStyle}" TextWrapping="Wrap"/>                         <TextBlock Text="我是文本，太長了的話不會自動換行" Style="{StaticResource PhoneTextLargeStyle}" TextWrapping="NoWrap"/>                     </StackPanel>                 </Grid>             </controls:PanoramaItem>                <controls:PanoramaItem Header="Item 02" Orientation="Horizontal">                 <Grid>                     <Border BorderBrush="{StaticResource PhoneForegroundBrush}"                            BorderThickness="{StaticResource PhoneBorderThickness}"                            Background="#80808080">                         <TextBlock Text="我是一段文本，我的顯示地區很寬很寬"                                   Style="{StaticResource PhoneTextExtraLargeStyle}"                                   HorizontalAlignment="Center" VerticalAlignment="Center" >                         </TextBlock>                        </Border>                 </Grid>             </controls:PanoramaItem>                <!--                 如果需要 PanoramaItem 中的內容支援左右拖動的話，需要將 Orientation 設定為 Horizontal                 以下 PanoramaItem 中的內容可以左右拖動，其中的 ListBox 可上下拖動             -->             <controls:PanoramaItem Header="Item 03" Orientation="Horizontal">                 <StackPanel Orientation="Horizontal">                     <ListBox FontSize="{StaticResource PhoneFontSizeLarge}" Width="480">                         <sys:String>a</sys:String>                         <sys:String>b</sys:String>                         <sys:String>c</sys:String>                         <sys:String>d</sys:String>                         <sys:String>e</sys:String>                         <sys:String>f</sys:String>                         <sys:String>g</sys:String>                         <sys:String>h</sys:String>                         <sys:String>i</sys:String>                         <sys:String>j</sys:String>                         <sys:String>k</sys:String>                         <sys:String>l</sys:String>                         <sys:String>m</sys:String>                         <sys:String>n</sys:String>                         <sys:String>o</sys:String>                         <sys:String>p</sys:String>                         <sys:String>q</sys:String>                         <sys:String>r</sys:String>                     </ListBox>                     <TextBlock Text="webabcd" />                 </StackPanel>             </controls:PanoramaItem>            </controls:Panorama>     </Grid>    </phone:PhoneApplicationPage>