Step 3 : The MainPage.xaml file is as in the following code:
Code :
<Page
x:Class="App1.MainPage"
IsTabStop="false"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App5"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<BitmapImage x:Key="bi" UriSource="ims.jpg"/>
</Page.Resources>
<Grid Background="Beige" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="442*"></ColumnDefinition>
<ColumnDefinition Width="469*"></ColumnDefinition>
<ColumnDefinition Width="455*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height=".033*"></RowDefinition>
<RowDefinition Height=".333*"></RowDefinition>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Text="Image Reflection in Metro Apps"
Foreground="Red" FontSize="30" FontWeight="ExtraBold"
HorizontalAlignment="Center" VerticalAlignment="Bottom"
Grid.ColumnSpan="2" Margin="430,0,10,0" Width="471"/>
<Canvas Margin="47,54,413,0" RenderTransformOrigin="0.5,0.5"
Grid.Column="1" Grid.Row="1" UseLayoutRounding="False"
d:LayoutRounding="Auto">
<Canvas.RenderTransform>
<CompositeTransform Rotation="0.35"/>
</Canvas.RenderTransform>
<Rectangle x:Name="myrect" Canvas.Left="-47" Canvas.Top="-38"
Width="446" Height="229">
<Rectangle.Fill>
<ImageBrush ImageSource="{StaticResource bi}"/>
</Rectangle.Fill>
</Rectangle>
<Rectangle Canvas.Left="-47" Canvas.Top="418" Width="445"
Height="227" Opacity=".8">
<Rectangle.Fill>
<ImageBrush ImageSource="{StaticResource bi}"/>
</Rectangle.Fill>
<Rectangle.RenderTransform>
<TransformGroup>
<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleY="-1"/>
</TransformGroup>
</Rectangle.RenderTransform>
</Rectangle>
</Canvas>
</Grid>
</Page>