WPF中绘画和动画（2）

一、以下一一讲解：

1． 直线

直线是最简单的图形。使用X1、Y1 两个属性可以设置它的起点坐标，X2、Y2俩个属性则用来设置其终点坐标。控制起点/终点坐标就可以实现平行、交错等效果。Stroke（笔触）属性的数据类型是Brush（画刷），凡是Brush的派生类均可用于给这个属性赋值。因为WPF提供了多种渐变色画刷，所以画直线也可以画出渐变效果。同时，Line的一些属性还帮助我们画出虚线以及控制线段终点的形状。

以下的例子综合了这些属性：

<Window x:Class="WpfApplication1.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Lines" Height="260" Width="300">

    <Grid>

        <Line X1="10" Y1="20" X2="260" Y2="20"/>

        <Line X1="10" Y1="40" X2="260" Y2="40" Stroke="Orange" StrokeThickness="6"/>

        <Line X1="10" Y1="60" X2="260" Y2="60" Stroke="Green" StrokeThickness="3"/>

        <Line X1="10" Y1="80" X2="260" Y2="80" Stroke="Purple" StrokeThickness="2"/>

        <Line X1="10" Y1="100" X2="260" Y2="100" Stroke="Black" StrokeThickness="1"/>      

        <Line X1="10" Y1="120" X2="260" Y2="120" StrokeDashArray="3" Stroke="Black" StrokeThickness="1"/>

        <Line X1="10" Y1="140" X2="260" Y2="140" StrokeDashArray="5" Stroke="Black" StrokeThickness="1"/>

        <Line X1="10" Y1="160" X2="260" Y2="160" Stroke="Black" StrokeEndLineCap="Flat" StrokeThickness="6"/>

        <Line X1="10" Y1="180" X2="260" Y2="180" Stroke="Black" StrokeEndLineCap="Triangle" StrokeThickness="8"/>

        <Line X1="10" Y1="200" X2="260" Y2="200" StrokeEndLineCap="Round" StrokeThickness="10">

            <Line.Stroke>

                <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,0.5">

                    <GradientStop Color="Blue"/>

                    <GradientStop Offset="1"/>

                </LinearGradientBrush>

            </Line.Stroke>

        </Line>      

    </Grid>

</Window>

实际效果如图1所示：