WPF - Как я могу сделать кисть, которая рисует графоподобные квадраты? - PullRequest
Новая
       24

WPF - Как я могу сделать кисть, которая рисует графоподобные квадраты?

18 голосов
/ 30 апреля 2009

Как я могу создать кисть, которая рисует регулярную, повторяющуюся сетку из толстых линий в 1 единицу, равномерно распределенных по горизонтальной и вертикальной осям? Представьте себе миллиметровку, если хотите.

В идеале решение позволит контролировать кисти, используемые для линий и фона (области внутри квадратов). Таким образом, фон может быть прозрачным, чтобы сетка могла служить наложением.

РЕДАКТИРОВАТЬ Вот изображение, которое показывает результат ответа Тома ниже:

image

В этом примере сетка использовалась для объединения трех слоев, чтобы показать, что сетка действительно прозрачна.

Ответы [ 4 ]

25 голосов
/ 30 апреля 2009

от 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>
2 голосов
/ 30 апреля 2009

Вы можете сделать это в XAML, используя VisualBrush. Например, - это запись в блоге , в которой для создания заштрихованной кисти используется VisualBrush. Это очень близко к сетке - и было бы довольно легко преобразовать через.

2 голосов
/ 30 апреля 2009

Используйте 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

1 голос
/ 12 февраля 2010

Я использовал растровое изображение 16x16 с левым и нижним краями черного цвета. Затем в моем окне я установил фон, чтобы использовать это, плиточный. Вот XAML (слегка измененный, чтобы показать). 

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