图像处理分为
- 拉伸图像:通过设置Streth属性实现图像的拉伸
- 裁切图像:通过设置Clip属性裁切图像
- 使用图像输入文字:ImageBrush元素实现使用图像输入文字
- 创建图像
可以使用Image或者ImageBrush对象来创建一副图像Image元素默认情况下会完整显示图片的大小
代码
<Grid x:Name="ContentGrid">
<Image Source="/Images/hmbb.jpg" />
</Grid>
这是没有设置图片大小的一个结果,它是默认的画布大小
效果图
- 拉伸图像
代码
<Grid x:Name="ContentGrid" Grid.Row="1">
<Image Source="/Images/hmbb.jpg" Width="500" Height="500" Stretch="None"/>
</Grid>
通过设置图片的大小来进行拉伸处理,通过长、宽和位置的处理得出一个500的矩形图像。属性值、None是原始尺寸,Fill是填充
效果图
- 裁切图像
代码
<Grid x:Name="ContentGrid" Grid.Row="1">
<Image Source="/Images/hmbb.jpg" Width="500" Height="500"/>
<Image.Clip>
<RectangleGeometry Rect="50, 50 240, 240"/>
</Image.Clip>
</Grid>
使用了RectangleGeometry属性调整图片的位置
效果图
- 使用图像输入文字
代码
<Grid x:Name="ContentGrid" Grid.Row="1">
<TextBlock FontSize="150" FontStyle="Italic" FontWeight="Bold"> HAI
<TextBlock.Foreground>
<ImageBrush ImageSource="/Images/hmbb.jpg" />
</TextBlock.Foreground></TextBlock>
</Grid>
使用了TextBlock属性把图片和文字贴合
效果图
- 透明特效
代码
<Grid x:Name="ContentGrid" Grid.Row="1">
<Image Source="Images/hmbb.jpg" Width="500" Height="500" Opacity="0.5" />
</Grid>
使用了Opacity属性,透明度为0.5
效果图