¿Cómo puedo lograr un borde discontinuo o punteado en WPF?

styles border

Question

Tengo un ListViewItem que estoy aplicando un Style y me gustaría poner una línea gris punteada como el Border inferior.

¿Cómo puedo hacer esto en WPF? Solo puedo ver pinceles de color sólido.

Answer 1

Esto funcionó muy bien en nuestra aplicación, lo que nos permite usar un borde real y no perder el tiempo con rectángulos:

<Border BorderThickness="1,0,1,1">
<Border.BorderBrush>
<DrawingBrush Viewport="0,0,8,8" ViewportUnits="Absolute" TileMode="Tile">
<DrawingBrush.Drawing>
<DrawingGroup>
<GeometryDrawing Brush="Black">
<GeometryDrawing.Geometry>
<GeometryGroup>
<RectangleGeometry Rect="0,0,50,50" />
<RectangleGeometry Rect="50,50,50,50" />
</GeometryGroup>
</GeometryDrawing.Geometry>
</GeometryDrawing>
</DrawingGroup>
</DrawingBrush.Drawing>
</DrawingBrush>
</Border.BorderBrush>
<TextBlock Text="Content Goes Here!" Margin="5"/>
</Border>

Tenga en cuenta que la ventana gráfica determina el tamaño de los guiones en las líneas. En este caso, genera guiones de ocho píxeles. Viewport = "0,0,4,4" le daría guiones de cuatro píxeles.

Answer 2

Puede crear una línea punteada o guiones usando un rectángulo como en el siguiente código

<Rectangle Stroke="#FF000000" Height="1" StrokeThickness="1" StrokeDashArray="4 4"
SnapsToDevicePixels="True"/>

Comience con esto y personalice su lista de acuerdo a su escenario

Answer 3

Un poco tarde para la fiesta, pero la siguiente solución funcionó para mí. Es ligeramente más simple / mejor que las otras dos soluciones:

<Border BorderThickness="1">
<Border.BorderBrush>
<VisualBrush>
<VisualBrush.Visual>
<Rectangle StrokeDashArray="4 2" Stroke="Gray" StrokeThickness="1"
Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualWidth}"
Height="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualHeight}"/>
</VisualBrush.Visual>
</VisualBrush>
</Border.BorderBrush>
<TextBlock Text="Whatever" />
</Border>