Question

我需要为全景页面的标题设置图像，我们能够做到吗？实际上我使用TitleTemplate完成了这个但是它没有用。你能指导我如何将图像设置为全景页面标题。

守则

<controls:Panorama Background="{Binding PanoramaBackground}">
  <controls:Panorama.TitleTemplate>
    <DataTemplate>
      <StackPanel>
        <Image x:Name="HeaderImage" Source="/Resources/header_logo.png" />
      </StackPanel>
    </DataTemplate>
  </controls:Panorama.TitleTemplate> 
</controls:Panorama>

但这不起作用..

谢谢和问候，

的Dinesh

Answer 1

我在这个论坛之外找到了我的问题的答案：

在标题位置为所有全景视图绘制大图像的正确方法是：

        <controls:Panorama.Title>
            <StackPanel Orientation="Vertical" Margin="0,80,0,0">
                <Image x:Name="icon" Source="/Resources/Drawables/header_landscape.png" Height="163" Width="1920"/>
                <!--<TextBlock Text="my application" FontStyle="Italic" FontSize="40" VerticalAlignment="Center" Margin="0,-40,0,0" />-->
            </StackPanel>
        </controls:Panorama.Title>

Answer 2

要使标题可见，您还可以通过以下方式为模板设置上边距：

<DataTemplate x:Key="PanoramaHeader">
     <Grid Height="72" Margin="0,72,0,0">
          <Image HorizontalAlignment="Left" Height="72" Margin="0" Source="/Assets/Images/header.png" Stretch="Fill" VerticalAlignment="Bottom" Width="72"/>
     </Grid>
</DataTemplate>

Answer 3

要完成这项工作，您需要实际拥有一些数据，以便使用您的模板由于您不想在模板中使用任何传递的值，因此只需将Title设置为空字符串即可实现此功能。

<controls:Panorama Title="">

Answer 4

要使其工作，请从图像URI中删除前导斜杠。它应该是：

<Image x:Name="HeaderImage" Source="Resources/header_logo.png" />

在wp7中将图像设置为Panorama页面的全景标题

4 个答案: