WPF - ฉันจะสร้างแปรงที่วาดสี่เหลี่ยมคล้ายกระดาษกราฟได้อย่างไร

จาก http://msdn.microsoft.com/en-us/library/aa480159.aspx

<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>

ใช้แปรงวาดภาพ รูปวาดสามารถมีรูปร่าง รูปภาพ ข้อความ และสื่อได้

ตัวอย่างต่อไปนี้ใช้ DrawingBrush เพื่อระบายสีเติมของสี่เหลี่ยมผืนผ้า

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;

ที่มา: MSDN: ภาพรวมแปรง WPF

คุณสามารถทำได้ใน XAML โดยใช้ VisualBrush เป็นตัวอย่างเพื่อเป็นจุดเริ่มต้น นี่คือโพสต์บล็อกที่ใช้ VisualBrush เพื่อสร้างแปรงฟัก มันอยู่ใกล้กับตารางมาก - และจะค่อนข้างง่ายที่จะแปลงข้าม

ฉันใช้บิตแมป 16x16 โดยมีขอบด้านซ้ายและด้านล่างเป็นสีดำ จากนั้นในหน้าต่างของฉัน ฉันตั้งค่าพื้นหลังเพื่อใช้สิ่งนั้นแบบเรียงต่อกัน นี่คือ XAML (เปลี่ยนแปลงเล็กน้อยเพื่อให้ปรากฏขึ้น)

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