如何在WPF Canvas上绘制网格线？

我需要在WPF中在canvas上构建一个绘制网格线的函数：

void DrawGridLine(double startX, double startY, double stepX, double stepY, double slop, double width, double height) { // How to implement draw gridline here? } 

我怎么会这样呢？

Answer 1

你真的不必用WPF“画”任何东西。 如果要绘制线条，请使用适当的几何图形绘制线条。

在你的情况下，它可能很简单。 您只是绘制一个网格，因此您可以创建一个DrawingBrush来绘制单个网格方块并将其平铺以填充其余部分。 要绘制瓷砖，您可以将其视为绘制X的。 所以要有一个20x10图块（对应于stepX和stepY ）：

（ps，斜坡是多余的，因为你已经有水平和垂直步长）

这需要画线。 现在，为了能够在网格中从边缘绘制偏移量，您需要使用另一个画笔绘制一个具有所需尺寸的矩形，并填充您的图块。 所以要有一个起始位置(30, 45) （对应于startX和startY ）的width和height ， 130x120 ：

然后最后使用它，只需将其设置为网格（或其他面板）的背景：

以下是它最终的结果：

---

如果要动态生成画笔，这里是基于上述XAML的等效函数：

 static Brush CreateGridBrush(Rect bounds, Size tileSize) { var gridColor = Brushes.Black; var gridThickness = 1.0; var tileRect = new Rect(tileSize); var gridTile = new DrawingBrush { Stretch = Stretch.None, TileMode = TileMode.Tile, Viewport = tileRect, ViewportUnits = BrushMappingMode.Absolute, Drawing = new GeometryDrawing { Pen = new Pen(gridColor, gridThickness), Geometry = new GeometryGroup { Children = new GeometryCollection { new LineGeometry(tileRect.TopLeft, tileRect.BottomRight), new LineGeometry(tileRect.BottomLeft, tileRect.TopRight) } } } }; var offsetGrid = new DrawingBrush { Stretch = Stretch.None, AlignmentX = AlignmentX.Left, AlignmentY = AlignmentY.Top, Transform = new TranslateTransform(bounds.Left, bounds.Top), Drawing = new GeometryDrawing { Geometry = new RectangleGeometry(new Rect(bounds.Size)), Brush = gridTile } }; return offsetGrid; }