C# WPF编程-画刷（Brush）添补图形对象的颜色或图案

1.SolidColorBrush

• SolidColorBrush是最简单的画刷范例，用于以纯色添补地区。
  

1. <Rectangle Width="100" Height="100">
2.     <Rectangle.Fill>
3.         <SolidColorBrush Color="Blue"/>
4.     </Rectangle.Fill>
5. </Rectangle>

复制代码

或者代码实现

1. var rectangle = new Rectangle { Width = 100, Height = 100 };
2. rectangle.Fill = new SolidColorBrush(Colors.Blue);

复制代码

2.LinearGradientBrush

LinearGradientBrush用于创建线性渐变效果，可以指定多个颜色停止点（GradientStop）来定义渐变的颜色过渡。

1. <Rectangle Width="200" Height="100">
2.     <Rectangle.Fill>
3.         <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
4.             <GradientStop Color="Yellow" Offset="0.0" />
5.             <GradientStop Color="Red" Offset="0.25" />
6.             <GradientStop Color="Blue" Offset="0.75" />
7.             <GradientStop Color="LimeGreen" Offset="1.0" />
8.         </LinearGradientBrush>
9.     </Rectangle.Fill>
10. </Rectangle>

复制代码

3. RadialGradientBrush

RadialGradientBrush与LinearGradientBrush雷同，但它创建的是基于圆心向外辐射的渐变效果。

1. <Ellipse Width="200" Height="100">
2.     <Ellipse.Fill>
3.         <RadialGradientBrush Center="0.5,0.5" GradientOrigin="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
4.             <GradientStop Color="Yellow" Offset="0" />
5.             <GradientStop Color="Red" Offset="0.25" />
6.             <GradientStop Color="Blue" Offset="0.75" />
7.             <GradientStop Color="LimeGreen" Offset="1" />
8.         </RadialGradientBrush>
9.     </Ellipse.Fill>
10. </Ellipse>

复制代码

4. ImageBrush
ImageBrush允许利用图像作为添补内容。

1. <Rectangle Width="200" Height="100">
2.     <Rectangle.Fill>
3.         <ImageBrush ImageSource="Images/Linux-logo.png"/>
4.     </Rectangle.Fill>
5. </Rectangle>

复制代码

5. DrawingBrush

DrawingBrush可用于绘制矢量图形或位图作为添补内容。

1. <Rectangle Width="200" Height="100">
2.     <Rectangle.Fill>
3.         <DrawingBrush>
4.             <DrawingBrush.Drawing>
5.                 <GeometryDrawing Geometry="M0,0 L1,0 0,1 Z">
6.                     <GeometryDrawing.Brush>
7.                         <SolidColorBrush Color="Red"/>
8.                     </GeometryDrawing.Brush>
9.                 </GeometryDrawing>
10.             </DrawingBrush.Drawing>
11.         </DrawingBrush>
12.     </Rectangle.Fill>
13. </Rectangle>

复制代码

6. VisualBrush

VisualBrush允许你用另一个UI元素的内容作为添补内容。

1. <Rectangle Width="200" Height="100">
2.     <Rectangle.Fill>
3.         <VisualBrush>
4.             <VisualBrush.Visual>
5.                 <TextBlock Text="Hello, WPF!" FontSize="20"/>
6.             </VisualBrush.Visual>
7.         </VisualBrush>
8.     </Rectangle.Fill>
9. </Rectangle>

复制代码

综合示例

1. <Window x:Class="WpfBaseDemo.Window1"
2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6.         xmlns:local="clr-namespace:WpfBaseDemo"
7.         mc:Ignorable="d"
8.         Title="Window1" Height="450" Width="800">
9.     <Grid>
10.         <!-- 定义行 -->
11.         <Grid.RowDefinitions>
12.             <RowDefinition/>
13.             <RowDefinition/>
14.             <RowDefinition/>
15.         </Grid.RowDefinitions>
16.         
17.         <!-- 定义列 -->
18.         <Grid.ColumnDefinitions>
19.             <ColumnDefinition/>
20.             <ColumnDefinition/>
21.             <ColumnDefinition/>
22.         </Grid.ColumnDefinitions>
23.         
24.         
25.         <Rectangle Grid.Row="0" Grid.Column="0">
26.             <Rectangle.Fill>
27.                 <SolidColorBrush Color="Blue" Opacity="0.8"/>
28.             </Rectangle.Fill>
29.         </Rectangle>
31.         <Rectangle Grid.Row="0" Grid.Column="1">
32.             <Rectangle.Fill>
33.                 <LinearGradientBrush StartPoint="0 0" EndPoint="1 1">
34.                     <GradientStop Offset="0.00" Color="Yellow"/>
35.                     <GradientStop Offset="0.25" Color="Red"/>
36.                     <GradientStop Offset="0.50" Color="Blue"/>
37.                     <GradientStop Offset="0.75" Color="LimeGreen"/>
38.                 </LinearGradientBrush>
39.             </Rectangle.Fill>
40.         </Rectangle>
42.         <Ellipse Grid.Row="0" Grid.Column="2">
43.             <Ellipse.Fill>
44.                 <RadialGradientBrush Center="0.5 0.5" GradientOrigin="0.5 0.5" RadiusX="0.5" RadiusY="0.5">
45.                     <GradientStop Offset="0.00" Color="Yellow"/>
46.                     <GradientStop Offset="0.25" Color="Red"/>
47.                     <GradientStop Offset="0.75" Color="Blue"/>
48.                     <GradientStop Offset="1.00" Color="LimeGreen"/>
49.                 </RadialGradientBrush>
50.             </Ellipse.Fill>
51.         </Ellipse>
53.         <Rectangle Grid.Row="1" Grid.Column="0">
54.             <Rectangle.Fill>
55.                 <ImageBrush ImageSource="Images/Linux-logo.png" Stretch="Uniform" AlignmentX="Left" AlignmentY="Top"/>
56.             </Rectangle.Fill>
57.         </Rectangle>
59.         <Rectangle Grid.Row="1" Grid.Column="1">
60.             <Rectangle.Fill>
61.                 <DrawingBrush>
62.                     <DrawingBrush.Drawing>
63.                         <GeometryDrawing Geometry="M0,0 L1,0 0,1 Z">
64.                             <GeometryDrawing.Brush>
65.                                 <SolidColorBrush Color="Red"/>
66.                             </GeometryDrawing.Brush>
67.                         </GeometryDrawing>
68.                     </DrawingBrush.Drawing>
69.                 </DrawingBrush>
70.             </Rectangle.Fill>
71.         </Rectangle>
73.         <Rectangle Grid.Row="1" Grid.Column="2">
74.             <Rectangle.Fill>
75.                 <VisualBrush>
76.                     <VisualBrush.Visual>
77.                         <Canvas>
78.                             <TextBlock Text="Hello" FontSize="20" Opacity="0.6" Foreground="Red"/>
79.                             <Label Content="Hello"></Label>
80.                         </Canvas>
81.                     </VisualBrush.Visual>
82.                 </VisualBrush>
83.             </Rectangle.Fill>
84.         </Rectangle>
85.     </Grid>
86. </Window>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。