xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
//need to set the header at the very end because you cannot remove items once the header is set pivProfile.Header = GetHeaderTxtFromString("Profile");
static TextBlock GetHeaderTxtFromString(string header)
{
return new TextBlock(){
Text = header,
FontSize = 54,
Foreground = new SolidColorBrush(Color.FromArgb(255, 255, 246, 123)), //#fff67b
FontFamily = new FontFamily("Segoe WP Light")
};
}
附：
<!--Pivot Control-->
<Grid Grid.Row="1">
<controls:Pivot Name="pivTab" SelectionChanged="pivTab_SelectionChanged" Margin="0,-20,0,0">
<!--Pivot item one-->
<controls:PivotItem Name="pivProfile">
<!--<controls:PivotItem.Header>
<ContentControl>
<TextBlock Text="Profile" FontSize="54" Foreground="#fff67b" FontFamily="Segoe WP Light"/>
</ContentControl>
</controls:PivotItem.Header>-->
<Grid x:Name="BodyGrid" Grid.Row="1" Margin="0,-30,0,10">
<ScrollViewer VerticalAlignment="Stretch" Margin="1,1,0,-1" HorizontalAlignment="Stretch">
<StackPanel Name="content" Orientation="Vertical" Margin="1,0,1,2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
<StackPanel Orientation="Vertical" Margin="10,5,10,10" Name="listProfile">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
<StackPanel Orientation="Vertical" HorizontalAlignment="Stretch">
<TextBlock Name="name" Text="{Binding Name}" FontSize="40" Foreground="#dddddd" FontWeight="Bold" FontFamily="Segoe WP SemiLight" Margin="0,2,0,0" TextWrapping="Wrap" Width="300"/>
<TextBlock Name="address" Text="{Binding Address}" FontSize="26" Foreground="#999999" Margin="0,-2,0,0" TextWrapping="Wrap" Width="300"/>
<TextBlock Name="csz" Text="{Binding Csz}" FontSize="26" Foreground="#999999" Margin="0,-4,0,0" TextWrapping="Wrap" Width="300"/>
<HyperlinkButton Name="hbPhone" Content="{Binding Phone}" Margin="-10,0,0,0" FontFamily="Segoe WP Light" FontSize="28" Foreground="#fff67b" FontWeight="Bold" ClickMode="Release" HorizontalAlignment="Left" Style="{StaticResource WP7HyperlinkButtonStyle}" Click="hbPhone_Click" />
<HyperlinkButton Name="hbWebsite" Content="{Binding WebsiteName}" Margin="-10,0,0,0" FontFamily="Segoe WP Light" FontSize="28" Foreground="#fff67b" FontWeight="Bold" ClickMode="Release" HorizontalAlignment="Left" Click="hbWebsite_Click"/>
</StackPanel>
<StackPanel HorizontalAlignment="Center" Name="stackList" VerticalAlignment="Top" Margin="2,10,2,2" Width="120" Height="120" Visibility="Collapsed" Background="White"></StackPanel>
</StackPanel>
</StackPanel>
<StackPanel Name="spAboutUs" Margin="10,10,10,10">
<TextBlock Text="{Binding AboutUsTitle}" FontSize="32" Foreground="#dddddd" FontWeight="Bold" FontFamily="Segoe WP SemiLight" Margin="0,5,0,5"/>
<ItemsControl Name="aboutUsList" Margin="1" ItemsSource="{Binding Aboutus}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical" Margin="0,3,0,3" >
<TextBlock Text="{Binding ContentAboutus}" TextWrapping="Wrap" FontSize="22" Foreground="#999999"/>
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
<StackPanel Name="spPayment" Orientation="Vertical" Margin="10,10,10,10">
<TextBlock Name="txtPayment" FontSize="32" Foreground="#dddddd" Margin="0,5,0,5" FontWeight="Bold" FontFamily="Segoe WP SemiLight" />
<StackPanel Name="paymenttype" Orientation="Horizontal" Margin="-8,0,0,4">
<ItemsControl Name="paymentList" Margin="0" ItemsSource="{Binding Payment}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0">
<Image Name="payment1" Source="{Binding IconPaymentAmex}" Width="65" Margin="8,0,0,0" Visibility="{Binding AmexVisible}"></Image>
<Image Name="payment2" Source="{Binding IconPaymentCarteblanche}" Width="65" Margin="8,0,0,0" Visibility="{Binding CarteblancheVisible}"></Image>
<Image Name="payment3" Source="{Binding IconPaymentDci}" Width="65" Margin="8,0,0,0" Visibility="{Binding DciVisible}"></Image>
<Image Name="payment4" Source="{Binding IconPaymentDiscover}" Width="65" Margin="8,0,0,0" Visibility="{Binding DiscoverVisible}"></Image>
<Image Name="payment5" Source="{Binding IconPaymentMc}" Width="65" Margin="8,0,0,0" Visibility="{Binding McVisible}"></Image>
<Image Name="payment6" Source="{Binding IconPaymentVisa}" Width="65" Margin="8,0,0,0" Visibility="{Binding VisaVisible}"></Image>
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
</StackPanel>
<StackPanel Name="spGoodToKnow" Margin="10,10,10,10">
<TextBlock Text="{Binding GoodToKnow}" FontSize="32" Foreground="#dddddd" Margin="0,5,0,5" FontWeight="Bold" FontFamily="Segoe WP SemiLight" />
<ItemsControl Name="goodToKnowList" Margin="1" ItemsSource="{Binding GoodToKnowList}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical" Margin="0,3,0,3">
<TextBlock Text="{Binding TitleGoodToKnow}" Margin="0,0,0,0" FontSize="28" Foreground="#999999" FontWeight="Bold"/>
<TextBlock Text="{Binding ContentGoodToKnow}" Width="432" TextWrapping="Wrap" Margin="0,0,0,0" FontSize="26" Foreground="#999999" />
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
<StackPanel Name="spHours" Margin="10,10,10,10">
<TextBlock Text="{Binding HoursTitle}" FontSize="32" Foreground="#dddddd" Margin="0,5,0,5" FontWeight="Bold" FontFamily="Segoe WP SemiLight" />
<ItemsControl Name="hoursList" Margin="1" ItemsSource="{Binding HoursList}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical" HorizontalAlignment="Stretch">
<TextBlock Text="{Binding ContentHours}" Width="432" TextWrapping="Wrap" Margin="0,0,0,0" FontSize="26" Foreground="#999999" Visibility="{Binding TextHoursVisible}" />
<StackPanel Orientation="Horizontal" Width="432" Visibility="{Binding DayHoursVisible}">
<TextBlock Text="{Binding DayHours}" Width="150" TextWrapping="Wrap" Margin="0,0,0,0" FontSize="26" Foreground="#999999" />
<TextBlock Text="{Binding ContentHours}" Width="282" TextWrapping="Wrap" Margin="0,0,0,0" FontSize="26" Foreground="#999999" />
</StackPanel>
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
<!--</Border>-->
</StackPanel>
</ScrollViewer>
</Grid>
</controls:PivotItem>
<!--Pivot item two-->
<controls:PivotItem Name="pivReview">
<!--<controls:PivotItem.Header>
<ContentControl>
<TextBlock Text="Review" FontSize="54" Foreground="#fff67b" FontFamily="Segoe WP Light"/>
</ContentControl>
</controls:PivotItem.Header>-->
<!--ContentPanel-->
<Grid x:Name="ContentGrid" Grid.Row="1" DataContext="{Binding Mode= oneway}" Margin="0,0,0,0">
<Grid.RowDefinitions>
<RowDefinition Height="40"/>
<RowDefinition Height="400*"/>
<RowDefinition Height="0*" />
</Grid.RowDefinitions>
<!--<StackPanel Width="480" Height="50" Margin="10,0,10,5" VerticalAlignment="Top">-->
<StackPanel Name="panRating" Margin="15,0,10,0" VerticalAlignment="Top" Height="61">
<StackPanel Height="35" VerticalAlignment="Top" Orientation="Horizontal">
<StackPanel HorizontalAlignment="Left" VerticalAlignment="Bottom" Orientation="Horizontal">
<Image Source="{Binding RatingFirTotal}"></Image>
<Image Source="{Binding RatingSecTotal}"></Image>
<Image Source="{Binding RatingThiTotal}"></Image>
<Image Source="{Binding RatingForTotal}"></Image>
<Image Source="{Binding RatingFifTotal}"></Image>
</StackPanel>
<StackPanel HorizontalAlignment="Left" VerticalAlignment="Bottom" Orientation="Horizontal">
<TextBlock Text="overall" FontSize="24" Foreground="#dddddd" Margin="10,0,0,0"/>
</StackPanel>
<StackPanel HorizontalAlignment="Left" VerticalAlignment="Bottom" Orientation="Horizontal" Margin="0,0,0,3">
<TextBlock Text=" (" FontSize="18" Foreground="#999999" Margin="3,0,0,0"/>
<TextBlock Text="{Binding TotalRatingNumber}" FontSize="18" Foreground="#dddddd" Margin="0,0,0,0"/>
<TextBlock Text="{Binding RatingsOrNot}" FontSize="18" Foreground="#999999" Margin="3,0,0,0"/>
<TextBlock Text="/" FontSize="18" Foreground="#999999" Margin="3,0,0,0"/>
<TextBlock Text="{Binding TotalReviewNumber}" FontSize="18" Foreground="#dddddd" Margin="3,0,0,0"/>
<TextBlock Text="{Binding ReviewsOrNot}" FontSize="18" Foreground="#999999" Margin="3,0,0,0"/>
<TextBlock Text=")" FontSize="18" Foreground="#999999" Margin="0,0,0,0"/>
</StackPanel>
</StackPanel>
</StackPanel>
<!--</StackPanel>-->
<ScrollViewer VerticalAlignment="Stretch" Margin="15,30,0,-1" Grid.RowSpan="3" Name="scrollReview">
<StackPanel Orientation="Vertical" >
<ItemsControl Name="reviewList" ItemsSource="{Binding ReviewItems}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Border Name="itemBorder" BorderThickness="0" Margin="0">
<StackPanel Orientation="Horizontal" Margin="0,15,0,5">
<Image Name="imgAccount" Width="50" Source="{Binding ImgAccount}" Margin="0,15,0,0" VerticalAlignment="Top"></Image>
<StackPanel Orientation="Vertical" Margin="15,0,0,0">
<TextBlock Text="{Binding Title}" FontSize="32" Foreground="#dddddd" FontWeight="Bold" FontFamily="Segoe WP SemiLight" Margin="0,2,0,0" HorizontalAlignment="Left" TextWrapping="Wrap" Width="320"/>
<StackPanel Orientation="Horizontal" Margin="0,2,0,0">
<Image Source="{Binding RatingFir}"></Image>
<Image Source="{Binding RatingSec}"></Image>
<Image Source="{Binding RatingThi}"></Image>
<Image Source="{Binding RatingFor}"></Image>
<Image Source="{Binding RatingFif}"></Image>
</StackPanel>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Width="390">
<!--<TextBlock Text="{Binding NameDate}" FontSize="20" Foreground="Red" Margin="0,0,0,0" />-->
<TextBlock Text="by" FontSize="22" Foreground="#999999" Margin="0,0,0,0" TextWrapping="Wrap"/>
<TextBlock Text="{Binding Name}" FontSize="22" Foreground="#dddddd" Margin="8,0,0,0" TextWrapping="Wrap"/>
<TextBlock Text="on" FontSize="22" Foreground="#999999" Margin="8,0,0,0" TextWrapping="Wrap"/>
<TextBlock Text="{Binding Date}" FontSize="22" Foreground="#dddddd" Margin="8,0,0,0" TextWrapping="Wrap"/>
</StackPanel>
<TextBlock Text="{Binding Content}" FontSize="22" Foreground="#999999" Margin="0,10,0,0" HorizontalAlignment="Left" TextWrapping="Wrap" Width="320"/>
<StackPanel Visibility="{Binding CommentVisible}" Orientation="Vertical" Margin="0,10,0,5">
<TextBlock Text="Comments" FontSize="26" Foreground="#dddddd" FontWeight="Bold" FontFamily="Segoe WP SemiLight" Margin="0,0,0,0" />
<ItemsControl Name="commentList" ItemsSource="{Binding Comments}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="10,10,0,0">
<Image Width="50" Name="imgCommentAccount" Source="{Binding ImgCommentAccount}" Margin="0,8,0,0" VerticalAlignment="Top"></Image>
<StackPanel Orientation="Vertical" Margin="10,0,0,0" HorizontalAlignment="Stretch">
<StackPanel Orientation="Horizontal" Margin="8,0,0,0">
<!--<TextBlock Text="{Binding CdNameDate}" FontSize="18" Foreground="Red" Margin="0,0,0,0" />-->
<TextBlock Text="{Binding CdName}" FontSize="22" Foreground="#dddddd" Margin="0,0,0,0" TextWrapping="Wrap"/>
<TextBlock Text="on" FontSize="22" Foreground="#999999" Margin="10,0,0,0" TextWrapping="Wrap"/>
<TextBlock Text="{Binding CdDate}" FontSize="22" Foreground="#dddddd" Margin="10,0,0,0" TextWrapping="Wrap"/>
</StackPanel>
<TextBlock Text="{Binding CdContent}" FontSize="22" Margin="8,5,0,0" Foreground="#999999" HorizontalAlignment="Left" Width="320" TextWrapping="Wrap"/>
</StackPanel>
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
</StackPanel>
</StackPanel>
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
<HyperlinkButton Name="moreResults" Content="Show more results" Foreground="#dddddd" FontSize="25" HorizontalAlignment="left" VerticalAlignment="Top" Margin="0,0,0,0" Visibility="Collapsed" Click="MoreResultsClick" Width="225" />
</StackPanel>
</ScrollViewer>
<!--error-->
<StackPanel Name="stackErrNoReview" HorizontalAlignment="Left" VerticalAlignment="Stretch" Orientation="Horizontal" Visibility="Collapsed">
<TextBlock Name="txtErrNoReview" FontSize="24" Foreground="#dddddd" Margin="10,-20,0,0" Width="446" TextWrapping="Wrap"/>
</StackPanel>
</Grid>
</controls:PivotItem>
<!--Pivot item three-->
<controls:PivotItem Name="pivMap">
<!--<controls:PivotItem.Header>
<ContentControl>
<TextBlock Text="Map" FontSize="54" Foreground="#fff67b" FontFamily="Segoe WP Light"/>
</ContentControl>
</controls:PivotItem.Header>-->
<Grid x:Name="MapGrid" Grid.Row="1" VerticalAlignment="Stretch" Margin="0,-20,0,0">
<Maps:Map x:Name="BingMap" d:LayoutOverrides="Height"
CredentialsProvider="Ammpe2zTPjj4p1YKbJ79gCyRh5WSNiA7WilGDotlyHaGpo8RQjwUlnfW-SiW95J7" Margin="0,-2,0,0">
<Maps:MapLayer Name="lMain" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
<!--<Ellipse Name="mark" Fill="Red" Width="20" Height="20" />-->
</Maps:MapLayer>
</Maps:Map>
<!--error-->
<StackPanel Name="stackErrNoMap" HorizontalAlignment="Left" VerticalAlignment="Stretch" Orientation="Horizontal" Visibility="Collapsed">
<TextBlock Name="txtErrNoMap" FontSize="24" Foreground="#dddddd" Margin="10,0,0,0" Width="446" TextWrapping="Wrap"/>
</StackPanel>
</Grid>
</controls:PivotItem>
</controls:Pivot>
</Grid>
