【WPF】绘图--《深入浅出WPF》by刘铁锰

 WPF的基本图形包括以下几类（都是Shape类的派生类）：

• Line：直线段，可以设置其笔触（Stroke）
• Rectangle：矩形，既有笔触，又有填充（Fill）
• Elippse：椭圆。既有笔触，又有填充
• Polygon：多边形。既有笔触，又有填充
• Polyline：折线（不闭合），多条收尾相接的直线段组成
• Path：路径（闭合区域），可由若干直线、圆弧、贝塞尔曲线等基本元素组成

1、直线

直线是最简单的图形，使用X1，Y1两个属性设置起点坐标，使用X2，Y2两个属性设置终点坐标。Stroke属性的数据类型是Brush，凡是Brush的派生类都可以用于为这个属性赋值。

使用各种画刷填充矩形的综合实例：

<Window x:Class="Demo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Demo"
        mc:Ignorable="d"
        Title="MainWindow" Height="260" Width="280">
    <Grid>
        <!--Stroke:边框绘制方式，默认值为null-->
        <Line X1="10" Y1="20" X2="260" Y2="20" Stroke="Red" StrokeThickness="10"/>
        <Line X1="10" Y1="40" X2="260" Y2="40" Stroke="Red" StrokeThickness="5"/>
        <!--StrokeDashArray：虚线轮廓和间隙的模式-->
        <Line X1="10" Y1="60" X2="260" Y2="60" Stroke="Yellow" StrokeThickness="5" StrokeDashArray="3"/>
        <Line X1="10" Y1="80" X2="260" Y2="80" Stroke="Yellow" StrokeThickness="3" StrokeDashArray="5"/>
        <!--StrokeEndLineCap：获取或设置线的末端，默认值Flat
            StrokeDashCap：获取或设置线的末端，默认值Flat-->
        <Line X1="10" Y1="100" X2="260" Y2="100" Stroke="orange" StrokeThickness="10" StrokeEndLineCap="Flat"/>
        <Line X1="10" Y1="120" X2="260" Y2="120" Stroke="orange" StrokeThickness="10" StrokeEndLineCap="Round"/>
        <Line X1="10" Y1="140" X2="260" Y2="140" Stroke="orange" StrokeThickness="10" StrokeEndLineCap="Square"/>
        <Line X1="10" Y1="160" X2="260" Y2="160" Stroke="orange" StrokeThickness="10" StrokeEndLineCap="Triangle"/>
        <Line X1="10" Y1="160" X2="260" Y2="160" StrokeThickness="10" StrokeEndLineCap="Triangle">
            <Line.Stroke>
                <LinearGradientBrush EndPoint="0 0.5" StartPoint="1 0.5">
                    <GradientStop Color="Black"/>
                    <!--Offset：获取渐变向量中，渐变停止点的位置-->
                    <GradientStop Offset="1"/>
                </LinearGradientBrush>
            </Line.Stroke>
        </Line>
    </Grid>
</Window>

 

2、矩形

矩形的Fill属性的数据类型是Brush。Brush是抽象类，所以不能拿Brush类的实例为Fill属性赋值，只能使用其派生类的实例赋值。

WPF系统中包含了丰富的Brush类型，常用的有：

• SolidColorBrush：实心画刷
• LinearGradientBrush：线性渐变画刷。色彩沿设定的直线方向、按设定的变化点进行渐变
• RadialGradientBrush：径向渐变画刷。色彩沿半径的方向、按设定的变化点进行渐变形成圆形填充
• ImageBrush：使用图片ÿ