XAML画像上にテキストを浮かべる方法

Question

透かしで表示したい画像がいくつかあります。

は現在、彼らは次のようにStackPanelの範囲内にある：

私は画像の上中央にテキストをフロートするために使用するどのようなXAML

<StackPanel Orientation="Vertical" 
         Margin= "7,0,0,0" 
         HorizontalAlignment="Center" > 
      <Image Width="60" 
        Height="72" 
        VerticalAlignment="Top" 
        Margin="0 0 10 0" 
        Source="{Binding ImageToWatermark}" /> 

？

たとえば、この「Segoe Keycaps」フォントを使用してロンドンの市街地を表示するには

Answer 1

使用<Grid>又は<Canvas>代わりに<StackPanel>と項目が互いの上に描画されます。

Answer 2

役立つ場合は、サンプルコードを追加しました。

<DataTemplate x:Key="ImageBackgroundBlackBorderedTextTemplate"> 
      <Grid Height="Auto" Margin="2,5,2,5"> 
       <Image Stretch="Fill" Source="{Binding ImageUrl}" /> 
       <Border Background="#80000000" VerticalAlignment="Bottom"> 
        <TextBlock Margin="5,2,5,2" TextWrapping="WrapWholeWords" Text="{Binding Title}" Style="{StaticResource BaseTextBlockStyle}"/> 
       </Border> 
      </Grid> 
     </DataTemplate>