1. 程式人生 > >WPF中繪畫和動畫(2)

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所示: