sdk/samples/WPFSamples/ImageElementExample/vb/formatconvertedexample.xaml

   1 <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   2   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   3     x:Class="ImageElementExample.FormatConvertedExample"
   4     Title="FormatConverted Example"
   5     Loaded="PageLoaded">
   6    <Page.Resources>
   7       <BitmapImage x:Key="masterImage" UriSource="/sampleImages/rocks.jpg" />
   8    </Page.Resources>
   9
  10   <DockPanel>
  11       <Border DockPanel.Dock="Top" Background="Black">
  12          <TextBlock Foreground="White" HorizontalAlignment="Stretch" FontSize="20">
  13             Format Converting an Image Element
  14          </TextBlock>
  15       </Border>
  16       <TextBlock DockPanel.Dock="Top" Style="{StaticResource Header1}">Original Image</TextBlock>
  17       <Border DockPanel.Dock="Top" Margin="0,0,0,10">
  18          <Image Width="200" Source="{StaticResource masterImage}" />
  19       </Border>
  20       <Grid Name="convertedGrid" Background="{StaticResource CheckeredBrushResource}"
  21          DockPanel.Dock="Top"
  22          ShowGridLines="True"
  23          VerticalAlignment="Top"
  24          HorizontalAlignment="Center">
  25          <Grid.ColumnDefinitions>
  26             <ColumnDefinition Width="Auto" />
  27             <ColumnDefinition Width="Auto" />
  28          </Grid.ColumnDefinitions>
  29          <Grid.RowDefinitions>
  30             <RowDefinition Height="Auto" />
  31             <RowDefinition Height="Auto" />
  32             <RowDefinition Height="Auto" />
  33          </Grid.RowDefinitions>
  34          <TextBlock Style="{StaticResource Header1}" Margin="5"
  35             Grid.Column="0" Grid.Row="0">Grayscale Converted in XAML</TextBlock>
  36          <!-- Grayscale XAML Image based on page resource -->
  37          <Image Width="200" Grid.Column="0" Grid.Row="1">
  38             <Image.Source>
  39                <FormatConvertedBitmap Source="{StaticResource masterImage}"  DestinationFormat="Gray4" />
  40             </Image.Source>
  41          </Image>
  42          <TextBlock Style="{StaticResource Header1}" Margin="5"
  43             Grid.Column="1" Grid.Row="0">
  44             Grayscale Converted in Code
  45          </TextBlock>
  46       </Grid>
  47    </DockPanel>
  48 </Page>