Как я могу получить пунктирную или пунктирную границу в WPF?

у меня есть ListViewItem что я применяю Style to и я хотел бы поставить пунктирную серую линию в качестве нижней Border.

как я могу это сделать в WPF? Я вижу только цветные кисти.

58
border listviewitem styles wpf

3 ответов

это отлично работало в нашем приложении, позволяя нам использовать реальную границу и не возиться с прямоугольниками:

<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>

обратите внимание, что окно просмотра определяет размер тире в строках. В этом случае он генерирует восемь пикселей перебежками. Просмотра="0,0,4,4" даст вам четыре пикселя перебежками.

93

вы можете создать пунктирную линию или пунктир, используя прямоугольник как в коде ниже

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

начните с этого и настройте свой listview в соответствии с вашим сценарием

77

немного опоздал на вечеринку, но следующее решение работает для меня. Это немного проще/лучше, чем оба других решения:

<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>
7