1

例子

如何在 XAML 中创建以下图像示例?(所以图像顶部的绿色叠加层)当我添加图像和边框(其中包含一个文本块)时,边框也将始终拉伸到全高,而不是文本块中文本所需的高度。

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

4

1 回答 1

1

看看 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>
于 2012-06-07T15:23:19.250 回答