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

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

Answer 3

ImageBrush происходит от TileBrush, так что вы можете использовать свойство Viewport, чтобы повторить его. См. Пример this MSDN page.

Answer 4

Вы можете легко сделать это с помощью 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> 

You толщина линии управления и ориентации со свойством конечной точки.