Установить цвет фона для заголовка панорамы

Question

Я бы хотел установить цвет фона заголовка панорамы. Я сделал это, создав 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>

Проблема в том, что на последней странице панорамы цвет не заполняет всю область. Он заканчивается там, где заканчивается текст. Я попытался установить сетку на большую ширину, но она не только не заполняет экран, но и на прокрутку заголовка.

Answer 1

Создайте шаблон данных для заголовка панорамы и установите ширину текстового блока (элементы * 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>

Answer 2

Это связано с тем, что заголовок анимирован как часть эффекта паралакса.

Вы можете написать свои собственные замены Panorama, но вам будет гораздо проще добавить отдельное изображение на страницу вместо Panorama и добавить еще один элемент (возможно, прямоугольник) перед тем, который вы можете себе представить цвет акцента.