2011-07-07 27 views
5

我有一些圖像需要用水印顯示。XAML如何在圖像上浮動文本

目前有如下幾點一個StackPanel內:

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

我會用什麼XAML漂浮在圖像上居中的文本?

例如,使用此「Segoe Keycaps」字體在城市的圖片上顯示倫敦。

London

回答

4

使用<Grid><Canvas>代替<StackPanel>和項目將在彼此的結論。

+0

謝謝,工作完美! – Noah

3

我已經添加了一些示例代碼以防萬一。

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