有时，我们为了方便查看WPF图形的样式及比例等，需要一些辅助性的格线，置于图形、图像的背景中。
比如下图，就是为了更清晰地查看折线的图形，我们画了用于标示位置大小的背景格：
那么，怎么绘制这样的格子呢？
为了更通用些，我把它做成资源的形式，放到app.xaml文件中的 节内：
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Microsoft.Samples.Graphics.app"
Startup="myAppStartingUp">
MyGridBorderStyle</font></strong>"><br> <Setter Property="<strong>Border.Background</strong>" Value="{StaticResource <strong>MyGridBrushResource</strong>}"/><br> <Setter Property="Border.HorizontalAlignment" Value="Center"/><br> <Setter Property="Border.VerticalAlignment" Value="Top"/><br> <Setter Property="Border.BorderBrush" Value="Black"/><br> <Setter Property="Border.BorderThickness" Value="1"/><br>
其中，Viewport="0,0,10,10"中的10,10表示格子的像素宽度、高度值。
使用方法：
// PolylineExample.xaml
http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="BrawDraw.Com.WPF.Graphics.PolylineExample"
WindowTitle="Polyline Example">
MyGridBorderStyle}">
Points="10,110 60,10 110,110"
Stroke="Black"
StrokeThickness="4" />
Points="10,110 110,110 110,10"
Stroke="Black"
StrokeThickness="4"
Canvas.Left="150" />
C#代码：
// PolylineExample.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Media;
using System.Windows.Media.Animation;
namespace BrawDraw.Com.WPF.Graphics
{
public partial class PolylineExample : Page
{
public PolylineExample()
{
InitializeComponent();
}
}
}
