XAML cómo hacer flotar el texto sobre la imagen

Question

Tengo algunas imágenes que quiero mostrar con una marca de agua.

Actualmente están dentro de un StackPanel de la siguiente manera:

<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}" /> 

Lo xaml iba a utilizar para hacer flotar un texto centrado sobre una imagen?

Por ejemplo, para mostrar Londres sobre una imagen de la ciudad con esta fuente "Segoe Keycaps".

Answer 1

Uso <Grid> o <Canvas> en lugar de <StackPanel> y artículos serán atraídos el uno del otro.

Answer 2

He agregado un código de muestra en caso de que me ayude.

<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>