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

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

63 голосов
/ 01 июня 2011

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

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

Ответы [ 4 ]

103 голосов
/ 02 июля 2013

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

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

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

87 голосов
/ 01 июня 2011

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

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

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

14 голосов
/ 15 ноября 2017

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

<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>
0 голосов
/ 31 мая 2019

XAML 

<Grid>
<Grid.RowDefinitions><RowDefinition Height="auto"/></Grid.RowDefinitions>
<Grid.ColumnDefinitions><ColumnDefinition Width="auto"/></Grid.ColumnDefinitions>
<Rectangle RadiusX="9" RadiusY="9" Fill="White" Stroke="Black" StrokeDashArray="1,2"/>
<TextBlock Padding = "4,2" Text="Whatever"/>
</Grid>
...