WPF прямоугольник, заполненный горизонтальными или вертикальными линиями

Question

Я пытаюсь создать один прямоугольник, заполненный горизонтальными или вертикальными линиями. Ширина прямоугольника является динамической, поэтому я не могу использовать кисть изображения. Пожалуйста, дайте мне знать, если кто-нибудь знает какое-либо решение.

Answer 1

Я нашел прямой способ сделать это; наконец, я использовал следующие ресурсы визуальной кисти, чтобы заполнить прямоугольник горизонтальными, вертикальными или пунктирными вертикальными линиями соответственно

   <!--for horizontal lines-->    
   <VisualBrush 
              x:Key="HorizontalLines" 
              TileMode="Tile" Viewport="0,0,4,4" 
              ViewportUnits="Absolute" Viewbox="0,0,10,10"    
              ViewboxUnits="Absolute">
            <VisualBrush.Visual>
                <Canvas>
                    <Path Stroke="Black" Data="M 0 10 l 10 0" />
                </Canvas>
            </VisualBrush.Visual>
        </VisualBrush>

        <!--For vertical lines-->
        <VisualBrush 
              x:Key="VerticalLines" 
              TileMode="Tile" Viewport="0,0,4,4" 
              ViewportUnits="Absolute" Viewbox="0,0,10,10"    
              ViewboxUnits="Absolute">
            <VisualBrush.Visual>
                <Canvas >            
                    <Path Stroke="Black" Data="M 0 0 l 0 10" />                        
                </Canvas>
            </VisualBrush.Visual>
        </VisualBrush>


         <!--For dotted vertical lines-->
        <VisualBrush 
                x:Key="DottedVerticalLinesWithFill" 
                TileMode="Tile" Viewport="0,0,10,10" 
                ViewportUnits="Absolute" Viewbox="0,0,10,10"    
                ViewboxUnits="Absolute">
            <VisualBrush.Visual>
                <Canvas>
                    <Path Stroke="Purple" Data="M 0 5l 0 -10" />
                </Canvas>
            </VisualBrush.Visual>
        </VisualBrush>

Answer 2

Вы можете легко сделать это с помощью LinearGradientBrush:

  <Rectangle Width="100" Height="100">
     <Rectangle.Fill>
        <LinearGradientBrush SpreadMethod="Reflect" StartPoint="0 0" EndPoint="0 0.05">
           <GradientStop Offset="0.5" Color="Black"/>
           <GradientStop Offset="0.5" Color="White"/>
        </LinearGradientBrush>
     </Rectangle.Fill>
  </Rectangle>

Толщину и ориентацию линии можно контролировать с помощью свойства EndPoint.

Answer 3

ImageBrush происходит от TileBrush, поэтому вы можете использовать свойство Viewport для повторения изображения. См. эту страницу MSDN для примера.

Answer 4

Вы пытались использовать TileBrush?