blocks|key|341637|text|使用DrawingBrush。绘图可以包含形状、图像、文本和媒体。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|341638|下面的示例使用DrawingBrush绘制矩形的填充。|341639|Rectangle+exampleRectangle+=+new+Rectangle();
exampleRectangle.Width+=+75;
exampleRectangle.Height+=+75;

//+Create+a+DrawingBrush+and+use+it+to
//+paint+the+rectangle.
DrawingBrush+myBrush+=+new+DrawingBrush();

GeometryDrawing+backgroundSquare+=
++++new+GeometryDrawing(
++++++++Brushes.White,
++++++++null,
++++++++new+RectangleGeometry(new+Rect(0,+0,+100,+100)));

GeometryGroup+aGeometryGroup+=+new+GeometryGroup();
aGeometryGroup.Children.Add(new+RectangleGeometry(new+Rect(0,+0,+50,+50)));
aGeometryGroup.Children.Add(new+RectangleGeometry(new+Rect(50,+50,+50,+50)));

LinearGradientBrush+checkerBrush+=+new+LinearGradientBrush();
checkerBrush.GradientStops.Add(new+GradientStop(Colors.Black,+0.0));
checkerBrush.GradientStops.Add(new+GradientStop(Colors.Gray,+1.0));

GeometryDrawing+checkers+=+new+GeometryDrawing(checkerBrush,+null,+aGeometryGroup);

DrawingGroup+checkersDrawingGroup+=+new+DrawingGroup();
checkersDrawingGroup.Children.Add(backgroundSquare);
checkersDrawingGroup.Children.Add(checkers);

myBrush.Drawing+=+checkersDrawingGroup;
myBrush.Viewport+=+new+Rect(0,+0,+0.25,+0.25);
myBrush.TileMode+=+TileMode.Tile;

exampleRectangle.Fill+=+myBrush;|code-block|syntax|javascript|341640|来源：MSDN:+WPF+Brushes+Overview|offset|length|341641|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/aa970904.aspx^0|0|0|0|3|Q|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Use a DrawingBrush. A Drawing can contain shapes, images, text, and media. 

The following example uses a DrawingBrush to paint the Fill of a Rectangle.

<pre><code>Rectangle exampleRectangle = new Rectangle();
exampleRectangle.Width = 75;
exampleRectangle.Height = 75;

// Create a DrawingBrush and use it to
// paint the rectangle.
DrawingBrush myBrush = new DrawingBrush();

GeometryDrawing backgroundSquare =
 new GeometryDrawing(
 Brushes.White,
 null,
 new RectangleGeometry(new Rect(0, 0, 100, 100)));

GeometryGroup aGeometryGroup = new GeometryGroup();
aGeometryGroup.Children.Add(new RectangleGeometry(new Rect(0, 0, 50, 50)));
aGeometryGroup.Children.Add(new RectangleGeometry(new Rect(50, 50, 50, 50)));

LinearGradientBrush checkerBrush = new LinearGradientBrush();
checkerBrush.GradientStops.Add(new GradientStop(Colors.Black, 0.0));
checkerBrush.GradientStops.Add(new GradientStop(Colors.Gray, 1.0));

GeometryDrawing checkers = new GeometryDrawing(checkerBrush, null, aGeometryGroup);

DrawingGroup checkersDrawingGroup = new DrawingGroup();
checkersDrawingGroup.Children.Add(backgroundSquare);
checkersDrawingGroup.Children.Add(checkers);

myBrush.Drawing = checkersDrawingGroup;
myBrush.Viewport = new Rect(0, 0, 0.25, 0.25);
myBrush.TileMode = TileMode.Tile;

exampleRectangle.Fill = myBrush;
</code></pre>

Source: <a href="http://msdn.microsoft.com/en-us/library/aa970904.aspx" rel="nofollow noreferrer">MSDN: WPF Brushes Overview</a>

blocks|key|3328538|text|您可以使用VisualBrush在XAML中完成此操作。作为为您提供起点的示例，使用VisualBrush创建带阴影的画笔的here+is+a+blog+post。它非常接近网格-而且转换起来相当容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3328539|entityMap|0|LINK|mutability|MUTABLE|url|http://mark-dot-net.blogspot.com/2007/06/creating-hatched-patterned-brush-in-wpf.html^0|1Q|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can do this in XAML using a VisualBrush. As a sample to give you a starting point, <a href="http://mark-dot-net.blogspot.com/2007/06/creating-hatched-patterned-brush-in-wpf.html" rel="nofollow noreferrer">here is a blog post</a> that uses VisualBrush to create a hatched brush. It's very close to a grid - and would be fairly easy to convert across.

