wp目前支持的图片格式为png和jpeg ，我们可以通过设置Source属性设置图片源.
还有两个属性是：Stretch,Opacity
Stretch属性
image的拉伸行为有此属性决定，此属性是一个枚举成员，有uniform,fill,uniformtofill,none;
（1）
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img" Source="psuCACFGYVT.jpg" ></Image>
</Grid>
此时属性：Stretch=“uniform”
说明：此时图片处于默认状态，图片会按照恰当的宽高比，同时拉伸到容器的大小，图片一般会水平或者垂直居中（这个取决于图片宽和高哪个长，同比例拉伸），uniform表示拉伸的程度上在横纵都相同，所以看不到图片有扭曲。
（2）
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img" Source="psuCACFGYVT.jpg" Stretch="Fill" ></Image>
</Grid>
此时属性：Stretch=“Fill”
说明：设置此属性值表示图片填充整个容器（拉伸比例不同），纵横防线方向的拉伸不同。
（3）
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img" Source="psuCACFGYVT.jpg" Stretch="UniformToFill" ></Image>
</Grid>
此时属性：Stretch="UniformToFill"
说明：设置此值表示在填充满容器的基础上，在纵横方向上保持了相同的拉伸程度，从而保证了宽高比；
（4）
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img" Source="psuCACFGYVT.jpg" Stretch="None" ></Image>
</Grid>
此时属性： Stretch="None"
说明：表示纵横都不拉伸
Opacity属性
此属性可以设置图片的透明度，可以设置０～１的值对透明度进行控制，0为最暗，1为图片原来亮度。
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img" Source="psuCACFGYVT.jpg" VerticalAlignment="Top" Opacity="0.1" Height="260">
</Image>
<Image x:Name="img1" Source="psuCACFGYVT.jpg" VerticalAlignment="Bottom" Opacity="0.9" />
</Grid>
可以看到这两个图片的对比，就是简单的透明度问题，此外你会发现，上面的图片设置了高度，其相应的宽度也按照高宽比进行了缩小；
OpacityMask属性
此属性是Brush类型对象， 可以设置元素的某一部分逐渐消失。
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img" Source="psuCACFGYVT.jpg" VerticalAlignment="Top" Opacity="0.8" >
<Image.OpacityMask>
<LinearGradientBrush>
<GradientStop Color="Wheat" Offset="0"></GradientStop>
<GradientStop Color="Wheat" Offset="0.5"></GradientStop>
<GradientStop Color="Transparent" Offset="1"></GradientStop>
</LinearGradientBrush>
</Image.OpacityMask>
</Image>
</Grid>
非常炫，话说这种效果处理照片的时候会用到。
倒影效果实现。
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Image x:Name="img1" VerticalAlignment="Top" Source="psuCACFGYVT.jpg"></Image>
<Image x:Name="img2" Source="psuCACFGYVT.jpg" VerticalAlignment="Top" RenderTransformOrigin="0.5 1" >
<Image.RenderTransform>
<ScaleTransform ScaleY="-1"></ScaleTransform>
</Image.RenderTransform>
<Image.OpacityMask>
<LinearGradientBrush StartPoint="0 0" EndPoint="0 1">
<GradientStop Offset="0" Color="#00000000"></GradientStop>
<GradientStop Offset="1" Color="#40000000"></GradientStop>
</LinearGradientBrush>
</Image.OpacityMask>
</Image>
</Grid>
从上面代码中可以看到，我们设置了两个图片，其位置完全相同，然后我们在第二张图片中重新定义了旋转中心RenderTransformOrigin="0.5 1"，此点位置在第一张图片的底部位置，然后使用缩放属性ScaleY="-1" 这样就使图片发生了旋转，然后再在Y轴上从0到1设置逐渐消失的效果；虽然使用OpacityMask很炫，但是也不能随意使用，因为它会造成性能上的问题。