C# 带边框的图像位于flipview中图像的顶部

如何在XAML中创建以下图像示例？（因此，在图像顶部有一个绿色覆盖） 当我添加一个图像和一个边框（里面有一个textblock）时，边框也会一直拉伸到全高，而不是textblock中文本所需的高度

---

它包含在Flipview中。但是网格中的普通示例也可以。

看看VS2011/12网格应用程序模板。在Common\StandardStyles.xaml中，您可以在中心屏幕上找到GridView项目的所有样式，其中许多样式都遵循这种模式。例如，“Standard250x250ItemTemplate”样式定义如下

<DataTemplate x:Key="Standard250x250ItemTemplate">
    <Grid HorizontalAlignment="Left" Width="250" Height="250">
        <Border Background="{StaticResource ListViewItemPlaceholderRectBrush}">
            <Image Source="{Binding Image}" Stretch="UniformToFill"/>
        </Border>
        <StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundBrush}">
            <TextBlock Text="{Binding Title}" Foreground="{StaticResource ListViewItemOverlayTextBrush}" Style="{StaticResource TitleTextStyle}" Height="60" Margin="15,0,15,0"/>
            <TextBlock Text="{Binding Subtitle}" Foreground="{StaticResource ListViewItemOverlaySecondaryTextBrush}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/>
        </StackPanel>
    </Grid>
</DataTemplate>

---

看看VS2011/12网格应用程序模板。在Common\StandardStyles.xaml中，您可以在中心屏幕上找到GridView项目的所有样式，其中许多样式都遵循这种模式。例如，“Standard250x250ItemTemplate”样式定义如下

<DataTemplate x:Key="Standard250x250ItemTemplate">
    <Grid HorizontalAlignment="Left" Width="250" Height="250">
        <Border Background="{StaticResource ListViewItemPlaceholderRectBrush}">
            <Image Source="{Binding Image}" Stretch="UniformToFill"/>
        </Border>
        <StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundBrush}">
            <TextBlock Text="{Binding Title}" Foreground="{StaticResource ListViewItemOverlayTextBrush}" Style="{StaticResource TitleTextStyle}" Height="60" Margin="15,0,15,0"/>
            <TextBlock Text="{Binding Subtitle}" Foreground="{StaticResource ListViewItemOverlaySecondaryTextBrush}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/>
        </StackPanel>
    </Grid>
</DataTemplate>

我正在其他屏幕上使用这些功能。。。不过有一个问题！文本区域的定义比！高度设置为60。我的问题是，如何在没有任何高度设置的情况下实现这一点，这样就需要对textblock本身进行必要的设置。（但这可能行不通？）如果删除显式高度声明失败，您可以尝试srt MaxHeight。不完美，但总比没有好？我在其他屏幕上使用这些。。。不过有一个问题！文本区域的定义比！高度设置为60。我的问题是，如何在没有任何高度设置的情况下实现这一点，这样就需要对textblock本身进行必要的设置。（但这可能行不通？）如果删除显式高度声明失败，您可以尝试srt MaxHeight。不完美，但总比没有好？