设置全景标题的背景颜色答案

【问题标题】：Set background color for Panorama Title设置全景标题的背景颜色
【发布时间】：2012-03-08 21:59:17
【问题描述】：

我想设置全景标题的背景颜色。我通过创建一个 DataTemplate 并将其设置为 TitleTemplate 来做到这一点。然后我将背景颜色设置为：

<DataTemplate x:Key="PanoramaTitleTemplate">
    <Grid Margin="0,50,0,0" Background="{StaticResource PhoneAccentBrush}">
        <TextBlock Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" FontSize="133.333" />
    </Grid>
</DataTemplate>

问题是在全景图的最后一页，颜色没有填满整个区域。它在文本结束的地方结束。我尝试将网格设置为更长的宽度，但这不仅仍然无法填满屏幕，还会影响标题滚动。

【问题讨论】：

标签： windows-phone-7

【解决方案1】：

为您的全景标题创建一个 DataTemplate 并设置 TextBlock 的宽度（项目 * 480）：

<DataTemplate x:Key="PanoramaTitleTemplate">
  <StackPanel Orientation="Horizontal" Background="#FF990000" Margin="-10 76 0 -9"> <!-- default 10,-76,0,9 -->
    <Image x:Name="logoImage" Source="/ApplicationIcon.png" Margin="10 0 30 0" />
    <TextBlock Text="{Binding}" VerticalAlignment="Center" Width="1920" Height="40" FontSize="20"/> 
  </StackPanel>
</DataTemplate>

【讨论】：

【解决方案2】：

这是由于标题作为视差效果一部分的动画方式。

您可以编写自己的全景图替换，但您会发现将单独的图像添加到页面而不是全景图并在您可以设置的前面添加另一个项目（可能是矩形）要容易得多强调色。

【讨论】：

有时答案太简单了。我只是在标题后面放了一个填充的矩形，您将无法区分。不确定您所说的“单独图像”是什么意思，但我假设您的意思是全景图是否有背景图像，而我的则没有。感谢您的解决方案。