WPF中Brush类型

画刷Brush使用

画刷类

• SolidColorBrush
• LinearGradientBrush
• RadialGradientBrush
• ImageBrush
• VisualBrush
• DrawingBrush

SolidColorBrush

SolidColorBrush是最常用到的画刷类，它的构造最简单，一种纯色画刷。

通常可通过Brushes来获取系统预先定义好的颜色画刷,也可以自己创建。例如：

Brush red = Brushes.Red;//红色画刷

Brush green = Brushes.Green;//绿色画刷

Brush blue = Brushes.Blue;//蓝色画刷

SolidColorBrush red = new SolidColorBrush(Colors.Red);//红色画刷

在xaml中使用纯色画刷也很方便：

<Grid Background="Blue">

</Grid>

<Grid Background="#FF952C7D">

<Grid/>

LinearGradientBrush

LinearGradientBrush是线性渐变画刷。

<Grid.Background>

    <LinearGradientBrush  MappingMode="RelativeToBoundingBox"  ColorInterpolationMode="ScRgbLinearInterpolation"  StartPoint="0,0" EndPoint="1,1">

        <GradientStopCollection>

            <GradientStop Color="Red" Offset="0.2"/>

            <GradientStop Color="Blue" Offset="0.5"/>

            <GradientStop Color="Green" Offset="0.8"/>

        </GradientStopCollection>

    </LinearGradientBrush>

</Grid.Background>

其中GradientStop用于设置渐变颜色

RadialGradientBrush

RadialGradientBrush是径向渐变

<Grid.Background>

    <RadialGradientBrush RadiusX="1" RadiusY="1" Center="0.1,0.2" GradientOrigin="0.2,0.2">

        <GradientStopCollection>

            <GradientStop Color="Red" Offset="0.2"/>

            <GradientStop Color="Blue" Offset="0.6"/>

            <GradientStop Color="Green" Offset="0.8"/>

        </GradientStopCollection>

    </RadialGradientBrush>

</Grid.Background>

ImageBrush

ImageBrush与剩余两种都继承于TileBrush类。ImageBrush是图片画刷，可以设置图片作为画刷来使用。

<Grid.Background>

    <ImageBrush Stretch="Fill" Viewport="0,0,0.1,0.1" ViewportUnits="RelativeToBoundingBox" TileMode="Tile" ImageSource="/Images/ico_head.png"/>

</Grid.Background>

其中Stretch属性与Image中的属性效果一样，表示该图片在一定区域内的表现形式。

TileMode表示填充的方式。

TileMode="Tile"



TileMode="FlipX"



TileMode="FlipXY"



TileModel="FlipY"



可以发现设置不同的TileMode的值，所表现出来的效果是有很大不同的。

Viewport属性用于设置显示区域的大小。它与ViewportUnits一块配合使用。

ViewportUnits默认是相对值。

VisualBrush

可以将一般的图形设置为背景

<Grid.Background>

    <VisualBrush TileMode="Tile" Viewbox="0,0,2,2" Viewport="0,0,0.1,0.1">

        <VisualBrush.Visual>

            <TextBlock Text="  水印文本  "/>

        </VisualBrush.Visual>

    </VisualBrush>

</Grid.Background>

DrawingBrush

DrawingBrush可以使用绘制

<Grid.Background>

    <DrawingBrush Viewport="0,0,200,220" ViewportUnits="Absolute" TileMode="Tile">

        <DrawingBrush.Drawing>

            <DrawingGroup>

                <GeometryDrawing Brush="White">

                    <GeometryDrawing.Geometry>

                        <RectangleGeometry Rect="0,0,200,220"/>

                    </GeometryDrawing.Geometry>

                </GeometryDrawing>

                <GeometryDrawing Pen="{StaticResource SolidLine}" Geometry="M0,0 L200,0 200,200 0,200z"/>

                <GeometryDrawing Pen="{StaticResource DottedLine}" Geometry="M100,0 L100,200"/>

                <GeometryDrawing Pen="{StaticResource DottedLine}" Geometry="M0,100 L200,100"/>

                <GeometryDrawing Geometry="M0,210 L200,210">

                    <GeometryDrawing.Pen>

                        <Pen Brush="Transparent" Thickness="10"/>

                    </GeometryDrawing.Pen>

                </GeometryDrawing>

            </DrawingGroup>

        </DrawingBrush.Drawing>

    </DrawingBrush>

</Grid.Background>