blocks|key|346497|text|来自http://msdn.microsoft.com/en-us/library/aa480159.aspx|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|346498|<DrawingBrush+Viewport="0,0,10,10"+
++++++++++++++ViewportUnits="Absolute"
++++++++++++++TileMode="Tile">
++<DrawingBrush.Drawing>
++++<DrawingGroup>
++++++<GeometryDrawing+Geometry="M0,0+L1,0+1,0.1,+0,0.1Z"+Brush="Green"+/>
++++++<GeometryDrawing+Geometry="M0,0+L0,1+0.1,1,+0.1,0Z"+Brush="Green"+/>
++++</DrawingGroup>
++</DrawingBrush.Drawing>
</DrawingBrush>|code-block|syntax|javascript|346499|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/aa480159.aspx^0|2|1H|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

from <a href="http://msdn.microsoft.com/en-us/library/aa480159.aspx" rel="noreferrer">http://msdn.microsoft.com/en-us/library/aa480159.aspx</a>

<pre><code>&lt;DrawingBrush Viewport="0,0,10,10" 
 ViewportUnits="Absolute"
 TileMode="Tile"&gt;
 &lt;DrawingBrush.Drawing&gt;
 &lt;DrawingGroup&gt;
 &lt;GeometryDrawing Geometry="M0,0 L1,0 1,0.1, 0,0.1Z" Brush="Green" /&gt;
 &lt;GeometryDrawing Geometry="M0,0 L0,1 0.1,1, 0.1,0Z" Brush="Green" /&gt;
 &lt;/DrawingGroup&gt;
 &lt;/DrawingBrush.Drawing&gt;
&lt;/DrawingBrush&gt;
</code></pre>

blocks|key|343947|text|我使用了一个16x16的位图，左边和底边都是黑色的。然后在我的窗口中，我将背景设置为使用平铺。这是XAML+(稍作修改以显示)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|343948|<Window.Background>
++<ImageBrush+ImageSource="/GraphPaper;component/Background.bmp"
++++++++++++++Stretch="None"+TileMode="Tile"
++++++++++++++Viewport="0,0,16,16"+ViewportUnits="Absolute"+/>
</Window.Background>|code-block|syntax|javascript|343949|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I used a 16x16 bitmap with the left and bottom edges black. Then in my window, I set the background to use that, tiled. 
Here's the XAML (Slightly altered to show up).

<pre><code>&lt;Window.Background&gt;
 &lt;ImageBrush ImageSource="/GraphPaper;component/Background.bmp"
 Stretch="None" TileMode="Tile"
 Viewport="0,0,16,16" ViewportUnits="Absolute" /&gt;
&lt;/Window.Background&gt;
</code></pre>

How might I create a brush that paints a regular, repeated grid of 1-unit thick lines spaced evenly in both the horizontal and vertical axes? Imagine graph paper, if you will.

Ideally the solution would allow control over the brushes used for the lines and the background (the regions within the squares). In this way the background could be transparent, so that the grid could serve as an overlay.

EDIT Here is an image that shows the result of Tom's answer below:

<img src="https://i.imgur.com/OE0GL.png"/>

For this example a grid was used to composite three layers to show that the grid is truly transparent.

WPF - How can I make a brush that paints graph-paper-like squares?

如何创建一个画笔来绘制在水平轴和垂直轴上均匀分布的1单位粗线的规则重复网格？想象一下图表纸，如果你愿意的话。理想情况下，该解决方案将允许控制用于线条和背景(方块内的区域)的画笔。通过这种方式，背景可以是透明的，这样网格就可以作为覆盖。编辑这里是一张图片，显示了汤姆的回答结果如下：​​在这个例子中，网格被用来合成三个层，...

问WPF -怎样才能让画笔画出像纸一样的正方形呢？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WPF -怎样才能让画笔画出像纸一样的正方形呢？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WPF -怎样才能让画笔画出像纸一样的正方形呢？
EN