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 に答える