Crear cepillo de banda en WPF

Question

¿Cómo puedo crear un pincel (DrawingBrush) de rayas como se muestra en el blog:

http://blog.pixelingene.com/2008/09/quick-tip-to-get-a-striped-background/

no puedo usarlo, ya que utiliza la transformada de escala, lo que significa que si el El elemento de la interfaz de usuario es pequeño, las franjas son prácticamente invisibles o muy juntas.

No puedo usar el pincel de imagen porque necesito unir los colores.

Answer 1

Crea un patrón de rayas en ángulo de 45 grados hacia abajo. Alter ventana gráfica para cambiar el tamaño de rayas

<DrawingBrush Stretch="UniformToFill" ViewportUnits="Absolute" Viewport="0,0,10,10" TileMode="Tile"> 
    <DrawingBrush.Drawing> 
     <DrawingGroup> 
      <DrawingGroup.Children> 
       <GeometryDrawing Brush="Black"> 
        <GeometryDrawing.Geometry> 
         <GeometryGroup FillRule="Nonzero"> 
          <PathGeometry> 
           <PathFigure StartPoint="0,0"> 
            <LineSegment Point="100,0"/> 
            <LineSegment Point="100,100"/> 
            <LineSegment Point="0,100"/> 
           </PathFigure> 
          </PathGeometry> 
         </GeometryGroup> 
        </GeometryDrawing.Geometry> 
       </GeometryDrawing> 
       <GeometryDrawing Brush="#FF404040"> 
        <GeometryDrawing.Geometry> 
         <GeometryGroup FillRule="Nonzero"> 
          <PathGeometry> 
           <PathFigure StartPoint="0,0"> 
            <LineSegment Point="25,0"/> 
            <LineSegment Point="100,75"/> 
            <LineSegment Point="100,100"/> 
            <LineSegment Point="75,100"/> 
            <LineSegment Point="0,25"/> 
            <LineSegment Point="0,0"/> 
           </PathFigure> 
           <PathFigure StartPoint="75,0"> 
            <LineSegment Point="100,25"/> 
            <LineSegment Point="100,0"/> 
           </PathFigure> 
           <PathFigure StartPoint="0,75"> 
            <LineSegment Point="25,100"/> 
            <LineSegment Point="0,100"/> 
           </PathFigure> 
          </PathGeometry> 
         </GeometryGroup> 
        </GeometryDrawing.Geometry> 
       </GeometryDrawing> 
      </DrawingGroup.Children> 
     </DrawingGroup> 
    </DrawingBrush.Drawing> 
</DrawingBrush> 

Alternativamente se podría obligar a la escala de transformar a la altura y anchura del control usando unión múltiple. Luego, con un convertidor, modificas la escala al máximo de alto o ancho, y las rayas seguirán siendo del mismo tamaño.

Answer 2

sólo tiene que utilizar MappingMode = "absoluta":

<LinearGradientBrush MappingMode="Absolute" x:Key="HatchBrush" StartPoint="0,0" EndPoint="4,4" SpreadMethod="Repeat"> 
    <GradientStop Offset="0" Color="LightCoral"/> 
    <GradientStop Offset="0.75" Color="LightCoral"/> 
    <GradientStop Offset="0.75" Color="Gray"/> 
    <GradientStop Offset="1" Color="Gray"/> 
</LinearGradientBrush>