开发工具与关键技术:Visual Studio 2017
撰写时间:2019年6月25日
下面讲的是一个WPF中的图像处理,所有的UI元素都可以通过画刷的设置而改变它们的风格。使用不同的画刷对目标区域进行“绘制”会有不同的效果画刷种类:SolidColorBrush:单色实心画刷;LinearGradientBrush:线性渐变画刷;RadialGradientBrush:径向渐变画刷;ImageBrush:图片画刷。见流程图1:
图1
单色实心画刷:
<!--SolidColorBrush-->
<Rectangle Width="100" Height="100" Margin="81,45,637.4,247">
<Rectangle.Fill>
<SolidColorBrush Color="Red"></SolidColorBrush>
</Rectangle.Fill>
</Rectangle>
使用标签SolidcolorBrush;首先给Rectangle:矩形标签样式;再使用单色实心画刷标签,填充颜色。见效果图2:
线性渐变画笔:
<!--LinearGradientBrush-->
<Rectangle Width="300" Height="200" Margin="370,45,148.4,147">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
<GradientStop Color="Yellow" Offset="0.0"/>
<GradientStop Color="Red" Offset="0.25"/>
<GradientStop Color="Blue" Offset="0.75"/>
<GradientStop Color="LimeGreen" Offset="1.0"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
使用标签LinearGradientBrush;首先给Rectangle:矩形标签样式;然后使用LinearGradientBrush线性渐变画笔;GradientStop:渐变效果;见效果图3:
图3
图像画刷:
<!--ImageBrush-->
<Rectangle Margin="10,184,463.4,10">
<Rectangle.Fill>
<ImageBrush ImageSource="Images\net_err.png" Stretch="None"></ImageBrush>
</Rectangle.Fill>
</Rectangle>
使用标签ImageBrush;首先给Rectangle:矩形标签样式;再使用ImageBrush图像画刷标签;在ImageSource中放入图路径名称。见效果图4:
图像处理:
<!--图像处理-->
<Grid x:Name="ContentGrid">
<Image Source="Images\net_err.png" Opacity="0.5"/>
</Grid>
直接使用图片标签;在标签中添加透明标明:0.5透明度;属性值从0.0到1.0。值越小,越透明;见效果图5:
图5